@agentatom/design-system 1.4.88 → 1.4.89
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +3 -0
- package/dist/tokens.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -63,4 +63,4 @@ import appearance from '@agentatom/design-system/appearance.json';
|
|
|
63
63
|
|
|
64
64
|
## Version
|
|
65
65
|
|
|
66
|
-
`1.4.
|
|
66
|
+
`1.4.89` — dual-brand publish from one monorepo commit. Package contents = applicable surface for this brand only.
|
package/dist/index.cjs.js
CHANGED
|
@@ -19,4 +19,4 @@
|
|
|
19
19
|
<%s {...props} />
|
|
20
20
|
React keys must be passed directly to JSX without using spread:
|
|
21
21
|
let props = %s;
|
|
22
|
-
<%s key={someKey} {...props} />`,O,Y,K,Y),X[Y+O]=!0)}if(Y=null,I!==void 0&&(n(I),Y=""+I),i(v)&&(n(v.key),Y=""+v.key),"key"in v){I={};for(var ie in v)ie!=="key"&&(I[ie]=v[ie])}else I=v;return Y&&l(I,typeof p=="function"?p.displayName||p.name||"Unknown":p),f(p,Y,I,a(),Z,re)}function h(p){x(p)?p._store&&(p._store.validated=1):typeof p=="object"&&p!==null&&p.$$typeof===z&&(p._payload.status==="fulfilled"?x(p._payload.value)&&p._payload.value._store&&(p._payload.value._store.validated=1):p._store&&(p._store.validated=1))}function x(p){return typeof p=="object"&&p!==null&&p.$$typeof===b}var m=c,b=Symbol.for("react.transitional.element"),w=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),N=Symbol.for("react.strict_mode"),S=Symbol.for("react.profiler"),y=Symbol.for("react.consumer"),g=Symbol.for("react.context"),j=Symbol.for("react.forward_ref"),B=Symbol.for("react.suspense"),D=Symbol.for("react.suspense_list"),L=Symbol.for("react.memo"),z=Symbol.for("react.lazy"),E=Symbol.for("react.activity"),P=Symbol.for("react.client.reference"),H=m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,F=Object.prototype.hasOwnProperty,C=Array.isArray,_=console.createTask?console.createTask:function(){return null};m={react_stack_bottom_frame:function(p){return p()}};var T,$={},U=m.react_stack_bottom_frame.bind(m,o)(),W=_(r(o)),X={};be.Fragment=k,be.jsx=function(p,v,I){var O=1e4>H.recentlyCreatedOwnerStacks++;return u(p,v,I,!1,O?Error("react-stack-top-frame"):U,O?_(r(p)):W)},be.jsxs=function(p,v,I){var O=1e4>H.recentlyCreatedOwnerStacks++;return u(p,v,I,!0,O?Error("react-stack-top-frame"):U,O?_(r(p)):W)}}()),be}process.env.NODE_ENV==="production"?Te.exports=ut():Te.exports=ft();var e=Te.exports;const _e={close:"Close",closeModal:"Close modal",closeAlert:"Close alert",dismiss:"Dismiss",loading:"Loading",next:"Next",back:"Back",skipTour:"Skip tour",done:"Done",previousPage:"Previous page",nextPage:"Next page",pagination:"Pagination",pageN:"Page {n}",breadcrumb:"Breadcrumb",recents:"Recents",steps:"Steps",stepN:"Step {n}",stepOf:"Step {current} of {total}",copyToClipboard:"Copy to clipboard",selectOption:"Select option",like:"Like",dislike:"Dislike",removeImage:"Remove image",attachFiles:"Attach files",stop:"Stop",send:"Send",toggleVisibility:"Toggle visibility",decrease:"Decrease",increase:"Increase",sources:"Sources",moreSources:"+{n} more sources",pageAbbrev:"p. {pages}",code:"Code",promptPlaceholder:"Let's get things done...",dropFilesHere:"Drop files here",fileTooLarge:"File(s) too large{maxHint}: {names}",fileTooLargeMaxHint:" (max {maxMb}MB)",filesSkipped:"Skipped unsupported file(s): {names}",maxImages:"Max {n} images per message",uploading:"Uploading...",removeAttachment:"Remove attachment",closeTab:"Close {label}"};function Be(t,s={}){return typeof t=="function"?t(s):typeof t!="string"?"":t.replace(/\{(\w+)\}/g,(n,r)=>s[r]!==void 0&&s[r]!==null?String(s[r]):"")}const Ie=c.createContext({strings:_e,t:(t,s)=>Be(_e[t]??t,s)});function mt({strings:t,children:s}){const n=c.useMemo(()=>{const r={..._e,...t};return{strings:r,t:(a,o)=>Be(r[a]??_e[a]??a,o)}},[t]);return e.jsx(Ie.Provider,{value:n,children:s})}function ue(){return c.useContext(Ie)}function q(){return c.useContext(Ie).strings}function Je({size:t="m",color:s="default",className:n="","aria-label":r,...a}){const o=q();return e.jsx("span",{className:["ds-spinner",`ds-spinner--${t}`,`ds-spinner--${s}`,n].filter(Boolean).join(" "),role:"status","aria-label":r??o.loading,...a})}const pt={xs:12,s:14,m:16,l:20};function ne({children:t,variant:s="primary",size:n="m",fullWidth:r=!1,icon:a,disabled:o=!1,state:i="idle",active:l=!1,pressed:d=!1,onClick:f,type:u="button",href:h,"aria-label":x,"aria-pressed":m,className:b="",...w}){const k=a&&!t,N=i==="loading",S=i==="success",y=i==="error",g=N||S||y,j=!!(l||d),B=n==="xs"?"s":"m",D=s==="danger"?"on-accent":"default",L=pt[n]??16,z=N?e.jsx(Je,{size:B,color:D}):S?e.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:e.jsx(A.Check,{size:L,strokeWidth:2.5})}):y?e.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:e.jsx(A.X,{size:L,strokeWidth:2.5})}):null,E=["ds-button",`ds-button--${s}`,`ds-button--${n}`,r&&"ds-button--full",k&&"ds-button--icon-only",b].filter(Boolean).join(" "),P=i!=="idle"?i:void 0,H=m!==void 0?m:j?!0:void 0,F=e.jsxs(e.Fragment,{children:[g?z:a&&e.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:a}),t]});if(h){const C=_=>{if(o||N){_.preventDefault();return}_.metaKey||_.ctrlKey||_.button===1||(_.preventDefault(),f==null||f(_))};return e.jsx("a",{className:E,href:o||N?void 0:h,onClick:C,"aria-label":x,"aria-disabled":o||N?"true":void 0,"aria-busy":N?"true":void 0,"aria-pressed":H,"data-state":P,"data-active":j?"true":void 0,...w,children:F})}return e.jsx("button",{type:u,className:E,disabled:o,onClick:N?void 0:f,"aria-label":x,"aria-busy":N?"true":void 0,"aria-pressed":H,"data-state":P,"data-active":j?"true":void 0,...w,children:F})}function ht({label:t,error:s,hint:n,fullWidth:r=!0,icon:a,iconRight:o,onIconRightClick:i,size:l="m",disabled:d,id:f,iconRightLabel:u,...h}){const x=q(),m=f||`input-${c.useId()}`,b=n?`${m}-hint`:void 0,w=s?`${m}-error`:void 0,k=w||b;return e.jsxs("div",{className:`ds-input-wrapper ${r?"ds-input-wrapper--full":""} ${d?"ds-input-wrapper--disabled":""} ${s?"ds-input-wrapper--error":""}`,children:[t&&e.jsx("label",{className:"ds-input-label",htmlFor:m,children:t}),e.jsxs("div",{className:"ds-input-container",children:[a&&e.jsx("span",{className:`ds-input-icon ds-input-icon--${l}`,"aria-hidden":"true",children:a}),e.jsx("input",{id:m,className:`ds-input ds-input--${l} ${a?"ds-input--with-icon":""} ${o?"ds-input--with-icon-right":""} ${s?"ds-input--error":""}`,disabled:d,"aria-invalid":s?"true":"false","aria-describedby":k,...h}),o&&e.jsx("button",{type:"button",className:`ds-input-icon-right ds-input-icon-right--${l}`,onClick:i,tabIndex:-1,"aria-label":u??x.toggleVisibility,children:o})]}),n&&!s&&e.jsx("span",{id:b,className:"ds-input-hint",children:n}),e.jsx("div",{className:"ds-input-error-wrap",children:e.jsx("div",{className:"ds-input-error-inner",children:s&&e.jsx("span",{id:w,className:"ds-input-error",role:"alert",children:s})})})]})}function xt({label:t,error:s,hint:n,fullWidth:r=!0,size:a="m",disabled:o,id:i,resize:l=!0,rows:d=3,...f}){const u=i||`textarea-${c.useId()}`,h=n?`${u}-hint`:void 0,x=s?`${u}-error`:void 0,m=x||h;return e.jsxs("div",{className:`ds-textarea-wrapper ${r?"ds-textarea-wrapper--full":""} ${o?"ds-textarea-wrapper--disabled":""}`,children:[t&&e.jsx("label",{className:"ds-textarea-label",htmlFor:u,children:t}),e.jsx("textarea",{id:u,className:`ds-textarea ds-textarea--${a} ${s?"ds-textarea--error":""} ${l?"":"ds-textarea--no-resize"}`,disabled:o,"aria-invalid":s?"true":"false","aria-describedby":m,rows:d,...f}),n&&!s&&e.jsx("span",{id:h,className:"ds-textarea-hint",children:n}),s&&e.jsx("span",{id:x,className:"ds-textarea-error",role:"alert",children:s})]})}function vt({label:t,value:s,onChange:n,options:r=[],placeholder:a,error:o,fullWidth:i=!0,size:l="m",disabled:d=!1,id:f,...u}){const h=q(),x=a??h.selectOption,[m,b]=c.useState(!1),[w,k]=c.useState(!1),[N,S]=c.useState({}),[y,g]=c.useState("down"),[j,B]=c.useState(-1),D=c.useRef(null),L=c.useRef(null),z=c.useRef(null),E=c.useRef(null),P=f||`select-${c.useId()}`,H=`${P}-label`,F=o?`${P}-error`:void 0,C=150,_=(v=!1)=>{w||(k(!0),B(-1),E.current=setTimeout(()=>{var I;b(!1),k(!1),v&&((I=z.current)==null||I.focus())},C))},T=v=>{clearTimeout(E.current),k(!1);const I=v!==void 0?v:Math.max(r.findIndex(O=>O.value===s),0);B(I),b(!0)};c.useEffect(()=>()=>clearTimeout(E.current),[]);const $=()=>{var K;const v=(K=D.current)==null?void 0:K.getBoundingClientRect();if(!v)return;const I=window.innerHeight,O=I-v.bottom,Z=v.top,Y=O<300&&Z>O;g(Y?"up":"down"),S(Y?{bottom:I-v.top+4,left:v.left,width:v.width}:{top:v.bottom+4,left:v.left,width:v.width})};c.useEffect(()=>{if(m)return $(),window.addEventListener("scroll",$,!0),window.addEventListener("resize",$),()=>{window.removeEventListener("scroll",$,!0),window.removeEventListener("resize",$)}},[m]),c.useEffect(()=>{const v=I=>{D.current&&!D.current.contains(I.target)&&L.current&&!L.current.contains(I.target)&&_()};return document.addEventListener("mousedown",v),()=>document.removeEventListener("mousedown",v)},[w]),c.useEffect(()=>{var I;if(!m||j<0||!L.current)return;(I=L.current.querySelectorAll(".ds-select-option")[j])==null||I.scrollIntoView({block:"nearest"})},[j,m]);const U=v=>{switch(v.key){case"ArrowDown":v.preventDefault(),m?B(I=>Math.min(I+1,r.length-1)):T();break;case"ArrowUp":v.preventDefault(),m?B(I=>Math.max(I-1,0)):T(r.length-1);break;case"Home":m&&(v.preventDefault(),B(0));break;case"End":m&&(v.preventDefault(),B(r.length-1));break;case"Enter":case" ":v.preventDefault(),m?j>=0&&(n==null||n(r[j].value),_(!0)):T();break;case"Escape":m&&(v.preventDefault(),_(!0));break;case"Tab":m&&_(!1);break}},W=r.find(v=>v.value===s),X=l==="xs"?V[1]:l==="small"?V[2]:V[3],p=m&&e.jsx("div",{ref:L,"data-ds-portal":"",role:"listbox","aria-labelledby":t?H:void 0,tabIndex:-1,className:["ds-select-dropdown ds-scrollable",`ds-select-dropdown--${l}`,`ds-select-dropdown--${y}`,w&&"ds-select-dropdown--closing"].filter(Boolean).join(" "),style:N,children:r.map((v,I)=>e.jsx("button",{id:`${P}-opt-${I}`,type:"button",role:"option",tabIndex:-1,"aria-selected":s===v.value,className:["ds-select-option",`ds-select-option--${l}`,s===v.value&&"ds-select-option--selected",I===j&&"ds-select-option--active"].filter(Boolean).join(" "),onClick:()=>{n==null||n(v.value),_(!0)},children:v.label},v.value))});return e.jsxs("div",{className:`ds-select-wrapper ${i?"ds-select-wrapper--full":""} ${d?"ds-select-wrapper--disabled":""}`,children:[t&&e.jsx("label",{id:H,className:"ds-select-label",children:t}),e.jsx("div",{className:"ds-select-container",ref:D,children:e.jsxs("button",{ref:z,type:"button",id:P,role:"combobox","aria-haspopup":"listbox","aria-expanded":m,"aria-activedescendant":m&&j>=0?`${P}-opt-${j}`:void 0,"aria-labelledby":t?H:void 0,"aria-invalid":o?"true":"false","aria-describedby":F,className:`ds-select-trigger ds-select-trigger--${l} ${o?"ds-select-trigger--error":""}`,onClick:()=>{d||(m?_():T())},onKeyDown:U,disabled:d,...u,children:[e.jsx("span",{className:W?"":"ds-select-placeholder",children:(W==null?void 0:W.label)||x}),e.jsx(A.ChevronDown,{size:X,strokeWidth:1.5,className:`ds-select-icon ${m&&y==="down"?"ds-select-icon--open":""} ${m&&y==="up"?"ds-select-icon--up":""}`,"aria-hidden":"true"})]})}),o&&e.jsx("span",{id:F,className:"ds-select-error",role:"alert",children:o}),typeof document<"u"&&ee.createPortal(p,document.body)]})}function bt({label:t,value:s=0,onChange:n,min:r=0,max:a=100,step:o=1,size:i="m",disabled:l=!1,hint:d,error:f,decreaseLabel:u,increaseLabel:h,...x}){const m=q(),b=()=>{if(l)return;const g=Math.min(Number(s)+o,a);n==null||n(g)},w=()=>{if(l)return;const g=Math.max(Number(s)-o,r);n==null||n(g)},k=g=>{if(l)return;const j=g.target.value;if(j===""){n==null||n(r);return}const B=Number(j);if(!isNaN(B)){const D=Math.min(Math.max(B,r),a);n==null||n(D)}},N=["ds-stepper-wrapper",l&&"ds-stepper-wrapper--disabled",f&&"ds-stepper-wrapper--error"].filter(Boolean).join(" "),S=["ds-stepper",`ds-stepper--${i}`,l&&"ds-stepper--disabled"].filter(Boolean).join(" "),y=i==="xs"?V[1]:i==="small"?V[2]:V[3];return e.jsxs("div",{className:N,children:[t&&e.jsx("label",{className:"ds-stepper-label",children:t}),e.jsxs("div",{className:S,children:[e.jsx("button",{type:"button",className:"ds-stepper-button ds-stepper-button--minus",onClick:w,disabled:l||s<=r,"aria-label":u??m.decrease,children:e.jsx(A.Minus,{size:y,strokeWidth:1.5})}),e.jsx("input",{type:"number",className:"ds-stepper-input",value:s,onChange:k,min:r,max:a,step:o,disabled:l,...x}),e.jsx("button",{type:"button",className:"ds-stepper-button ds-stepper-button--plus",onClick:b,disabled:l||s>=a,"aria-label":h??m.increase,children:e.jsx(A.Plus,{size:y,strokeWidth:1.5})})]}),d&&!f&&e.jsx("div",{className:"ds-stepper-hint",children:d}),f&&e.jsx("div",{className:"ds-stepper-error",children:f})]})}function _t({children:t,padding:s="m",variant:n="default",hover:r=!1,onClick:a,href:o,disabled:i=!1,className:l="",...d}){const u=(r?"interactive":n)==="interactive"||a||o,h=["ds-card",`ds-card--${s}`,u&&"ds-card--interactive",l].filter(Boolean).join(" ");if(o){const b=w=>{if(i){w.preventDefault();return}w.metaKey||w.ctrlKey||w.button===1||(w.preventDefault(),a==null||a(w))};return e.jsx("a",{className:h,href:i?void 0:o,onClick:b,"aria-disabled":i?"true":void 0,...d,children:t})}const x=u&&a?"button":"div",m=u&&a?{type:"button",onClick:a,disabled:i}:{};return e.jsx(x,{className:h,role:u&&!a?"article":void 0,...m,...d,children:t})}function jt({children:t,...s}){return e.jsx("h1",{className:"ds-h1",...s,children:t})}function Nt({children:t,...s}){return e.jsx("h2",{className:"ds-h2",...s,children:t})}function wt({children:t,...s}){return e.jsx("h3",{className:"ds-h3",...s,children:t})}function gt({children:t,...s}){return e.jsx("h4",{className:"ds-h4",...s,children:t})}function yt({children:t,secondary:s=!1,...n}){return e.jsx("p",{className:`ds-p1 ${s?"ds-p1--secondary":""}`,...n,children:t})}function Ze({children:t,secondary:s=!1,...n}){return e.jsx("p",{className:`ds-p2 ${s?"ds-p2--secondary":""}`,...n,children:t})}function De({children:t,secondary:s=!1,...n}){return e.jsx("p",{className:`ds-p3 ${s?"ds-p3--secondary":""}`,...n,children:t})}function ce({children:t,variant:s="default",size:n="m",role:r,...a}){const o=["ds-badge",`ds-badge--${s}`,`ds-badge--${n}`].filter(Boolean).join(" "),i=r||(["info","success","warning","error"].includes(s)?"status":void 0);return e.jsx("span",{className:o,role:i,...a,children:t})}const kt={info:A.Info,success:A.CheckCircle,warning:A.AlertTriangle,error:A.XCircle},Et=c.forwardRef(function({children:s,variant:n="info",title:r,onClose:a,role:o,closeLabel:i,...l},d){const f=q(),u=kt[n],h=o||(n==="error"?"alert":"status");return e.jsxs("div",{ref:d,className:`ds-alert ds-alert--${n} ${r?"":"ds-alert--no-title"}`,role:h,...l,children:[u&&e.jsx("div",{className:"ds-alert__icon",children:e.jsx(u,{size:V[3],strokeWidth:1.5})}),e.jsxs("div",{className:"ds-alert__content",children:[r&&e.jsx("div",{className:"ds-alert__title",children:r}),s&&e.jsx("div",{className:"ds-alert__message",children:s})]}),a&&e.jsx("button",{type:"button",className:"ds-alert__close",onClick:a,"aria-label":i??f.closeAlert,children:e.jsx(A.X,{size:V[3],strokeWidth:1.5})})]})}),Rt="data-ds-portal";function Le(t){var n;const s=((n=t.composedPath)==null?void 0:n.call(t)[0])??t.target;return s instanceof Element?s:s instanceof Node?s.parentElement:null}function Pe(t,s){var r;const n=(r=t==null?void 0:t.closest)==null?void 0:r.call(t,`[${Rt}]`);return!!(n&&n!==s)}const St=200;function Tt({children:t,title:s,onClose:n,size:r="m",scrollable:a=!1,subHeader:o,closeLabel:i,...l}){const d=q(),f=c.useRef(null),u=c.useRef(null),h=c.useId(),[x,m]=c.useState(!1),b=()=>{!n||x||(m(!0),setTimeout(()=>{m(!1),n()},St))};c.useEffect(()=>{const y=j=>{j.key==="Escape"&&b()},g=j=>{var D;const B=Le(j);B&&((D=u.current)!=null&&D.contains(B)||Pe(B,f.current)||b())};return document.addEventListener("keydown",y),document.addEventListener("mousedown",g),()=>{document.removeEventListener("keydown",y),document.removeEventListener("mousedown",g)}},[n,x]);const w=c.Children.toArray(t),k=w.find(y=>(y==null?void 0:y.type)===de),N=w.filter(y=>(y==null?void 0:y.type)!==de),S=e.jsx("div",{className:["ds-modal-overlay",x&&"ds-modal-overlay--closing"].filter(Boolean).join(" "),...l,ref:f,"data-ds-portal":"",children:e.jsxs("div",{className:[`ds-modal ds-modal--${r}`,a&&"ds-modal--scrollable"].filter(Boolean).join(" "),ref:u,role:"dialog","aria-modal":"true","aria-labelledby":s?h:void 0,children:[n&&e.jsx(ne,{className:"ds-modal__close",variant:"ghost",size:"small",icon:e.jsx(A.X,{size:V[2],strokeWidth:1.5}),onClick:b,"aria-label":i??d.closeModal}),(s||o)&&e.jsxs("div",{className:"ds-modal__header",children:[s&&e.jsx("h3",{id:h,className:"ds-modal__title",children:s}),o&&e.jsx("div",{className:"ds-modal__subheader",children:o})]}),e.jsx("div",{className:"ds-modal__body ds-scrollable",children:N}),k]})});return typeof document>"u"?S:ee.createPortal(S,document.body)}function de({children:t}){return!t||c.Children.count(t)===0?null:e.jsx("div",{className:"ds-modal__footer",children:t})}const $t=320;function At({children:t,title:s,onClose:n,subHeader:r,closeLabel:a,...o}){const i=q(),l=c.useRef(null),d=c.useRef(null),f=c.useId(),[u,h]=c.useState(!1),x=()=>{!n||u||(h(!0),setTimeout(()=>{h(!1),n()},$t))};c.useEffect(()=>{const N=y=>{y.key==="Escape"&&x()},S=y=>{var j;const g=Le(y);g&&((j=d.current)!=null&&j.contains(g)||Pe(g,l.current)||x())};return document.addEventListener("keydown",N),document.addEventListener("mousedown",S),()=>{document.removeEventListener("keydown",N),document.removeEventListener("mousedown",S)}},[n,u]);const m=c.Children.toArray(t),b=m.find(N=>(N==null?void 0:N.type)===de),w=m.filter(N=>(N==null?void 0:N.type)!==de),k=e.jsx("div",{className:["ds-bottom-sheet-overlay",u&&"ds-bottom-sheet-overlay--closing"].filter(Boolean).join(" "),...o,ref:l,"data-ds-portal":"",children:e.jsxs("div",{ref:d,className:["ds-bottom-sheet",u&&"ds-bottom-sheet--closing"].filter(Boolean).join(" "),role:"dialog","aria-modal":"true","aria-labelledby":s?f:void 0,children:[e.jsx("div",{className:"ds-bottom-sheet__handle","aria-hidden":"true"}),n&&e.jsx(ne,{className:"ds-bottom-sheet__close",variant:"ghost",size:"small",icon:e.jsx(A.X,{size:V[2],strokeWidth:1.5}),onClick:x,"aria-label":a??i.close}),(s||r)&&e.jsxs("div",{className:"ds-bottom-sheet__header",children:[s&&e.jsx("h3",{id:f,className:"ds-bottom-sheet__title",children:s}),r&&e.jsx("div",{className:"ds-bottom-sheet__subheader",children:r})]}),e.jsx("div",{className:"ds-bottom-sheet__body ds-scrollable",children:w}),b]})});return typeof document>"u"?k:ee.createPortal(k,document.body)}function Qe({children:t,title:s,defaultExpanded:n=!1,expanded:r,onToggle:a,padding:o="s",className:i="",...l}){const d=q(),f=s??d.code,[u,h]=c.useState(n),x=r!==void 0,m=x?r:u,b=()=>{x?a==null||a(!r):h(k=>!k)},w=["ds-code-accordion",`ds-code-accordion--${o}`,m&&"ds-code-accordion--expanded",i].filter(Boolean).join(" ");return e.jsxs("div",{className:w,...l,children:[e.jsxs("button",{type:"button",className:"ds-code-accordion__header",onClick:b,"aria-expanded":m,children:[e.jsx("span",{className:"ds-code-accordion__title",children:f}),e.jsx(A.ChevronDown,{size:V[2],strokeWidth:1.5,className:`ds-code-accordion__icon ${m?"ds-code-accordion__icon--expanded":""}`})]}),e.jsx("div",{className:"ds-code-accordion__content",children:e.jsx("div",{className:"ds-code-accordion__inner",children:e.jsx("pre",{className:"ds-code-accordion__pre ds-scrollable",children:e.jsx("code",{children:t})})})})]})}function Bt({children:t,block:s=!1,collapsible:n=!1,title:r,defaultExpanded:a=!1,...o}){const i=q(),l=r??i.code;return s?n?e.jsx(Qe,{title:l,defaultExpanded:a,...o,children:t}):e.jsx("pre",{className:"ds-code-block ds-scrollable",...o,children:e.jsx("code",{children:t})}):e.jsx("code",{className:"ds-code-inline",...o,children:t})}function It({href:t,children:s,onClick:n,target:r,rel:a,...o}){const l=r==="_blank"?a?`${a} noopener noreferrer`:"noopener noreferrer":a;return e.jsx("a",{href:t,className:"ds-link",onClick:n,target:r,rel:l,...o,children:s})}function Dt({children:t,size:s="m",variant:n="ghost",...r}){return e.jsx("div",{className:"ds-tabs",role:"tablist",...r,children:c.Children.map(t,a=>c.isValidElement(a)?c.cloneElement(a,{size:s,variant:n}):a)})}function Lt({children:t,selected:s=!1,onClick:n,size:r="m",variant:a="ghost",disabled:o=!1,icon:i,href:l,...d}){const f=i&&!t,u=["ds-tab",`ds-tab--${r}`,`ds-tab--${a}`,s&&"ds-tab--selected",f&&"ds-tab--icon-only"].filter(Boolean).join(" "),h=e.jsxs(e.Fragment,{children:[i&&e.jsx("span",{className:"ds-tab-icon",children:i}),t]});if(l){const x=m=>{if(o){m.preventDefault();return}m.metaKey||m.ctrlKey||m.button===1||(m.preventDefault(),n==null||n(m))};return e.jsx("a",{role:"tab","aria-current":s?"page":void 0,"aria-disabled":o?"true":void 0,className:u,href:o?void 0:l,onClick:x,...d,children:h})}return e.jsx("button",{role:"tab","aria-selected":s,className:u,onClick:n,disabled:o,...d,children:h})}function Pt({children:t,className:s="",...n}){return e.jsx("div",{className:["ds-browser-pane",s].filter(Boolean).join(" "),...n,children:t})}function Ct({tabs:t,active:s,onChange:n,onClose:r,className:a="",...o}){const{t:i}=ue();return e.jsx("div",{className:["ds-browser-tabs",a].filter(Boolean).join(" "),role:"tablist",...o,children:t.map(l=>{const d=l.id===s,f=!!l.closable;return e.jsxs("div",{className:["ds-browser-tab",d&&"ds-browser-tab--active",f&&"ds-browser-tab--closable"].filter(Boolean).join(" "),title:l.label,children:[e.jsxs("button",{type:"button",role:"tab","aria-selected":d,className:"ds-browser-tab__hit",onClick:()=>n==null?void 0:n(l.id),children:[l.icon?e.jsx("span",{className:"ds-browser-tab__icon","aria-hidden":!0,children:l.icon}):null,e.jsx("span",{className:"ds-browser-tab__label",children:l.label})]}),f?e.jsx("button",{type:"button",className:"ds-browser-tab__close","aria-label":i("closeTab",{label:l.label}),onClick:u=>{u.stopPropagation(),r==null||r(l.id)},children:e.jsx(A.X,{size:12,strokeWidth:2})}):null]},l.id)})})}function Mt({children:t,className:s="",...n}){return e.jsx("div",{className:["ds-list",s].filter(Boolean).join(" "),role:"list",...n,children:t})}function Ft({icon:t,title:s,subtitle:n,meta:r,onClick:a,className:o="",...i}){const l=r==null?[]:Array.isArray(r)?r:[r],d=["ds-list-row",!t&&"ds-list-row--no-icon",a&&"ds-list-row--interactive",o].filter(Boolean).join(" "),f=e.jsxs(e.Fragment,{children:[t?e.jsx("span",{className:"ds-list-row__icon","aria-hidden":!0,children:t}):null,e.jsxs("span",{className:"ds-list-row__name",children:[e.jsx("span",{className:"ds-list-row__title",children:s}),n?e.jsx("span",{className:"ds-list-row__subtitle",children:n}):null]}),l.map((u,h)=>e.jsx("span",{className:"ds-list-row__meta",children:u},h))]});return a?e.jsx("button",{type:"button",role:"listitem",className:d,onClick:a,...i,children:f}):e.jsx("div",{role:"listitem",className:d,...i,children:f})}function zt({options:t,value:s,onChange:n,size:r="m",disabled:a=!1}){const o=c.useRef(null),i=c.useRef(null),[l,d]=c.useState(!1),f=c.useRef(!1),u=c.useRef(null),h=c.useRef(null),x=()=>{if(!o.current)return;const m=o.current.querySelector(`[data-value="${s}"]`);if(!m)return;const b=o.current.getBoundingClientRect(),w=m.getBoundingClientRect(),k=w.left-b.left,N=w.width;i.current?(i.current.style.transition=f.current?"left var(--transition-normal), width var(--transition-normal)":"none",i.current.style.left=k+"px",i.current.style.width=N+"px",f.current=!1):(d(!0),requestAnimationFrame(()=>{if(!i.current||!o.current)return;const S=o.current.querySelector(`[data-value="${s}"]`);if(!S)return;const y=o.current.getBoundingClientRect(),g=S.getBoundingClientRect();i.current.style.transition="none",i.current.style.left=g.left-y.left+"px",i.current.style.width=g.width+"px"}))};return h.current=x,c.useLayoutEffect(()=>{const m=u.current!==s;u.current=s,f.current=l&&m,x()}),c.useEffect(()=>{if(!o.current)return;const m=new ResizeObserver(()=>{f.current=!1,h.current()});return m.observe(o.current),()=>m.disconnect()},[]),e.jsxs("div",{className:["ds-seg",`ds-seg--${r}`,a&&"ds-seg--disabled"].filter(Boolean).join(" "),ref:o,role:"group",children:[l&&e.jsx("div",{ref:i,className:"ds-seg__pill","aria-hidden":"true"}),t.map(m=>e.jsxs("button",{type:"button","data-value":m.value,className:["ds-seg__btn",s===m.value&&"ds-seg__btn--active"].filter(Boolean).join(" "),onClick:()=>!a&&n(m.value),"aria-pressed":s===m.value,disabled:a,children:[m.icon&&e.jsx("span",{className:"ds-seg__btn-icon","aria-hidden":"true",children:m.icon}),m.label]},m.value))]})}function ge({children:t,title:s,defaultExpanded:n=!1,expanded:r,onToggle:a,padding:o="m",...i}){const[l,d]=c.useState(n),f=r!==void 0,u=f?r:l,h=()=>{f?a==null||a(!r):d(m=>!m)},x=["ds-accordion",`ds-accordion--${o}`,u&&"ds-accordion--expanded"].filter(Boolean).join(" ");return e.jsxs("div",{className:x,...i,children:[e.jsxs("button",{type:"button",className:"ds-accordion__header",onClick:h,"aria-expanded":u,children:[e.jsx("span",{className:"ds-accordion__title",children:s}),e.jsx(A.ChevronDown,{size:V[2],strokeWidth:1.5,className:`ds-accordion__icon ${u?"ds-accordion__icon--expanded":""}`})]}),e.jsx("div",{className:"ds-accordion__content",children:e.jsx("div",{className:"ds-accordion__content-inner",children:e.jsx("div",{className:"ds-accordion__content-body",children:t})})})]})}const ae=8,fe=8;function Ot(t,s,n){const r=window.innerWidth;let a,o;switch(t){case"top":a=s.top-n.height-ae,o=s.left+s.width/2-n.width/2;break;case"bottom":a=s.bottom+ae,o=s.left+s.width/2-n.width/2;break;case"left":a=s.top+s.height/2-n.height/2,o=s.left-n.width-ae;break;case"right":a=s.top+s.height/2-n.height/2,o=s.right+ae;break;default:a=s.bottom+ae,o=s.left}const i=Math.max(fe,Math.min(r-n.width-fe,o)),l=o-i;return{top:a,left:i,arrowOffset:l}}function Wt(t,s,n){const r=window.innerWidth,a=window.innerHeight;if(t.top>=s+ae+fe)return"top";if(a-t.bottom>=s+ae+fe)return"bottom";if(r-t.right>=n+ae+fe)return"right";if(t.left>=n+ae+fe)return"left";const o=Math.max(t.top,a-t.bottom,t.left,r-t.right);return o===t.top?"top":o===a-t.bottom?"bottom":o===r-t.right?"right":"left"}function ye({children:t,content:s,position:n,...r}){const[a,o]=c.useState(!1),[i,l]=c.useState({visibility:"hidden"}),[d,f]=c.useState(n||"top"),u=c.useRef(null),h=c.useRef(null),x=c.useRef(!1),m=()=>{if(!u.current||!h.current)return;const w=u.current.getBoundingClientRect(),k=h.current.getBoundingClientRect(),N=n||Wt(w,k.height,k.width),{top:S,left:y,arrowOffset:g}=Ot(N,w,k);f(N),l({position:"fixed",top:S,left:y,visibility:"visible","--arrow-offset":`${g}px`})};if(c.useEffect(()=>{if(!a)return;l({position:"fixed",visibility:"hidden"});const w=requestAnimationFrame(m);return window.addEventListener("scroll",m,!0),window.addEventListener("resize",m),()=>{cancelAnimationFrame(w),window.removeEventListener("scroll",m,!0),window.removeEventListener("resize",m)}},[a,n]),c.useEffect(()=>{if(!a)return;const w=k=>{u.current&&!u.current.contains(k.target)&&o(!1)};return document.addEventListener("touchstart",w),()=>document.removeEventListener("touchstart",w)},[a]),!s)return t;const b=a&&e.jsx("div",{ref:h,"data-ds-portal":"",className:`ds-tooltip ds-tooltip--${d}`,role:"tooltip",style:i,children:s});return e.jsxs("div",{ref:u,className:"ds-tooltip-wrapper",onMouseEnter:()=>{x.current||o(!0)},onMouseLeave:()=>{x.current||o(!1)},onTouchStart:()=>{x.current=!0,o(w=>!w)},...r,children:[t,typeof document<"u"&&ee.createPortal(b,document.body)]})}const Oe=8,Ne=8,Ht=140;function We(t){const s=String(t??"").replace(/^@/,"").trim();return s?`@${s}`:""}function Ut({label:t,children:s,mode:n="click",avatar:r,name:a,handle:o,description:i,actions:l,className:d="",popoverClassName:f="",...u}){const h=c.useId(),x=c.useRef(null),m=c.useRef(null),b=c.useRef(null),[w,k]=c.useState(!1),[N,S]=c.useState(null),y=s!=null,g=a||t||"",j=We(t||a),B=We(o),D=c.useCallback(()=>{b.current!=null&&(window.clearTimeout(b.current),b.current=null)},[]),L=c.useCallback(()=>{D(),k(!0)},[D]),z=c.useCallback(()=>{D(),b.current=window.setTimeout(()=>k(!1),Ht)},[D]),E=c.useCallback(()=>{const F=x.current,C=m.current;if(!F)return;const _=F.getBoundingClientRect(),T=(C==null?void 0:C.offsetHeight)??160,$=(C==null?void 0:C.offsetWidth)??260;let U=_.bottom+Oe;U+T>window.innerHeight-Ne&&(U=Math.max(Ne,_.top-T-Oe));const W=Math.max(Ne,Math.min(_.left,window.innerWidth-$-Ne));S({top:U,left:W})},[]);c.useLayoutEffect(()=>{w&&E()},[w,E]),c.useEffect(()=>{if(!w)return;const F=()=>E(),C=T=>{T.key==="Escape"&&k(!1)},_=T=>{var U,W;if(n==="hover")return;const $=T.target;(U=m.current)!=null&&U.contains($)||(W=x.current)!=null&&W.contains($)||k(!1)};return window.addEventListener("scroll",F,!0),window.addEventListener("resize",F),document.addEventListener("keydown",C),document.addEventListener("mousedown",_),()=>{window.removeEventListener("scroll",F,!0),window.removeEventListener("resize",F),document.removeEventListener("keydown",C),document.removeEventListener("mousedown",_)}},[w,E,n]),c.useEffect(()=>()=>D(),[D]);const P=n==="hover"?{onMouseEnter:L,onMouseLeave:z}:{},H=w?ee.createPortal(e.jsxs("div",{ref:m,id:h,role:"dialog","aria-label":g||j||"Mention","data-ds-portal":"",className:["ds-mention__popover",f].filter(Boolean).join(" "),style:N?{top:N.top,left:N.left}:{top:-9999,left:-9999,visibility:"hidden"},...P,children:[(r||g||B)&&e.jsxs("div",{className:"ds-mention__head",children:[r,(g||B)&&e.jsxs("div",{className:"ds-mention__meta",children:[g?e.jsx("span",{className:"ds-mention__name",children:g}):null,B?e.jsx("span",{className:"ds-mention__handle",children:B}):null]})]}),i?e.jsx("p",{className:"ds-mention__desc",children:i}):null,l?e.jsx("div",{className:"ds-mention__actions",onClick:()=>k(!1),children:l}):null]}),document.body):null;return e.jsxs(e.Fragment,{children:[e.jsx("button",{...u,ref:x,type:"button",className:["ds-mention",y&&"ds-mention--custom",d].filter(Boolean).join(" "),"aria-expanded":w,"aria-haspopup":"dialog","aria-label":y&&(j||g)||void 0,"aria-controls":w?h:void 0,onClick:F=>{var C;if((C=u.onClick)==null||C.call(u,F),!F.defaultPrevented){if(F.preventDefault(),F.stopPropagation(),n==="hover"){L();return}k(_=>!_)}},...P,children:y?s:j}),typeof document<"u"?H:null]})}function Vt({checked:t=!1,onChange:s,size:n="m",disabled:r=!1,label:a,id:o,...i}){const l=o||`toggle-${c.useId()}`,d=["ds-toggle",`ds-toggle--${n}`,r&&"ds-toggle--disabled"].filter(Boolean).join(" ");return e.jsxs("label",{className:d,htmlFor:l,children:[e.jsx("input",{type:"checkbox",id:l,className:"ds-toggle__input",checked:t,onChange:f=>s==null?void 0:s(f.target.checked),disabled:r,...i}),e.jsx("span",{className:"ds-toggle__track",children:e.jsx("span",{className:"ds-toggle__thumb"})}),a&&e.jsx("span",{className:"ds-toggle__label",children:a})]})}function Xt({checked:t=!1,onChange:s,size:n="m",disabled:r=!1,label:a,id:o,...i}){const l=o||`checkbox-${c.useId()}`,d=["ds-checkbox",`ds-checkbox--${n}`,r&&"ds-checkbox--disabled"].filter(Boolean).join(" "),f=n==="xs"?10:n==="small"?14:n==="large"?20:16;return e.jsxs("label",{className:d,htmlFor:l,children:[e.jsx("input",{type:"checkbox",id:l,className:"ds-checkbox__input",checked:t,onChange:u=>s==null?void 0:s(u.target.checked),disabled:r,...i}),e.jsx("span",{className:"ds-checkbox__box",children:t&&e.jsx(A.Check,{size:f,strokeWidth:2.5,className:"ds-checkbox__icon"})}),a&&e.jsx("span",{className:"ds-checkbox__label",children:a})]})}function Yt({checked:t=!1,onChange:s,size:n="m",disabled:r=!1,label:a,name:o,value:i,id:l,...d}){const f=l||`radio-${c.useId()}`,u=["ds-radio",`ds-radio--${n}`,r&&"ds-radio--disabled"].filter(Boolean).join(" ");return e.jsxs("label",{className:u,htmlFor:f,children:[e.jsx("input",{type:"radio",id:f,className:"ds-radio__input",checked:t,onChange:h=>s==null?void 0:s(h.target.checked),disabled:r,name:o,value:i,...d}),e.jsx("span",{className:"ds-radio__circle",children:e.jsx("span",{className:"ds-radio__dot"})}),a&&e.jsx("span",{className:"ds-radio__label",children:a})]})}function et({width:t,height:s,shape:n="rect",aspectRatio:r,className:a="",style:o={},...i}){return e.jsx("span",{className:["ds-skeleton",`ds-skeleton--${n}`,a].filter(Boolean).join(" "),style:{width:t,height:s,aspectRatio:r,...o},"aria-hidden":"true",...i})}function qt({lines:t=1,lastLineWidth:s="70%",gap:n,className:r="",style:a={},...o}){return e.jsx("span",{className:["ds-skeleton-text",r].filter(Boolean).join(" "),style:{gap:n,...a},"aria-hidden":"true",...o,children:Array.from({length:t},(i,l)=>e.jsx("span",{className:"ds-skeleton ds-skeleton--text",style:l===t-1&&t>1?{width:s}:void 0},l))})}et.Text=qt;function Gt(t){let s=2166136261;for(let n=0;n<t.length;n++)s^=t.charCodeAt(n),s=Math.imul(s,16777619)>>>0;return s%360}function Kt(t){if(!t)return"";const s=t.trim().split(/\s+/);return s.length>=2?(s[0][0]+s[1][0]).toUpperCase():t[0].toUpperCase()}function Jt({seed:t,icon:s,src:n,size:r=32,className:a="",style:o={},...i}){const l=Gt(t??""),[d,f]=c.useState(!1),u=s??e.jsx("span",{className:"ds-avatar__initials",children:Kt(t)});return e.jsx("div",{className:["ds-avatar",a].filter(Boolean).join(" "),style:{width:r,height:r,"--ds-avatar-h":l,...o},"aria-hidden":"true",...i,children:n&&!d?e.jsx("img",{src:n,alt:"",onError:()=>f(!0)}):u})}function Zt({children:t,size:s="compact",stickyTop:n,maxHeight:r,className:a="",style:o={},...i}){const l={...r?{maxHeight:r}:{},...n!==void 0?{"--ds-table-sticky-top":typeof n=="number"?`${n}px`:n}:{},...o};return e.jsx("div",{className:["ds-table-wrap","ds-scrollable",r?"ds-table-wrap--scroll":""].filter(Boolean).join(" "),style:l,children:e.jsx("table",{className:["ds-table",`ds-table--${s}`,a].filter(Boolean).join(" "),...i,children:t})})}function Qt({children:t,...s}){return e.jsx("thead",{...s,children:t})}function es({children:t,...s}){return e.jsx("tbody",{...s,children:t})}function ts({children:t,interactive:s,selected:n,subheader:r,exiting:a,updated:o,className:i="",onClick:l,...d}){return e.jsx("tr",{className:["ds-table-row",s||l?"ds-table-row--interactive":"",n?"ds-table-row--selected":"",r?"ds-table-row--subheader":"",a?"ds-table-row--exiting":"",o?"ds-table-row--updated":"",i].filter(Boolean).join(" "),onClick:l,...d,children:t})}function ss({children:t,colSpan:s=999,...n}){return e.jsx("tr",{className:"ds-table-row ds-table-row--subheader",...n,children:e.jsx("td",{colSpan:s,children:t})})}function ns({children:t,align:s="left",sortDir:n,onSort:r,width:a,className:o="",style:i={},...l}){const d=!!r||n!==void 0,f=n==="asc"?A.ChevronUp:n==="desc"?A.ChevronDown:A.ChevronsUpDown;return e.jsx("th",{className:["ds-th",d?"ds-th--sortable":"",n?"ds-th--sorted":"",s!=="left"?`ds-table-cell--${s}`:"",o].filter(Boolean).join(" "),onClick:r,style:{width:a,...i},...l,children:d?e.jsxs("span",{className:"ds-th__inner",children:[t,e.jsx("span",{className:"ds-th__sort-icon",children:e.jsx(f,{size:11,strokeWidth:2.5})})]}):t})}function rs({children:t,align:s="left",secondary:n,muted:r,truncate:a,nowrap:o,className:i="",...l}){return e.jsx("td",{className:["ds-td",s!=="left"?`ds-table-cell--${s}`:"",n?"ds-table-cell--secondary":"",r?"ds-table-cell--muted":"",a?"ds-table-cell--truncate":"",o?"ds-table-cell--nowrap":"",i].filter(Boolean).join(" "),...l,children:t})}function as({icon:t,title:s,description:n,action:r,size:a="m",className:o="",...i}){return e.jsxs("div",{className:["ds-empty-state",`ds-empty-state--${a}`,o].filter(Boolean).join(" "),...i,children:[t&&e.jsx("div",{className:"ds-empty-state__icon",children:t}),e.jsx("div",{className:"ds-empty-state__title",children:s}),n&&e.jsx("div",{className:"ds-empty-state__description",children:n}),r&&e.jsx("div",{className:"ds-empty-state__action",children:r})]})}function os({label:t,hint:s,error:n,required:r=!1,disabled:a=!1,htmlFor:o,children:i,className:l="",style:d,...f}){const u=c.useId(),h=o??u,x=`${h}-hint`,m=`${h}-error`;return e.jsxs("div",{className:`ds-field${l?` ${l}`:""}`,"data-state":n?"error":void 0,"data-required":r?"":void 0,"data-disabled":a?"":void 0,style:d,...f,children:[t&&e.jsx("label",{className:"ds-field-label",htmlFor:h,children:t}),e.jsx("div",{className:"ds-field-control",children:i}),s&&!n&&e.jsx("p",{className:"ds-field-hint",id:x,children:s}),n&&e.jsx("p",{className:"ds-field-error",id:m,role:"alert",children:n})]})}function is({label:t,value:s,delta:n,size:r="m",inline:a=!1,className:o="",style:i,...l}){const d=n!=null&&n.startsWith("+")?"up":n!=null&&n.startsWith("-")?"down":"neutral";return e.jsxs("div",{className:["ds-stat",`ds-stat--${r}`,a&&"ds-stat--inline",o].filter(Boolean).join(" "),style:i,...l,children:[t&&e.jsx("span",{className:"ds-stat-label",children:t}),s!=null&&e.jsx("span",{className:"ds-stat-value",children:s}),n!=null&&e.jsx("span",{className:`ds-stat-delta ds-stat-delta--${d}`,children:n})]})}function ls({children:t,separator:s="/","aria-label":n,className:r="",style:a,...o}){const i=q(),l=c.Children.toArray(t).filter(Boolean);return e.jsx("nav",{className:`ds-breadcrumb${r?` ${r}`:""}`,"aria-label":n??i.breadcrumb,style:a,...o,children:e.jsx("ol",{className:"ds-breadcrumb-list",children:l.map((d,f)=>e.jsxs("li",{className:"ds-breadcrumb-item",children:[d,f<l.length-1&&e.jsx("span",{className:"ds-breadcrumb-sep","aria-hidden":"true",children:s})]},f))})})}function cs({page:t,total:s,onChange:n,siblings:r=1,"aria-label":a,previousLabel:o,nextLabel:i,className:l="",style:d,...f}){const u=q(),{t:h}=ue(),x=ds(t,s,r);return e.jsxs("nav",{className:`ds-pagination${l?` ${l}`:""}`,"aria-label":a??u.pagination,style:d,...f,children:[e.jsx("button",{className:"ds-pagination-arrow",onClick:()=>n==null?void 0:n(t-1),disabled:t<=1,"aria-label":o??u.previousPage,children:e.jsx(A.ChevronLeft,{size:16})}),x.map((m,b)=>m==="…"?e.jsx("span",{className:"ds-pagination-gap","aria-hidden":"true",children:"…"},`gap-${b}`):e.jsx("button",{className:`ds-pagination-page${m===t?" ds-pagination-page--current":""}`,onClick:()=>m!==t&&(n==null?void 0:n(m)),"aria-current":m===t?"page":void 0,"aria-label":h("pageN",{n:m}),children:m},m)),e.jsx("button",{className:"ds-pagination-arrow",onClick:()=>n==null?void 0:n(t+1),disabled:t>=s,"aria-label":i??u.nextPage,children:e.jsx(A.ChevronRight,{size:16})})]})}function ds(t,s,n){if(s<=7)return Array.from({length:s},(i,l)=>l+1);const r=Math.max(2,t-n),a=Math.min(s-1,t+n),o=[1];r>2&&o.push("…");for(let i=r;i<=a;i++)o.push(i);return a<s-1&&o.push("…"),o.push(s),o}const us=300;function fs({children:t,title:s,onClose:n,subHeader:r,side:a="right",size:o="wide",offsetLeft:i=0,offsetRight:l=0,keepOpenRef:d,closeLabel:f,...u}){const h=q(),x=c.useRef(null),m=c.useId(),[b,w]=c.useState(!1),k=()=>{!n||b||(w(!0),setTimeout(()=>{w(!1),n()},us))};c.useEffect(()=>{const j=D=>{D.key==="Escape"&&k()},B=D=>{var z,E;const L=Le(D);L&&((z=d==null?void 0:d.current)!=null&&z.contains(L)||(E=x.current)!=null&&E.contains(L)||Pe(L,null)||k())};return document.addEventListener("keydown",j),document.addEventListener("mousedown",B),()=>{document.removeEventListener("keydown",j),document.removeEventListener("mousedown",B)}},[n,b,d]);const N=c.Children.toArray(t),S=N.find(j=>(j==null?void 0:j.type)===$e||(j==null?void 0:j.type)===de),y=N.filter(j=>(j==null?void 0:j.type)!==$e&&(j==null?void 0:j.type)!==de),g=e.jsx("div",{className:["ds-side-page-overlay",b&&"ds-side-page-overlay--closing"].filter(Boolean).join(" "),"data-side":a,style:{"--ds-side-page-offset-left":`${i}px`,"--ds-side-page-offset-right":`${l}px`},...u,children:e.jsxs("div",{ref:x,className:["ds-side-page",b&&"ds-side-page--closing"].filter(Boolean).join(" "),"data-side":a,"data-size":o,role:"dialog","aria-modal":"true","aria-labelledby":s?m:void 0,children:[n&&e.jsx(ne,{className:"ds-side-page__close",variant:"ghost",size:"small",icon:e.jsx(A.X,{size:V[2],strokeWidth:1.5}),onClick:k,"aria-label":f??h.close}),(s||r)&&e.jsxs("div",{className:"ds-side-page__header",children:[s&&e.jsx("h3",{id:m,className:"ds-side-page__title",children:s}),r&&e.jsx("div",{className:"ds-side-page__subheader",children:r})]}),e.jsx("div",{className:"ds-side-page__body ds-scrollable",children:y}),S]})});return typeof document>"u"?g:ee.createPortal(g,document.body)}function $e({children:t}){return!t||c.Children.count(t)===0?null:e.jsx("div",{className:"ds-side-page__footer",children:t})}const pe=c.createContext({collapsed:!1,side:"left"}),ke=c.createContext(!1),ms=c.forwardRef(function({children:s,collapsed:n=!1,side:r="left",onExpand:a,onCollapse:o,className:i="",...l},d){const f=["ds-nav-rail",n&&"ds-nav-rail--collapsed",`ds-nav-rail--${r}`,i].filter(Boolean).join(" "),u=c.useCallback(h=>{if(!h.target.closest('button, a, input, select, textarea, [role="button"], [tabindex]')){if(n&&a){a();return}!n&&o&&o()}},[n,a,o]);return e.jsx(pe.Provider,{value:{collapsed:n,side:r},children:e.jsx("nav",{ref:d,className:f,onClick:u,"data-expandable":n&&a?"":void 0,"data-collapsible":!n&&o?"":void 0,...l,children:s})})});function ps({icon:t,label:s,selected:n=!1,disabled:r=!1,href:a,onClick:o,count:i,updated:l=!1,open:d=!1,onboarding:f=!1,className:u="",...h}){const{collapsed:x,side:m}=c.useContext(pe),b=c.useContext(ke),N={className:["ds-nav-rail__item",u].filter(Boolean).join(" "),onClick:r?void 0:o,"aria-current":n?"page":void 0,"aria-disabled":r?"true":void 0,"aria-label":x?s:void 0,tabIndex:r?-1:void 0,...{"data-selected":n||void 0,"data-disabled":r||void 0,"data-open":d||void 0,"data-onboarding":f||void 0},...h},S=i!=null,y=m==="left"?"right":"left",g=e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"ds-nav-rail__icon","aria-hidden":"true",children:t}),!x&&e.jsx("span",{className:"ds-nav-rail__label",children:s}),!x&&S&&e.jsx("span",{className:["ds-nav-rail__count",i===0&&"ds-nav-rail__count--zero"].filter(Boolean).join(" "),"data-updated":l&&i!==0||void 0,children:i}),!x&&l&&(!S||i===0)&&e.jsx("span",{className:"ds-nav-rail__dot ds-nav-rail__dot--inline","aria-hidden":"true"}),x&&S&&i!==0&&e.jsx("span",{className:"ds-nav-rail__count-collapsed","data-updated":l||void 0,children:i>99?"99+":i}),x&&l&&(!S||i===0)&&e.jsx("span",{className:"ds-nav-rail__dot","aria-hidden":"true"})]}),j=a?e.jsx("a",{href:r?void 0:a,...N,children:g}):e.jsx("button",{type:"button",...N,children:g});return x&&!b?e.jsx(ye,{content:s,position:y,children:j}):j}function hs({children:t,className:s="",...n}){return e.jsx("div",{className:["ds-nav-rail__body","ds-scrollable",s].filter(Boolean).join(" "),...n,children:t})}function xs({children:t,className:s="",...n}){return e.jsx("div",{className:["ds-nav-rail__header",s].filter(Boolean).join(" "),...n,children:t})}function vs({children:t,className:s="",...n}){return e.jsx("div",{className:["ds-nav-rail__footer",s].filter(Boolean).join(" "),...n,children:t})}function bs({className:t="",...s}){return e.jsx("hr",{className:["ds-nav-rail__divider",t].filter(Boolean).join(" "),...s})}function _s({children:t,label:s,defaultOpen:n=!0,className:r="",...a}){const{collapsed:o}=c.useContext(pe),i=q(),l=s??i.recents,[d,f]=c.useState(n);return e.jsxs("div",{className:["ds-nav-rail__recents",r].filter(Boolean).join(" "),...a,children:[!o&&e.jsxs("button",{type:"button",className:["ds-nav-rail__recents-toggle",!d&&"ds-nav-rail__recents-toggle--closed"].filter(Boolean).join(" "),onClick:()=>f(u=>!u),"aria-expanded":d,children:[e.jsx("span",{className:"ds-nav-rail__recents-label",children:l}),e.jsx(A.ChevronDown,{size:12,strokeWidth:2,className:"ds-nav-rail__recents-chevron","aria-hidden":"true"})]}),(d||o)&&e.jsx("div",{className:"ds-nav-rail__recents-body",children:t})]})}const js=c.forwardRef(function({as:s="button",avatar:n,label:r,className:a="",...o},i){const{collapsed:l,side:d}=c.useContext(pe),f=c.useContext(ke),u=d==="left"?"right":"left",h=["ds-nav-rail__item","ds-nav-rail__agent",a].filter(Boolean).join(" "),x=e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"ds-nav-rail__icon","aria-hidden":"true",children:n}),!l&&e.jsx("span",{className:"ds-nav-rail__label",children:r})]}),m=e.jsx(s,{ref:i,className:h,"aria-label":l?r:void 0,...s==="button"?{type:"button"}:{},...o,children:x});return l&&!f?e.jsx(ye,{content:r,position:u,children:m}):m});function Ns({avatar:t,label:s,selected:n=!1,disabled:r=!1,href:a,onClick:o,className:i="",...l}){const{collapsed:d,side:f}=c.useContext(pe),u=c.useContext(ke),m={className:["ds-nav-rail__item","ds-nav-rail__agent",i].filter(Boolean).join(" "),onClick:r?void 0:o,"aria-current":n?"page":void 0,"aria-disabled":r?"true":void 0,tabIndex:r?-1:void 0,...{"data-selected":n||void 0,"data-disabled":r||void 0},...l},b=e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"ds-nav-rail__icon","aria-hidden":"true",children:t}),!d&&e.jsx("span",{className:"ds-nav-rail__label",children:s})]}),w=f==="left"?"right":"left",k=a?e.jsx("a",{href:r?void 0:a,...m,children:b}):e.jsx("button",{type:"button",...m,children:b});return d&&!u?e.jsx(ye,{content:s,position:w,children:k}):k}const He=240,Ue=6,Ve=8;function ws({trigger:t,title:s,children:n,open:r,onOpenChange:a,defaultOpen:o=!1,closeLabel:i}){const l=q(),{side:d}=c.useContext(pe),[f,u]=c.useState(o),h=r!==void 0,x=h?r:f,[m,b]=c.useState(!1),w=c.useRef(null),k=c.useRef(null),[N,S]=c.useState({}),y=c.useCallback(()=>{h?a==null||a(!0):u(!0)},[h,a]),g=c.useCallback(()=>{h?a==null||a(!1):u(!1)},[h,a]),j=c.useCallback(()=>x?g():y(),[x,y,g]),B=c.useCallback(()=>{var F;const L=w.current;if(!L)return;const z=L.getBoundingClientRect(),E=window.innerHeight,P=((F=k.current)==null?void 0:F.offsetHeight)??300,H=Math.max(Ve,Math.min(E-P-Ve,z.top));S(d==="right"?{position:"fixed",top:H,right:window.innerWidth-z.left+Ue,width:He}:{position:"fixed",top:H,left:z.right+Ue,width:He})},[d]);c.useEffect(()=>{if(!x){b(!1);return}return B(),requestAnimationFrame(()=>b(!0)),window.addEventListener("scroll",B,!0),window.addEventListener("resize",B),()=>{window.removeEventListener("scroll",B,!0),window.removeEventListener("resize",B)}},[x,B]),c.useEffect(()=>{if(!x)return;const L=E=>{var P,H;!((P=k.current)!=null&&P.contains(E.target))&&!((H=w.current)!=null&&H.contains(E.target))&&g()},z=E=>{E.key==="Escape"&&g()};return document.addEventListener("mousedown",L),document.addEventListener("keydown",z),()=>{document.removeEventListener("mousedown",L),document.removeEventListener("keydown",z)}},[x,g]);const D=x&&e.jsxs("div",{ref:k,className:["ds-nav-rail-flyout",`ds-nav-rail-flyout--${d}`,m&&"ds-nav-rail-flyout--visible"].filter(Boolean).join(" "),style:N,"data-ds-portal":"",role:"dialog","aria-modal":"false",children:[s!=null&&e.jsxs("div",{className:"ds-nav-rail-flyout__header",children:[e.jsx("span",{className:"ds-nav-rail-flyout__title",children:s}),e.jsx("button",{type:"button",className:"ds-nav-rail-flyout__close",onClick:g,"aria-label":i??l.close,children:e.jsx(A.X,{size:16,strokeWidth:2})})]}),e.jsx("div",{className:"ds-nav-rail-flyout__body",children:n})]});return e.jsxs(e.Fragment,{children:[e.jsx(ke.Provider,{value:x,children:e.jsx("div",{ref:w,onClick:j,style:{display:"flex",flexDirection:"column",width:"100%"},children:t})}),typeof document<"u"&&ee.createPortal(D,document.body)]})}const gs={info:A.Info,success:A.CheckCircle,warning:A.AlertTriangle,error:A.XCircle};function ys({children:t,variant:s="info",action:n,onAction:r,onDismiss:a,role:o,dismissLabel:i,...l}){const d=q(),f=gs[s],u=o||(s==="error"?"alert":"status");return e.jsxs("div",{className:`ds-banner ds-banner--${s}`,role:u,...l,children:[f&&e.jsx("span",{className:"ds-banner-icon","aria-hidden":"true",children:e.jsx(f,{size:V[2],strokeWidth:1.5})}),e.jsx("span",{className:"ds-banner-text",children:t}),n&&e.jsx("button",{type:"button",className:"ds-banner-action",onClick:r,children:n}),a&&e.jsx("button",{type:"button",className:"ds-banner-dismiss",onClick:a,"aria-label":i??d.dismiss,children:e.jsx(A.X,{size:V[2],strokeWidth:1.5})})]})}function ks({trigger:t,items:s=[],open:n,onOpenChange:r,align:a="left",fullWidth:o=!1,className:i="",style:l,...d}){const[f,u]=c.useState(!1),[h,x]=c.useState(!1),m=n!==void 0,b=m?n:f,w=c.useRef(null),k=c.useRef(null),N=c.useRef(null),S=c.useRef(null),[y,g]=c.useState({}),j=c.useRef(null),B=150,D=()=>{if(m)r==null||r(!1);else{if(h)return;x(!0),j.current=setTimeout(()=>{u(!1),x(!1)},B)}},L=()=>{const _=!b;m?r==null||r(_):_?(clearTimeout(j.current),x(!1),u(!0)):D()},z=()=>{b||(m?r==null||r(!0):(clearTimeout(j.current),x(!1),u(!0)))};c.useEffect(()=>()=>clearTimeout(j.current),[]),c.useEffect(()=>{if(!b)return;const _=300,T=()=>{var X;const $=(X=w.current)==null?void 0:X.getBoundingClientRect();if(!$)return;const U=window.innerHeight-$.bottom,W=U<_+8&&$.top>U;g(a==="right"?W?{bottom:window.innerHeight-$.top+4,top:"auto",right:window.innerWidth-$.right}:{top:$.bottom+4,bottom:"auto",right:window.innerWidth-$.right}:W?{bottom:window.innerHeight-$.top+4,top:"auto",left:$.left}:{top:$.bottom+4,bottom:"auto",left:$.left})};return T(),window.addEventListener("scroll",T,!0),window.addEventListener("resize",T),()=>{window.removeEventListener("scroll",T,!0),window.removeEventListener("resize",T)}},[b,a]);const E=()=>{var T;const _=(T=N.current)==null?void 0:T.querySelector('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea');_==null||_.focus()};c.useEffect(()=>{if(!b)return;const _=$=>{var U,W;!((U=w.current)!=null&&U.contains($.target))&&!((W=k.current)!=null&&W.contains($.target))&&D()},T=$=>{$.key==="Escape"&&(D(),E())};return document.addEventListener("mousedown",_),document.addEventListener("keydown",T),()=>{document.removeEventListener("mousedown",_),document.removeEventListener("keydown",T)}},[b]),c.useEffect(()=>{if(!b||!S.current||!k.current)return;const _=P(),T=S.current==="last"?_[_.length-1]:_[0];T==null||T.focus(),S.current=null},[b]);const P=()=>k.current?[...k.current.querySelectorAll('button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])')]:[],H=_=>{var T,$;if(_.key==="ArrowDown")_.preventDefault(),b?(T=P()[0])==null||T.focus():(S.current="first",z());else if(_.key==="ArrowUp")if(_.preventDefault(),!b)S.current="last",z();else{const U=P();($=U[U.length-1])==null||$.focus()}},F=_=>{var U,W,X,p;const T=P(),$=T.findIndex(v=>v===document.activeElement);switch(_.key){case"ArrowDown":_.preventDefault(),(U=T[Math.min($+1,T.length-1)])==null||U.focus();break;case"ArrowUp":_.preventDefault(),$<=0?E():(W=T[$-1])==null||W.focus();break;case"Home":_.preventDefault(),(X=T[0])==null||X.focus();break;case"End":_.preventDefault(),(p=T[T.length-1])==null||p.focus();break;case"Tab":D();break}},C=b&&e.jsx("div",{ref:k,role:"menu","data-ds-portal":"",className:["ds-dropdown__menu",`ds-dropdown__menu--${a}`,h&&"ds-dropdown__menu--closing"].filter(Boolean).join(" "),style:y,onKeyDown:F,children:s.map((_,T)=>{if(_.separator)return e.jsx("div",{className:"ds-dropdown__separator"},T);if(_.type==="section")return e.jsxs("div",{className:"ds-dropdown__section",children:[_.label&&e.jsx("div",{className:"ds-dropdown__section-label",children:_.label}),e.jsx("div",{className:"ds-dropdown__section-content",children:_.content})]},T);const $=!!_.href,U=$?"a":"button",W=$?{href:_.disabled?void 0:_.href,"aria-disabled":_.disabled?"true":void 0}:{type:"button",disabled:_.disabled};return e.jsxs(U,{role:"menuitem",className:["ds-dropdown__item",_.danger&&"ds-dropdown__item--danger"].filter(Boolean).join(" "),...W,onClick:()=>{var X;(X=_.onClick)==null||X.call(_),D()},children:[_.icon&&e.jsx("span",{className:"ds-dropdown__item-icon",children:_.icon}),e.jsx("span",{className:"ds-dropdown__item-label",children:_.label}),_.shortcut&&e.jsx("span",{className:"ds-dropdown__item-shortcut",children:_.shortcut})]},T)})});return e.jsxs("div",{ref:w,className:["ds-dropdown",o&&"ds-dropdown--full-width",i].filter(Boolean).join(" "),style:l,...d,children:[e.jsx("div",{ref:N,className:"ds-dropdown__trigger",onClick:L,onKeyDown:H,children:t}),typeof document<"u"&&ee.createPortal(C,document.body)]})}function Es({value:t=0,size:s="m",variant:n="default",showValue:r=!1,min:a=2,animate:o=!0}){const i=Math.min(100,Math.max(0,t)),l=Math.max(a,i),d=n==="auto"?i>=70?"success":i>=50?"warning":"danger":n;return e.jsxs("div",{className:["ds-progress",`ds-progress--${s}`,!o&&"ds-progress--instant"].filter(Boolean).join(" "),role:"progressbar","aria-valuenow":i,"aria-valuemin":0,"aria-valuemax":100,children:[e.jsx("div",{className:"ds-progress__track",children:e.jsx("div",{className:`ds-progress__fill ds-progress__fill--${d}`,style:{width:`${l}%`}})}),r&&e.jsxs("span",{className:"ds-progress__value",children:[Math.round(i),"%"]})]})}const Rs=t=>1-Math.pow(1-t,3),Ss=()=>typeof window<"u"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;function tt(t,{duration:s=600}={}){const[n,r]=c.useState(t),a=c.useRef(t),o=c.useRef(null);return c.useEffect(()=>{if(Ss()){r(t),a.current=t;return}const i=a.current,l=t-i;if(l===0)return;let d=null;const f=u=>{d||(d=u);const h=Math.min((u-d)/s,1);r(i+l*Rs(h)),h<1?o.current=requestAnimationFrame(f):a.current=t};return o.current=requestAnimationFrame(f),()=>cancelAnimationFrame(o.current)},[t,s]),n}function Ts({value:t,duration:s=600,decimals:n=0,prefix:r="",suffix:a=""}){const i=tt(t,{duration:s}).toFixed(n);return`${r}${i}${a}`}function st({threshold:t=.1,rootMargin:s="0px",once:n=!1}={}){const r=c.useRef(null),[a,o]=c.useState(!1);return c.useEffect(()=>{const i=r.current;if(!i)return;const l=new IntersectionObserver(([d])=>{d.isIntersecting?(o(!0),n&&l.disconnect()):n||o(!1)},{threshold:t,rootMargin:s});return l.observe(i),()=>l.disconnect()},[t,s,n]),{ref:r,inView:a}}function $s({children:t,as:s="div",once:n=!1,threshold:r=.1,rootMargin:a="0px",onEnter:o,onLeave:i,...l}){const{ref:d,inView:f}=st({threshold:r,rootMargin:a,once:n}),u=c.useRef(!1);return c.useEffect(()=>{f&&!u.current&&(o==null||o()),!f&&u.current&&(i==null||i()),u.current=f},[f]),e.jsx(s,{ref:d,...l,children:typeof t=="function"?t(f):t})}const Xe={default:A.Info,success:A.CheckCircle,warning:A.AlertTriangle,error:A.XCircle};let me=[];const Ae=new Set;function nt(){Ae.forEach(t=>t([...me]))}function As(t){me=[...me,t],nt()}function Bs(t){me=me.filter(s=>s.id!==t),nt()}function Is(){const t=(s,n={})=>{As({id:`${Date.now()}-${Math.random()}`,message:s,type:"default",duration:4e3,...n})};return t.success=(s,n)=>t(s,{...n,type:"success"}),t.error=(s,n)=>t(s,{...n,type:"error"}),t.warning=(s,n)=>t(s,{...n,type:"warning"}),{toast:t}}function Ds({data:t,onDismiss:s}){const n=q(),[r,a]=c.useState(!1),o=c.useRef(null);c.useEffect(()=>(requestAnimationFrame(()=>a(!0)),t.duration>0&&(o.current=setTimeout(()=>i(),t.duration)),()=>clearTimeout(o.current)),[]);function i(){a(!1),setTimeout(()=>s(t.id),250)}const l=Xe[t.type]??Xe.default;return e.jsxs("div",{className:["ds-toast",`ds-toast--${t.type}`,r&&"ds-toast--visible"].filter(Boolean).join(" "),role:t.type==="error"?"alert":"status","aria-live":"polite",children:[e.jsx("div",{className:"ds-toast__icon",children:e.jsx(l,{size:V[3],strokeWidth:1.5})}),e.jsx("span",{className:"ds-toast__message",children:t.message}),e.jsx("button",{className:"ds-toast__close",onClick:i,"aria-label":n.close,children:e.jsx(A.X,{size:V[3],strokeWidth:1.5})})]})}function Ls({position:t="bottom-right"}){const[s,n]=c.useState(()=>[...me]);return c.useEffect(()=>(Ae.add(n),()=>Ae.delete(n)),[]),!s.length||typeof document>"u"?null:ee.createPortal(e.jsx("div",{"data-ds-portal":"",className:["ds-toast-container",`ds-toast-container--${t}`].join(" "),children:s.map(r=>e.jsx(Ds,{data:r,onDismiss:Bs},r.id))}),document.body)}const Ps={running:e.jsx(ce,{size:"xs",variant:"info",children:"Running..."}),success:e.jsx(ce,{size:"xs",variant:"success",children:"Done"}),error:e.jsx(ce,{size:"xs",variant:"error",children:"Error"})};function rt({label:t,status:s="idle",icon:n,badge:r,defaultExpanded:a=!1,expanded:o,onToggle:i,children:l,className:d="",...f}){const u=s==="running",h=e.jsxs("span",{className:"ds-tool-card__title-row",children:[n&&e.jsx("span",{className:"ds-tool-card__icon",children:n}),e.jsx("span",{className:"ds-tool-card__label",children:t}),Ps[s],r]});return l?e.jsx("div",{className:["ds-tool-card",u&&"ds-tool-card--running",d].filter(Boolean).join(" "),...f,children:e.jsx(ge,{title:h,padding:"s",defaultExpanded:a,expanded:u?!1:o,onToggle:u?void 0:i,children:e.jsx("div",{className:"ds-tool-card__body",children:l})})}):e.jsx("div",{className:["ds-tool-card","ds-tool-card--bubble",d].filter(Boolean).join(" "),...f,children:h})}function at({text:t,size:s="xs",timeout:n=800,"aria-label":r,...a}){const o=q(),[i,l]=c.useState(!1),d=f=>{f.currentTarget.blur(),navigator.clipboard.writeText(t).then(()=>{l(!0),setTimeout(()=>l(!1),n)})};return e.jsx(ne,{variant:"ghost",size:s,state:i?"success":"idle",icon:e.jsx(A.Copy,{size:V[1],strokeWidth:1.5}),"aria-label":r??o.copyToClipboard,onClick:d,...a})}function Cs({content:t,streaming:s=!1,...n}){const[r,a]=c.useState(s);return c.useEffect(()=>{a(!!s)},[s]),e.jsx(ge,{expanded:r,onToggle:a,padding:"s",title:e.jsxs("div",{className:"ds-reasoning__title",children:[e.jsx(A.Brain,{size:V[1],strokeWidth:1.5,className:"ds-reasoning__icon"}),e.jsx(Ze,{secondary:!0,children:"Thinking"})]}),...n,children:e.jsxs(De,{secondary:!0,style:{whiteSpace:"pre-wrap"},children:[t,s&&e.jsx("span",{className:"ds-cursor ds-cursor--line"})]})})}function Ms({count:t,current:s=0,done:n=[],onChange:r,showCounter:a=!0,className:o="","aria-label":i,...l}){const d=q(),{t:f}=ue();return e.jsxs("div",{className:["ds-step-indicator",o].filter(Boolean).join(" "),...l,children:[e.jsx("div",{className:"ds-step-indicator__dots",role:"tablist","aria-label":i??d.steps,children:Array.from({length:t},(u,h)=>{const x=h===s,m=n.includes(h)&&!x,b=r&&(h<=s||n.includes(h)),w=["ds-step-indicator__dot",x&&"ds-step-indicator__dot--active",m&&"ds-step-indicator__dot--done"].filter(Boolean).join(" ");return e.jsx("button",{type:"button",className:w,role:"tab","aria-selected":x,"aria-label":f("stepN",{n:h+1}),disabled:!b||h===s,onClick:()=>r==null?void 0:r(h),children:m?e.jsx(A.Check,{size:8,strokeWidth:3}):null},h)})}),a&&e.jsxs(De,{secondary:!0,className:"ds-step-indicator__counter",children:[s+1," / ",t]})]})}function Fs({content:t,isStreaming:s=!1,cursor:n="line",onChunk:r,className:a="",...o}){const i=c.useRef(t);return c.useEffect(()=>{t!==i.current&&(r==null||r(t),i.current=t)},[t,r]),e.jsxs("span",{className:["ds-streaming-text",a].filter(Boolean).join(" "),...o,children:[t,s&&n!=="none"&&e.jsx("span",{className:`ds-cursor ds-cursor--${n}`,"aria-hidden":"true"})]})}function zs({role:t="assistant",header:s,footer:n,attachments:r,isStreaming:a=!1,children:o,className:i="",...l}){const d=["ds-chat-message",`ds-chat-message--${t}`,a&&"ds-chat-message--streaming",i].filter(Boolean).join(" ");return t==="system"?e.jsx("div",{className:d,...l,children:e.jsx("span",{className:"ds-chat-message__system-label",children:o})}):t==="user"?e.jsxs("div",{className:d,...l,children:[r&&e.jsx("div",{className:"ds-chat-message__attachments",children:r}),e.jsx("div",{className:"ds-chat-message__bubble",children:o}),n&&e.jsx("div",{className:"ds-chat-message__footer",children:n})]}):e.jsxs("div",{className:d,...l,children:[s&&e.jsx("div",{className:"ds-chat-message__header",children:s}),r&&e.jsx("div",{className:"ds-chat-message__attachments",children:r}),e.jsx("div",{className:"ds-chat-message__body",children:o}),n&&e.jsx("div",{className:"ds-chat-message__footer",children:n})]})}function Os(t,{containerRef:s,smartPause:n=!0}={}){const r=c.useRef(!1),a=c.useRef(0);c.useEffect(()=>{const o=s==null?void 0:s.current;if(!o)return;const i=()=>{const l=o.scrollHeight-o.scrollTop-o.clientHeight<64;!l&&o.scrollTop<a.current&&(r.current=!0),l&&(r.current=!1),a.current=o.scrollTop};return o.addEventListener("scroll",i,{passive:!0}),()=>o.removeEventListener("scroll",i)},[s]),c.useEffect(()=>{const o=s==null?void 0:s.current;o&&(n&&r.current||(o.scrollTop=o.scrollHeight))},t)}function ot({prompts:t,enabled:s,typingSpeed:n=38,erasingSpeed:r=18,holdTime:a=2200,betweenTime:o=380,manualPauseMs:i=5e3}){const[l,d]=c.useState(0),[f,u]=c.useState(""),h=c.useRef("typing"),x=c.useRef(0),m=c.useRef(0),b=c.useRef(null),w=c.useRef(0);c.useEffect(()=>{m.current=l},[l]),c.useEffect(()=>{if(b.current&&(clearTimeout(b.current),b.current=null),!s||t.length===0){u(""),x.current=0,h.current="typing";return}const g=()=>{const j=Date.now();if(w.current>j){b.current=setTimeout(g,w.current-j);return}const B=t[m.current%t.length]??"";h.current==="typing"?(x.current+=1,u(B.slice(0,x.current)),x.current>=B.length?(h.current="holding",b.current=setTimeout(g,a)):b.current=setTimeout(g,n+Math.random()*28)):h.current==="holding"?(h.current="erasing",b.current=setTimeout(g,r)):(x.current=Math.max(0,x.current-1),u(B.slice(0,x.current)),x.current<=0?(h.current="typing",m.current=(m.current+1)%t.length,d(m.current),b.current=setTimeout(g,o)):b.current=setTimeout(g,r))};return b.current=setTimeout(g,260),()=>{b.current&&clearTimeout(b.current)}},[s,t,n,r,a,o]);const k=g=>{if(t.length===0)return;const j=(g%t.length+t.length)%t.length,B=t[j];m.current=j,x.current=B.length,h.current="holding",w.current=Date.now()+i,d(j),u(B)},N=()=>k(m.current+1),S=()=>k(m.current-1),y=t[l%t.length]??"";return{displayed:f,currentPrompt:y,index:l,next:N,prev:S}}let Ws=0;function Hs({value:t="",onChange:s,onSubmit:n,onStop:r,onKeyDown:a,loading:o=!1,disabled:i=!1,placeholder:l,animatedPlaceholders:d,attachments:f,images:u,onAttachFiles:h,onAttachImages:x,onRemoveAttachment:m,onRemoveImage:b,acceptImage:w,acceptFile:k,maxImages:N,maxImageSize:S,leftSlot:y,rightSlot:g,className:j="",...B}){const D=q(),{t:L}=ue(),z=c.useRef(null),E=c.useRef(null),P=c.useRef(0),[H,F]=c.useState(!1),[C,_]=c.useState([]),T=l??D.promptPlaceholder,$=R=>{const M=++Ws;_(G=>[...G,{id:M,msg:R}]),setTimeout(()=>_(G=>G.filter(J=>J.id!==M)),6e3)},U=R=>_(M=>M.filter(G=>G.id!==R)),W=R=>R.type.startsWith("image/"),X=()=>!0,p=w??W,v=k??X,I=R=>{const M=[],G=[],J=[],Q=[];let te=0,le=N!=null?N-((u==null?void 0:u.length)??0):1/0;for(const se of R)p(se)?S&&se.size>S?J.push(se.name):le>0?(M.push(se),le--):te++:v(se)?G.push(se):Q.push(se.name);return{imageFiles:M,docFiles:G,tooLarge:J,skipped:Q,limitExceeded:te}},O=R=>{const M=S?L("fileTooLargeMaxHint",{maxMb:S/1024/1024}):"";$(L("fileTooLarge",{maxHint:M,names:R.join(", ")}))},Z=R=>{const{imageFiles:M,docFiles:G,tooLarge:J,skipped:Q,limitExceeded:te}=I(R);J.length&&O(J),Q.length&&$(L("filesSkipped",{names:Q.join(", ")})),te&&$(L("maxImages",{n:N})),x&&M.length&&x(M);const le=G.concat(x?[]:M);h&&le.length&&h(le)};c.useEffect(()=>{const R=E.current;R&&(R.style.height="auto",R.style.height=`${Math.min(R.scrollHeight,200)}px`)},[t]),c.useEffect(()=>{const R=M=>{var J,Q,te;if(o||i)return;const G=(J=M.target)==null?void 0:J.tagName;G==="INPUT"||G==="TEXTAREA"||G==="SELECT"||(Q=M.target)!=null&&Q.isContentEditable||M.ctrlKey||M.metaKey||M.altKey||M.key.length!==1&&M.key!=="Backspace"&&M.key!=="Delete"||(te=E.current)==null||te.focus()};return document.addEventListener("keydown",R),()=>document.removeEventListener("keydown",R)},[o,i]);const re=R=>{R.preventDefault(),P.current++,R.dataTransfer.types.includes("Files")&&F(!0)},Y=R=>{R.preventDefault(),P.current--,P.current===0&&F(!1)},K=R=>R.preventDefault(),ie=R=>{R.preventDefault(),P.current=0,F(!1);const M=Array.from(R.dataTransfer.files);M.length&&Z(M)},he=R=>{const M=Array.from(R.target.files||[]);z.current&&(z.current.value=""),M.length&&Z(M)},Ee=R=>{var se;if(!x)return;const M=(se=R.clipboardData)==null?void 0:se.items;if(!M)return;const G=[];for(const dt of M){const Me=dt.getAsFile();Me&&G.push(Me)}if(G.length===0)return;const{imageFiles:J,tooLarge:Q,skipped:te,limitExceeded:le}=I(G);Q.length&&O(Q),te.length&&$(L("filesSkipped",{names:te.join(", ")})),le&&$(L("maxImages",{n:N})),J.length&&(R.preventDefault(),x(J))},xe=!o&&!i&&!!(d!=null&&d.length)&&t.length===0,je=ot({prompts:d??[],enabled:xe}),lt=R=>{if(xe){if(R.key==="ArrowDown"||R.key==="ArrowRight"){R.preventDefault(),je.next();return}if(R.key==="ArrowUp"||R.key==="ArrowLeft"){R.preventDefault(),je.prev();return}if(R.key==="Tab"&&!R.shiftKey){R.preventDefault(),s==null||s(je.currentPrompt);return}}a==null||a(R)},ct=(t.trim()||(u==null?void 0:u.length)>0||(f==null?void 0:f.length)>0)&&!i,Ce=h||x;return e.jsxs("div",{className:["ds-prompt-input",j].filter(Boolean).join(" "),...B,children:[Ce&&e.jsx("input",{ref:z,type:"file",multiple:!0,accept:"*/*",className:"ds-prompt-input__file-input",onChange:he}),e.jsxs("div",{className:["ds-prompt-input__box",H&&"ds-prompt-input__box--dragging"].filter(Boolean).join(" "),onDragEnter:re,onDragLeave:Y,onDragOver:K,onDrop:ie,children:[H&&e.jsx("div",{className:"ds-prompt-input__drag-overlay",children:D.dropFilesHere}),e.jsx("textarea",{ref:E,value:t,onChange:R=>s==null?void 0:s(R.target.value),onKeyDown:lt,onPaste:Ee,placeholder:xe?"":T,disabled:o||i,rows:1,className:["ds-prompt-input__textarea",xe&&"ds-prompt-input__textarea--anim"].filter(Boolean).join(" ")}),xe&&e.jsxs("div",{className:"ds-prompt-input__anim","aria-hidden":"true",children:[e.jsx("span",{className:"ds-prompt-input__anim-text",children:je.displayed}),e.jsx("span",{className:"ds-prompt-input__anim-cursor"})]}),u&&u.length>0&&e.jsx("div",{className:"ds-prompt-input__images",children:u.map((R,M)=>e.jsxs("div",{className:"ds-prompt-input__image-thumb",children:[e.jsx("img",{src:R.preview,alt:""}),e.jsx("button",{className:"ds-prompt-input__image-remove",onClick:()=>b==null?void 0:b(M),"aria-label":D.removeImage,type:"button",children:e.jsx(A.X,{size:12,strokeWidth:2})})]},M))}),C.length>0&&e.jsx("div",{className:"ds-prompt-input__warnings",children:C.map(R=>e.jsxs("div",{className:"ds-prompt-input__warning",role:"alert",children:[e.jsx("span",{children:R.msg}),e.jsx("button",{type:"button",className:"ds-prompt-input__warning-close",onClick:()=>U(R.id),"aria-label":D.dismiss,children:e.jsx(A.X,{size:V[1],strokeWidth:1.5})})]},R.id))}),f&&f.length>0&&e.jsx("div",{className:"ds-prompt-input__attachments",children:f.map((R,M)=>e.jsx(ce,{size:"xs",children:e.jsxs("span",{className:"ds-prompt-input__badge-content",children:[R.uploading?e.jsx(A.Loader,{size:V[1],strokeWidth:1.5,className:"spin"}):e.jsx(A.Paperclip,{size:V[1],strokeWidth:1.5}),R.filename,R.uploading?e.jsx("span",{className:"ds-prompt-input__uploading",children:D.uploading}):e.jsx("button",{type:"button",className:"ds-prompt-input__remove-btn",onClick:()=>m==null?void 0:m(M),"aria-label":D.removeAttachment,children:e.jsx(A.X,{size:V[1],strokeWidth:1.5})})]})},M))}),e.jsxs("div",{className:"ds-prompt-input__toolbar",children:[Ce&&e.jsx(ne,{variant:"ghost",size:"xs",icon:e.jsx(A.Paperclip,{size:V[2],strokeWidth:1.5}),"aria-label":D.attachFiles,onClick:()=>{var R;return(R=z.current)==null?void 0:R.click()}}),y,g,e.jsx("div",{className:"ds-prompt-input__spacer"}),o?e.jsx(ne,{variant:"primary",size:"xs",icon:e.jsx(A.Square,{size:V[2],strokeWidth:1.5}),onClick:r,"aria-label":D.stop}):e.jsx(ne,{variant:"primary",size:"xs",icon:e.jsx(A.ArrowUp,{size:V[2],strokeWidth:1.5}),onClick:n,disabled:!ct,"aria-label":D.send})]})]})]})}const Ye={fast:0,standard:1,premium:2},qe={fast:"data-5",standard:"data-3",premium:"data-6"};function Us({models:t=[],value:s,onChange:n,size:r="xs",minTier:a,showAutoOption:o=!1,groupByTier:i=!0,className:l="",...d}){const[f,u]=c.useState(!1),h=c.useRef(null),x=c.useRef(null),m=c.useRef(null),[b,w]=c.useState({}),k=t.filter(E=>!a||E.name==="auto"?!0:(Ye[E.tier]??1)>=(Ye[a]??1)),N=k.find(E=>E.name==="auto"),S=k.filter(E=>E.name!=="auto"),y=t.find(E=>E.name===s),j=new Set(S.map(E=>E.tier).filter(Boolean)).size>1;c.useEffect(()=>{if(!f)return;const E=320,P=()=>{var $;const C=($=x.current)==null?void 0:$.getBoundingClientRect();if(!C)return;const _=window.innerHeight-C.bottom,T=_<E+8&&C.top>_;w({position:"fixed",zIndex:"var(--z-dropdown, 500)",left:C.left,...T?{bottom:window.innerHeight-C.top+4,top:"auto"}:{top:C.bottom+4,bottom:"auto"}})};P(),window.addEventListener("scroll",P,!0),window.addEventListener("resize",P);const H=C=>{var _,T;!((_=h.current)!=null&&_.contains(C.target))&&!((T=m.current)!=null&&T.contains(C.target))&&u(!1)},F=C=>{C.key==="Escape"&&u(!1)};return document.addEventListener("mousedown",H),document.addEventListener("keydown",F),()=>{window.removeEventListener("scroll",P,!0),window.removeEventListener("resize",P),document.removeEventListener("mousedown",H),document.removeEventListener("keydown",F)}},[f]);const B=E=>{n==null||n(E),u(!1)},D=E=>e.jsxs("button",{type:"button",className:["ds-model-picker__item",E.name===s&&"ds-model-picker__item--active"].filter(Boolean).join(" "),onClick:()=>B(E.name),children:[E.icon?e.jsx("span",{className:"ds-model-picker__item-icon",children:E.icon}):e.jsx(A.Cpu,{size:12,strokeWidth:1.5,className:"ds-model-picker__item-icon"}),e.jsx("span",{className:"ds-model-picker__item-name",children:E.displayName||E.name}),j&&E.tier&&e.jsx(ce,{size:"xs",variant:qe[E.tier]||"default",children:E.tier})]},E.name),L=()=>!i||!j?S.map(D):["fast","standard","premium"].flatMap(E=>{const P=S.filter(H=>H.tier===E);return P.length?[e.jsx("div",{className:"ds-model-picker__group-label","data-tier":E,children:E.charAt(0).toUpperCase()+E.slice(1)},`lbl-${E}`),...P.map(D)]:[]}),z=f&&e.jsxs("div",{ref:m,className:"ds-model-picker__menu ds-scrollable","data-ds-portal":"",style:b,children:[o&&N&&e.jsxs(e.Fragment,{children:[e.jsxs("button",{type:"button",className:["ds-model-picker__item","ds-model-picker__item--auto",s==="auto"&&"ds-model-picker__item--active"].filter(Boolean).join(" "),onClick:()=>B("auto"),children:[e.jsx(A.Zap,{size:12,strokeWidth:1.5,className:"ds-model-picker__item-icon"}),e.jsx("span",{className:"ds-model-picker__item-name",children:"Auto (smart routing)"})]}),S.length>0&&e.jsx("div",{className:"ds-model-picker__separator"})]}),L()]});return e.jsxs("div",{ref:h,className:["ds-model-picker",l].filter(Boolean).join(" "),...d,children:[e.jsxs("button",{ref:x,type:"button",className:"ds-model-picker__trigger",onClick:()=>u(E=>!E),"aria-haspopup":"listbox","aria-expanded":f,children:[y!=null&&y.icon?e.jsx("span",{children:y.icon}):e.jsx(A.Cpu,{size:12,strokeWidth:1.5}),e.jsx("span",{className:"ds-model-picker__trigger-name",children:(y==null?void 0:y.displayName)||(y==null?void 0:y.name)||s}),j&&(y==null?void 0:y.tier)&&e.jsx(ce,{size:"xs",variant:qe[y.tier]||"default",children:y.tier})]}),typeof document<"u"&&ee.createPortal(z,document.body)]})}const Vs=({filename:t,pagesLabel:s})=>e.jsxs("span",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",minWidth:0},children:[e.jsx("span",{className:"ds-sources-panel__filename",children:t}),s&&e.jsx("span",{className:"ds-sources-panel__pages",children:s})]});function Xs(t){const s=new Map;for(const n of t)s.has(n.filename)||s.set(n.filename,{filename:n.filename,url:n.url,items:[]}),s.get(n.filename).items.push(n);return[...s.values()]}function Ys({sources:t=[],layout:s="list",title:n,maxVisible:r=5,onSourceClick:a}){const o=q(),{t:i}=ue(),l=n??o.sources,[d,f]=c.useState(!1),u=Xs(t),h=u.length>r,x=d?u:u.slice(0,r),m=t.some(N=>N.snippet),b=N=>N!=null&&N.length?i("pageAbbrev",{pages:N.join(", ")}):null,w=i("moreSources",{n:u.length-r}),k=["ds-sources-panel",s==="compact"&&"ds-sources-panel--compact"].filter(Boolean).join(" ");return s==="compact"?e.jsxs("div",{className:k,children:[x.map(N=>{const S=N.items.map(j=>j.page).filter(Boolean),y=b(S),g=!!a;return e.jsxs("div",{className:`ds-sources-panel__compact-row${g?" ds-sources-panel__compact-row--clickable":""}`,onClick:g?()=>a(N.items[0]):void 0,children:[e.jsx(A.FileText,{size:V[1],strokeWidth:1.5,className:"ds-sources-panel__compact-icon"}),e.jsx("span",{className:"ds-sources-panel__filename",children:N.filename}),y&&e.jsx("span",{className:"ds-sources-panel__pages",children:y})]},N.filename)}),h&&!d&&e.jsx("button",{className:"ds-sources-panel__more",onClick:()=>f(!0),children:w})]}):e.jsxs("div",{className:k,children:[l&&e.jsx("div",{className:"ds-sources-panel__title",children:l}),x.map(N=>{const S=N.items.map(j=>j.page).filter(Boolean),y=b(S),g=!!a;return m?e.jsx(ge,{title:e.jsx(Vs,{filename:N.filename,pagesLabel:y}),padding:"s",children:N.items.map((j,B)=>e.jsx("div",{className:`ds-sources-panel__snippet${g?" ds-sources-panel__snippet--clickable":""}`,onClick:g?()=>a(j):void 0,children:j.snippet??i("pageAbbrev",{pages:j.page})},B))},N.filename):e.jsxs("div",{className:`ds-sources-panel__row${g?" ds-sources-panel__row--clickable":""}`,onClick:g?()=>a(N.items[0]):void 0,children:[e.jsx("span",{className:"ds-sources-panel__filename",children:N.filename}),y&&e.jsx("span",{className:"ds-sources-panel__pages",children:y})]},N.filename)}),h&&!d&&e.jsx("button",{className:"ds-sources-panel__more",onClick:()=>f(!0),children:w})]})}function Ge(t){return t>=1e6?(t/1e6).toFixed(1).replace(/\.0$/,"")+"M":t>=1e3?(t/1e3).toFixed(1).replace(/\.0$/,"")+"K":String(t)}function qs({used:t,limit:s,size:n="s",showCount:r=!0,showPercent:a=!1,warningThreshold:o=.8,errorThreshold:i=1}){const l=s>0?t/s:0,d=Math.min(l*100,100),f=l>=i?"error":l>=o?"warning":"normal";return e.jsxs("div",{className:`ds-token-counter ds-token-counter--${n}`,role:"meter","aria-valuenow":t,"aria-valuemax":s,children:[e.jsx("div",{className:"ds-token-counter__track",children:e.jsx("div",{className:`ds-token-counter__fill ds-token-counter__fill--${f}`,style:{width:`${d}%`}})}),(r||a)&&e.jsxs("div",{className:`ds-token-counter__label ds-token-counter__label--${f}`,children:[r&&e.jsxs("span",{children:[Ge(t)," / ",Ge(s)]}),a&&e.jsxs("span",{style:{marginLeft:"auto"},children:[Math.round(l*100),"%"]})]})]})}const Ke=5;function Gs(t){return t<.34?"low":t<.67?"medium":"high"}function Ks({value:t=0,size:s="xs",showLabel:n="none",layout:r="inline"}){const a=Math.max(0,Math.min(1,t)),o=Math.round(a*Ke),i=Gs(a);return e.jsxs("div",{className:["ds-confidence-bar",`ds-confidence-bar--${s}`,`ds-confidence-bar--${i}`,r==="block"&&"ds-confidence-bar--block"].filter(Boolean).join(" "),children:[e.jsx("div",{className:"ds-confidence-bar__segments","aria-hidden":"true",children:Array.from({length:Ke},(l,d)=>e.jsx("div",{className:`ds-confidence-bar__seg${d<o?" ds-confidence-bar__seg--filled":""}`},d))}),n==="text"&&e.jsx("span",{className:"ds-confidence-bar__label",children:i})]})}const Js={add:"+",remove:"-",context:" "};function Re({line:t,lineNumbers:s}){return e.jsxs("div",{className:`ds-diff-view__line ds-diff-view__line--${t.type}`,children:[s&&t.lineNo!=null&&e.jsx("span",{className:"ds-diff-view__lineno",children:t.lineNo}),e.jsx("span",{className:"ds-diff-view__prefix",children:Js[t.type]}),e.jsx("span",{className:"ds-diff-view__text",children:t.text})]})}function Zs({lines:t=[],layout:s="inline",wordWrap:n=!1,lineNumbers:r=!0,maxHeight:a,title:o}){const i=["ds-diff-view",`ds-diff-view--${s}`,n&&"ds-diff-view--wrap"].filter(Boolean).join(" "),l=a?{maxHeight:a,overflowY:"auto"}:void 0;if(s==="split"){const d=t.filter(u=>u.type==="remove"||u.type==="context"),f=t.filter(u=>u.type==="add"||u.type==="context");return e.jsxs("div",{className:i,children:[o&&e.jsx("div",{className:"ds-diff-view__title",children:o}),e.jsxs("div",{className:"ds-diff-view__body ds-scrollable",style:l,children:[e.jsx("div",{className:"ds-diff-view__split-col ds-scrollable",children:d.map((u,h)=>e.jsx(Re,{line:u,lineNumbers:r},h))}),e.jsx("div",{className:"ds-diff-view__split-col ds-scrollable",children:f.map((u,h)=>e.jsx(Re,{line:u,lineNumbers:r},h))})]})]})}return e.jsxs("div",{className:i,children:[o&&e.jsx("div",{className:"ds-diff-view__title",children:o}),e.jsx("div",{className:"ds-diff-view__body ds-scrollable",style:l,children:t.map((d,f)=>e.jsx(Re,{line:d,lineNumbers:r},f))})]})}function it({value:t="idle",onLike:s,onDislike:n,className:r="",likeLabel:a,dislikeLabel:o,...i}){const l=q(),d=t!=="idle";return e.jsxs("div",{className:["ds-message-feedback",d&&"ds-message-feedback--voted",r].filter(Boolean).join(" "),...i,children:[(!d||t==="liked")&&e.jsx("button",{className:["ds-message-feedback__btn",t==="liked"&&"ds-message-feedback__btn--liked"].filter(Boolean).join(" "),onClick:s,disabled:d,"aria-label":a??l.like,"aria-pressed":t==="liked",children:e.jsx(A.ThumbsUp,{size:V[1],strokeWidth:1.5,fill:t==="liked"?"currentColor":"none"})}),(!d||t==="disliked")&&e.jsx("button",{className:["ds-message-feedback__btn",t==="disliked"&&"ds-message-feedback__btn--disliked"].filter(Boolean).join(" "),onClick:n,disabled:d,"aria-label":o??l.dislike,"aria-pressed":t==="disliked",children:e.jsx(A.ThumbsDown,{size:V[1],strokeWidth:1.5,fill:t==="disliked"?"currentColor":"none"})})]})}function Qs(t){const s=t instanceof Date?t:new Date(t);if(isNaN(s))return null;const n=new Date,r=s.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",hour12:!1}),a=new Date(n.getFullYear(),n.getMonth(),n.getDate()),o=new Date(a-864e5);if(s>=a)return r;if(s>=o)return`Yesterday ${r}`;const i=s.getDate(),l=s.toLocaleString([],{month:"short"});return`${i} ${l} ${r}`}function en({role:t="assistant",text:s,timestamp:n,feedbackValue:r="idle",onLike:a,onDislike:o,className:i="",...l}){const d=t==="assistant"&&(a||o),f=!!s,u=n?Qs(n):null;return!d&&!f&&!u?null:e.jsxs("div",{className:["ds-message-footer",`ds-message-footer--${t}`,i].filter(Boolean).join(" "),...l,children:[t==="user"&&u&&e.jsx("span",{className:"ds-message-footer__timestamp ds-message-action",children:u}),d&&e.jsx(it,{className:"ds-message-action",value:r,onLike:a,onDislike:o}),f&&e.jsx(at,{className:"ds-message-action",text:s}),t==="assistant"&&u&&e.jsx("span",{className:"ds-message-footer__timestamp ds-message-action",children:u})]})}function tn({label:t,className:s="",...n}){return e.jsxs("span",{className:["ds-thinking-dot",s].filter(Boolean).join(" "),...n,children:[e.jsx("span",{className:"ds-thinking-dot__pulse"}),t&&e.jsx("span",{className:"ds-thinking-dot__label",children:t})]})}function sn({variant:t="light",glow:s,mask:n=!0,style:r,...a}){const o=t==="dark",i=s??o,l=o?"rgba(255,250,250,0.05)":"var(--color-border-light)",d=o?"rgba(255,250,250,0.025)":"color-mix(in srgb, var(--color-border-light) 50%, transparent)";return e.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none",overflow:"hidden",zIndex:0,...i&&{background:"radial-gradient(ellipse 1000px 500px at 50% 30%, rgba(234,100,100,0.18), transparent 70%)"},...r},...a,children:e.jsx("div",{style:{position:"absolute",inset:0,backgroundImage:[`linear-gradient(${l} 1px, transparent 1px)`,`linear-gradient(90deg, ${l} 1px, transparent 1px)`,`linear-gradient(${d} 1px, transparent 1px)`,`linear-gradient(90deg, ${d} 1px, transparent 1px)`].join(", "),backgroundSize:"80px 80px, 80px 80px, 16px 16px, 16px 16px",backgroundPosition:"-1px -1px, -1px -1px, -1px -1px, -1px -1px",...n&&{WebkitMaskImage:"radial-gradient(ellipse at center, #000 30%, transparent 85%)",maskImage:"radial-gradient(ellipse at center, #000 30%, transparent 85%)"}}})})}function nn({children:t,axis:s="y",style:n,className:r="",...a}){const o=s==="x"?{overflowX:"auto",overflowY:"hidden"}:s==="both"?{overflow:"auto"}:{overflowY:"auto",overflowX:"hidden"};return e.jsx("div",{className:`ds-scrollable ${r}`,style:{...o,...n},...a,children:t})}const Se=280,rn=22,an=14,oe=8,we=6,on=200;function ln(t){return t?typeof t=="function"?t():typeof t=="string"?document.querySelector(t):null:null}function cn(t,s,n,r){const a=window.innerWidth,o=window.innerHeight;if(o-t.bottom>=s+r+oe)return"bottom";if(t.top>=s+r+oe)return"top";if(a-t.right>=n+r+oe)return"right";if(t.left>=n+r+oe)return"left";const i=Math.max(t.top,o-t.bottom,a-t.right,t.left);return i===o-t.bottom?"bottom":i===t.top?"top":i===a-t.right?"right":"left"}function dn(t,s,n,r,a){const o=window.innerWidth,i=window.innerHeight;let l,d;switch(t){case"top":l=s.top-n-a,d=s.left+s.width/2-r/2;break;case"bottom":l=s.bottom+a,d=s.left+s.width/2-r/2;break;case"left":l=s.top+s.height/2-n/2,d=s.left-r-a;break;default:l=s.top+s.height/2-n/2,d=s.right+a}const f=Math.max(oe,Math.min(o-r-oe,d)),u=Math.max(oe,Math.min(i-n-oe,l));return{top:u,left:f,arrowOffset:d-f,arrowOffsetY:l-u}}function un({steps:t,currentStep:s,onNext:n,onBack:r,onSkip:a,onFinish:o,overlay:i=!0,ring:l=!0,labelNext:d,labelBack:f,labelSkip:u,labelFinish:h,statePrimary:x="idle",stateBack:m="idle"}){const b=q(),{t:w}=ue(),k=d??b.next,N=f??b.back,S=u??b.skipTour,y=h??b.done,g=c.useRef(null),j=c.useRef(t),B=c.useRef(s),D=c.useRef(l);j.current=t,B.current=s,D.current=l;const[L,z]=c.useState(!1),[E,P]=c.useState({position:"fixed",visibility:"hidden",width:Se}),[H,F]=c.useState("bottom"),[C,_]=c.useState(null),T=c.useRef(!1),$=t[s],U=s===t.length-1,W=c.useCallback(()=>{const X=j.current[B.current];if(!X||!g.current)return;const p=ln(X.target);if(!p)return;const v=p.getBoundingClientRect(),O=g.current.getBoundingClientRect().height||160,Z=Se,re=D.current?rn:an,Y=X.position||cn(v,O,Z,re),{top:K,left:ie,arrowOffset:he,arrowOffsetY:Ee}=dn(Y,v,O,Z,re);F(Y),P({position:"fixed",top:K,left:ie,width:Se,visibility:"visible","--arrow-offset":`${he}px`,"--arrow-offset-y":`${Ee}px`}),_({top:v.top-we,left:v.left-we,width:v.width+we*2,height:v.height+we*2})},[]);return c.useEffect(()=>{window.addEventListener("scroll",W,!0),window.addEventListener("resize",W);const X=requestAnimationFrame(()=>{W(),z(!0),T.current=!0});return()=>{cancelAnimationFrame(X),window.removeEventListener("scroll",W,!0),window.removeEventListener("resize",W)}},[]),c.useEffect(()=>{if(!T.current)return;z(!1);const X=setTimeout(()=>{P(p=>({...p,visibility:"hidden"})),requestAnimationFrame(()=>{W(),z(!0)})},on+20);return()=>clearTimeout(X)},[s]),c.useEffect(()=>{L&&g.current&&g.current.focus({preventScroll:!0})},[L]),c.useEffect(()=>{const X=p=>{p.key==="Escape"&&a()};return document.addEventListener("keydown",X),()=>document.removeEventListener("keydown",X)},[a]),c.useEffect(()=>{if(!L)return;const X=p=>{if(p.key!=="Tab"||!g.current)return;const v=Array.from(g.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])'));if(!v.length)return;const I=v[0],O=v[v.length-1];p.shiftKey&&document.activeElement===I?(p.preventDefault(),O.focus()):!p.shiftKey&&document.activeElement===O&&(p.preventDefault(),I.focus())};return document.addEventListener("keydown",X),()=>document.removeEventListener("keydown",X)},[L]),!$||typeof document>"u"?null:ee.createPortal(e.jsxs(e.Fragment,{children:[C&&e.jsx("div",{className:["ds-coachmark__spotlight",i&&"ds-coachmark__spotlight--overlay",!l&&"ds-coachmark__spotlight--no-ring",L&&"ds-coachmark__spotlight--visible"].filter(Boolean).join(" "),style:C,"aria-hidden":"true"}),e.jsxs("div",{ref:g,"data-ds-portal":"",role:"dialog","aria-modal":"false","aria-live":"polite","aria-label":$.title??w("stepOf",{current:s+1,total:t.length}),className:["ds-coachmark__bubble",`ds-coachmark__bubble--${H}`,L&&"ds-coachmark__bubble--visible"].filter(Boolean).join(" "),style:E,tabIndex:-1,children:[e.jsx("button",{type:"button",className:"ds-coachmark__close",onClick:a,"aria-label":S,children:e.jsx(A.X,{size:16,strokeWidth:2})}),$.title&&e.jsx("div",{className:"ds-coachmark__title",children:$.title}),e.jsx("div",{className:"ds-coachmark__body",children:$.content}),e.jsxs("div",{className:"ds-coachmark__footer",children:[t.length>1&&e.jsxs("span",{className:"ds-coachmark__counter",children:[s+1," / ",t.length]}),e.jsxs("div",{className:"ds-coachmark__footer-nav",children:[s>0&&e.jsx(ne,{variant:"secondary",size:"s",state:m,onClick:r,children:N}),e.jsx(ne,{variant:"primary",size:"s",state:x,onClick:U?o:n,children:U?y:k})]})]})]})]}),document.body)}function fn(t,s={}){const{storageKey:n}=s,[r,a]=c.useState(0),[o,i]=c.useState(!1),l=()=>n&&typeof localStorage<"u"&&localStorage.getItem(n)==="done",d=c.useCallback(()=>{i(!1),n&&typeof localStorage<"u"&&localStorage.setItem(n,"done")},[n]);return{currentStep:r,isActive:o,start:()=>{l()||(a(0),i(!0))},next:()=>a(f=>Math.min(f+1,t.length-1)),back:()=>a(f=>Math.max(f-1,0)),skip:d,finish:d}}function mn(){const t=c.useRef(null),s=c.useCallback(()=>{const n=t.current;if(!n)return;n.classList.remove("ds-shake"),n.offsetWidth,n.classList.add("ds-shake");const r=()=>{n.classList.remove("ds-shake"),n.removeEventListener("animationend",r)};n.addEventListener("animationend",r)},[]);return{ref:t,shake:s}}exports.Accordion=ge;exports.Alert=Et;exports.AnimatedNumber=Ts;exports.Avatar=Jt;exports.Badge=ce;exports.Banner=ys;exports.BottomSheet=At;exports.Breadcrumb=ls;exports.BrowserPane=Pt;exports.BrowserTabs=Ct;exports.Button=ne;exports.Card=_t;exports.ChatMessage=zs;exports.Checkbox=Xt;exports.Coachmark=un;exports.Code=Bt;exports.CodeAccordion=Qe;exports.ConfidenceBar=Ks;exports.CopyButton=at;exports.DiffView=Zs;exports.Dropdown=ks;exports.EmptyState=as;exports.EngineerGrid=sn;exports.FormField=os;exports.H1=jt;exports.H2=Nt;exports.H3=wt;exports.H4=gt;exports.InView=$s;exports.Input=ht;exports.Link=It;exports.List=Mt;exports.ListRow=Ft;exports.LocaleProvider=mt;exports.Mention=Ut;exports.MessageFeedback=it;exports.MessageFooter=en;exports.Modal=Tt;exports.ModalFooter=de;exports.ModelPicker=Us;exports.NavRail=ms;exports.NavRailAgent=Ns;exports.NavRailBody=hs;exports.NavRailCustomItem=js;exports.NavRailDivider=bs;exports.NavRailFlyout=ws;exports.NavRailFooter=vs;exports.NavRailHeader=xs;exports.NavRailItem=ps;exports.NavRailRecents=_s;exports.P1=yt;exports.P2=Ze;exports.P3=De;exports.Pagination=cs;exports.ProgressBar=Es;exports.PromptInput=Hs;exports.Radio=Yt;exports.ReasoningBlock=Cs;exports.Scrollable=nn;exports.SegmentedControl=zt;exports.Select=vt;exports.SidePage=fs;exports.SidePageFooter=$e;exports.Skeleton=et;exports.SourcesPanel=Ys;exports.Spinner=Je;exports.Stat=is;exports.StepIndicator=Ms;exports.Stepper=bt;exports.StreamingText=Fs;exports.Tab=Lt;exports.Table=Zt;exports.TableBody=es;exports.TableHead=Qt;exports.TableRow=ts;exports.TableSubheaderRow=ss;exports.Tabs=Dt;exports.Td=rs;exports.Textarea=xt;exports.Th=ns;exports.ThinkingDot=tn;exports.ToastContainer=Ls;exports.Toggle=Vt;exports.TokenCounter=qs;exports.ToolCallBubble=rt;exports.ToolCallCard=rt;exports.Tooltip=ye;exports.defaultStrings=_e;exports.formatString=Be;exports.iconSizes=V;exports.useAnimatedNumber=tt;exports.useAnimatedPlaceholder=ot;exports.useCoachmark=fn;exports.useInView=st;exports.useLocale=ue;exports.useShake=mn;exports.useStreamScroll=Os;exports.useStrings=q;exports.useToast=Is;
|
|
22
|
+
<%s key={someKey} {...props} />`,O,Y,K,Y),X[Y+O]=!0)}if(Y=null,I!==void 0&&(n(I),Y=""+I),i(v)&&(n(v.key),Y=""+v.key),"key"in v){I={};for(var ie in v)ie!=="key"&&(I[ie]=v[ie])}else I=v;return Y&&l(I,typeof p=="function"?p.displayName||p.name||"Unknown":p),f(p,Y,I,a(),Z,re)}function h(p){x(p)?p._store&&(p._store.validated=1):typeof p=="object"&&p!==null&&p.$$typeof===z&&(p._payload.status==="fulfilled"?x(p._payload.value)&&p._payload.value._store&&(p._payload.value._store.validated=1):p._store&&(p._store.validated=1))}function x(p){return typeof p=="object"&&p!==null&&p.$$typeof===b}var m=c,b=Symbol.for("react.transitional.element"),w=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),N=Symbol.for("react.strict_mode"),S=Symbol.for("react.profiler"),y=Symbol.for("react.consumer"),g=Symbol.for("react.context"),j=Symbol.for("react.forward_ref"),B=Symbol.for("react.suspense"),D=Symbol.for("react.suspense_list"),L=Symbol.for("react.memo"),z=Symbol.for("react.lazy"),E=Symbol.for("react.activity"),P=Symbol.for("react.client.reference"),H=m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,F=Object.prototype.hasOwnProperty,C=Array.isArray,_=console.createTask?console.createTask:function(){return null};m={react_stack_bottom_frame:function(p){return p()}};var T,$={},U=m.react_stack_bottom_frame.bind(m,o)(),W=_(r(o)),X={};be.Fragment=k,be.jsx=function(p,v,I){var O=1e4>H.recentlyCreatedOwnerStacks++;return u(p,v,I,!1,O?Error("react-stack-top-frame"):U,O?_(r(p)):W)},be.jsxs=function(p,v,I){var O=1e4>H.recentlyCreatedOwnerStacks++;return u(p,v,I,!0,O?Error("react-stack-top-frame"):U,O?_(r(p)):W)}}()),be}process.env.NODE_ENV==="production"?Te.exports=ut():Te.exports=ft();var e=Te.exports;const _e={close:"Close",closeModal:"Close modal",closeAlert:"Close alert",dismiss:"Dismiss",loading:"Loading",next:"Next",back:"Back",skipTour:"Skip tour",done:"Done",previousPage:"Previous page",nextPage:"Next page",pagination:"Pagination",pageN:"Page {n}",breadcrumb:"Breadcrumb",recents:"Recents",steps:"Steps",stepN:"Step {n}",stepOf:"Step {current} of {total}",copyToClipboard:"Copy to clipboard",selectOption:"Select option",like:"Like",dislike:"Dislike",removeImage:"Remove image",attachFiles:"Attach files",stop:"Stop",send:"Send",toggleVisibility:"Toggle visibility",decrease:"Decrease",increase:"Increase",sources:"Sources",moreSources:"+{n} more sources",pageAbbrev:"p. {pages}",code:"Code",promptPlaceholder:"Let's get things done...",dropFilesHere:"Drop files here",fileTooLarge:"File(s) too large{maxHint}: {names}",fileTooLargeMaxHint:" (max {maxMb}MB)",filesSkipped:"Skipped unsupported file(s): {names}",maxImages:"Max {n} images per message",uploading:"Uploading...",removeAttachment:"Remove attachment",closeTab:"Close {label}"};function Be(t,s={}){return typeof t=="function"?t(s):typeof t!="string"?"":t.replace(/\{(\w+)\}/g,(n,r)=>s[r]!==void 0&&s[r]!==null?String(s[r]):"")}const Ie=c.createContext({strings:_e,t:(t,s)=>Be(_e[t]??t,s)});function mt({strings:t,children:s}){const n=c.useMemo(()=>{const r={..._e,...t};return{strings:r,t:(a,o)=>Be(r[a]??_e[a]??a,o)}},[t]);return e.jsx(Ie.Provider,{value:n,children:s})}function ue(){return c.useContext(Ie)}function q(){return c.useContext(Ie).strings}function Je({size:t="m",color:s="default",className:n="","aria-label":r,...a}){const o=q();return e.jsx("span",{className:["ds-spinner",`ds-spinner--${t}`,`ds-spinner--${s}`,n].filter(Boolean).join(" "),role:"status","aria-label":r??o.loading,...a})}const pt={xs:12,s:14,m:16,l:20};function ne({children:t,variant:s="primary",size:n="m",fullWidth:r=!1,icon:a,disabled:o=!1,state:i="idle",active:l=!1,pressed:d=!1,onClick:f,type:u="button",href:h,"aria-label":x,"aria-pressed":m,className:b="",...w}){const k=a&&!t,N=i==="loading",S=i==="success",y=i==="error",g=N||S||y,j=!!(l||d),B=n==="xs"?"s":"m",D=s==="danger"?"on-accent":"default",L=pt[n]??16,z=N?e.jsx(Je,{size:B,color:D}):S?e.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:e.jsx(A.Check,{size:L,strokeWidth:2.5})}):y?e.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:e.jsx(A.X,{size:L,strokeWidth:2.5})}):null,E=["ds-button",`ds-button--${s}`,`ds-button--${n}`,r&&"ds-button--full",k&&"ds-button--icon-only",b].filter(Boolean).join(" "),P=i!=="idle"?i:void 0,H=m!==void 0?m:j?!0:void 0,F=e.jsxs(e.Fragment,{children:[g?z:a&&e.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:a}),t]});if(h){const C=_=>{if(o||N){_.preventDefault();return}_.metaKey||_.ctrlKey||_.button===1||(_.preventDefault(),f==null||f(_))};return e.jsx("a",{className:E,href:o||N?void 0:h,onClick:C,"aria-label":x,"aria-disabled":o||N?"true":void 0,"aria-busy":N?"true":void 0,"aria-pressed":H,"data-state":P,"data-active":j?"true":void 0,...w,children:F})}return e.jsx("button",{type:u,className:E,disabled:o,onClick:N?void 0:f,"aria-label":x,"aria-busy":N?"true":void 0,"aria-pressed":H,"data-state":P,"data-active":j?"true":void 0,...w,children:F})}function ht({label:t,error:s,hint:n,fullWidth:r=!0,icon:a,iconRight:o,onIconRightClick:i,size:l="m",disabled:d,id:f,iconRightLabel:u,...h}){const x=q(),m=f||`input-${c.useId()}`,b=n?`${m}-hint`:void 0,w=s?`${m}-error`:void 0,k=w||b;return e.jsxs("div",{className:`ds-input-wrapper ${r?"ds-input-wrapper--full":""} ${d?"ds-input-wrapper--disabled":""} ${s?"ds-input-wrapper--error":""}`,children:[t&&e.jsx("label",{className:"ds-input-label",htmlFor:m,children:t}),e.jsxs("div",{className:"ds-input-container",children:[a&&e.jsx("span",{className:`ds-input-icon ds-input-icon--${l}`,"aria-hidden":"true",children:a}),e.jsx("input",{id:m,className:`ds-input ds-input--${l} ${a?"ds-input--with-icon":""} ${o?"ds-input--with-icon-right":""} ${s?"ds-input--error":""}`,disabled:d,"aria-invalid":s?"true":"false","aria-describedby":k,...h}),o&&e.jsx("button",{type:"button",className:`ds-input-icon-right ds-input-icon-right--${l}`,onClick:i,tabIndex:-1,"aria-label":u??x.toggleVisibility,children:o})]}),n&&!s&&e.jsx("span",{id:b,className:"ds-input-hint",children:n}),e.jsx("div",{className:"ds-input-error-wrap",children:e.jsx("div",{className:"ds-input-error-inner",children:s&&e.jsx("span",{id:w,className:"ds-input-error",role:"alert",children:s})})})]})}function xt({label:t,error:s,hint:n,fullWidth:r=!0,size:a="m",disabled:o,id:i,resize:l=!0,rows:d=3,...f}){const u=i||`textarea-${c.useId()}`,h=n?`${u}-hint`:void 0,x=s?`${u}-error`:void 0,m=x||h;return e.jsxs("div",{className:`ds-textarea-wrapper ${r?"ds-textarea-wrapper--full":""} ${o?"ds-textarea-wrapper--disabled":""}`,children:[t&&e.jsx("label",{className:"ds-textarea-label",htmlFor:u,children:t}),e.jsx("textarea",{id:u,className:`ds-textarea ds-textarea--${a} ${s?"ds-textarea--error":""} ${l?"":"ds-textarea--no-resize"}`,disabled:o,"aria-invalid":s?"true":"false","aria-describedby":m,rows:d,...f}),n&&!s&&e.jsx("span",{id:h,className:"ds-textarea-hint",children:n}),s&&e.jsx("span",{id:x,className:"ds-textarea-error",role:"alert",children:s})]})}function vt({label:t,value:s,onChange:n,options:r=[],placeholder:a,error:o,fullWidth:i=!0,size:l="m",disabled:d=!1,id:f,...u}){const h=q(),x=a??h.selectOption,[m,b]=c.useState(!1),[w,k]=c.useState(!1),[N,S]=c.useState({}),[y,g]=c.useState("down"),[j,B]=c.useState(-1),D=c.useRef(null),L=c.useRef(null),z=c.useRef(null),E=c.useRef(null),P=f||`select-${c.useId()}`,H=`${P}-label`,F=o?`${P}-error`:void 0,C=150,_=(v=!1)=>{w||(k(!0),B(-1),E.current=setTimeout(()=>{var I;b(!1),k(!1),v&&((I=z.current)==null||I.focus())},C))},T=v=>{clearTimeout(E.current),k(!1);const I=v!==void 0?v:Math.max(r.findIndex(O=>O.value===s),0);B(I),b(!0)};c.useEffect(()=>()=>clearTimeout(E.current),[]);const $=()=>{var K;const v=(K=D.current)==null?void 0:K.getBoundingClientRect();if(!v)return;const I=window.innerHeight,O=I-v.bottom,Z=v.top,Y=O<300&&Z>O;g(Y?"up":"down"),S(Y?{bottom:I-v.top+4,left:v.left,width:v.width}:{top:v.bottom+4,left:v.left,width:v.width})};c.useEffect(()=>{if(m)return $(),window.addEventListener("scroll",$,!0),window.addEventListener("resize",$),()=>{window.removeEventListener("scroll",$,!0),window.removeEventListener("resize",$)}},[m]),c.useEffect(()=>{const v=I=>{D.current&&!D.current.contains(I.target)&&L.current&&!L.current.contains(I.target)&&_()};return document.addEventListener("mousedown",v),()=>document.removeEventListener("mousedown",v)},[w]),c.useEffect(()=>{var I;if(!m||j<0||!L.current)return;(I=L.current.querySelectorAll(".ds-select-option")[j])==null||I.scrollIntoView({block:"nearest"})},[j,m]);const U=v=>{switch(v.key){case"ArrowDown":v.preventDefault(),m?B(I=>Math.min(I+1,r.length-1)):T();break;case"ArrowUp":v.preventDefault(),m?B(I=>Math.max(I-1,0)):T(r.length-1);break;case"Home":m&&(v.preventDefault(),B(0));break;case"End":m&&(v.preventDefault(),B(r.length-1));break;case"Enter":case" ":v.preventDefault(),m?j>=0&&(n==null||n(r[j].value),_(!0)):T();break;case"Escape":m&&(v.preventDefault(),_(!0));break;case"Tab":m&&_(!1);break}},W=r.find(v=>v.value===s),X=l==="xs"?V[1]:l==="small"?V[2]:V[3],p=m&&e.jsx("div",{ref:L,"data-ds-portal":"",role:"listbox","aria-labelledby":t?H:void 0,tabIndex:-1,className:["ds-select-dropdown ds-scrollable",`ds-select-dropdown--${l}`,`ds-select-dropdown--${y}`,w&&"ds-select-dropdown--closing"].filter(Boolean).join(" "),style:N,children:r.map((v,I)=>e.jsx("button",{id:`${P}-opt-${I}`,type:"button",role:"option",tabIndex:-1,"aria-selected":s===v.value,className:["ds-select-option",`ds-select-option--${l}`,s===v.value&&"ds-select-option--selected",I===j&&"ds-select-option--active"].filter(Boolean).join(" "),onClick:()=>{n==null||n(v.value),_(!0)},children:v.label},v.value))});return e.jsxs("div",{className:`ds-select-wrapper ${i?"ds-select-wrapper--full":""} ${d?"ds-select-wrapper--disabled":""}`,children:[t&&e.jsx("label",{id:H,className:"ds-select-label",children:t}),e.jsx("div",{className:"ds-select-container",ref:D,children:e.jsxs("button",{ref:z,type:"button",id:P,role:"combobox","aria-haspopup":"listbox","aria-expanded":m,"aria-activedescendant":m&&j>=0?`${P}-opt-${j}`:void 0,"aria-labelledby":t?H:void 0,"aria-invalid":o?"true":"false","aria-describedby":F,className:`ds-select-trigger ds-select-trigger--${l} ${o?"ds-select-trigger--error":""}`,onClick:()=>{d||(m?_():T())},onKeyDown:U,disabled:d,...u,children:[e.jsx("span",{className:W?"":"ds-select-placeholder",children:(W==null?void 0:W.label)||x}),e.jsx(A.ChevronDown,{size:X,strokeWidth:1.5,className:`ds-select-icon ${m&&y==="down"?"ds-select-icon--open":""} ${m&&y==="up"?"ds-select-icon--up":""}`,"aria-hidden":"true"})]})}),o&&e.jsx("span",{id:F,className:"ds-select-error",role:"alert",children:o}),typeof document<"u"&&ee.createPortal(p,document.body)]})}function bt({label:t,value:s=0,onChange:n,min:r=0,max:a=100,step:o=1,size:i="m",disabled:l=!1,hint:d,error:f,decreaseLabel:u,increaseLabel:h,...x}){const m=q(),b=()=>{if(l)return;const g=Math.min(Number(s)+o,a);n==null||n(g)},w=()=>{if(l)return;const g=Math.max(Number(s)-o,r);n==null||n(g)},k=g=>{if(l)return;const j=g.target.value;if(j===""){n==null||n(r);return}const B=Number(j);if(!isNaN(B)){const D=Math.min(Math.max(B,r),a);n==null||n(D)}},N=["ds-stepper-wrapper",l&&"ds-stepper-wrapper--disabled",f&&"ds-stepper-wrapper--error"].filter(Boolean).join(" "),S=["ds-stepper",`ds-stepper--${i}`,l&&"ds-stepper--disabled"].filter(Boolean).join(" "),y=i==="xs"?V[1]:i==="small"?V[2]:V[3];return e.jsxs("div",{className:N,children:[t&&e.jsx("label",{className:"ds-stepper-label",children:t}),e.jsxs("div",{className:S,children:[e.jsx("button",{type:"button",className:"ds-stepper-button ds-stepper-button--minus",onClick:w,disabled:l||s<=r,"aria-label":u??m.decrease,children:e.jsx(A.Minus,{size:y,strokeWidth:1.5})}),e.jsx("input",{type:"number",className:"ds-stepper-input",value:s,onChange:k,min:r,max:a,step:o,disabled:l,...x}),e.jsx("button",{type:"button",className:"ds-stepper-button ds-stepper-button--plus",onClick:b,disabled:l||s>=a,"aria-label":h??m.increase,children:e.jsx(A.Plus,{size:y,strokeWidth:1.5})})]}),d&&!f&&e.jsx("div",{className:"ds-stepper-hint",children:d}),f&&e.jsx("div",{className:"ds-stepper-error",children:f})]})}function _t({children:t,padding:s="m",variant:n="default",hover:r=!1,onClick:a,href:o,disabled:i=!1,className:l="",...d}){const u=(r?"interactive":n)==="interactive"||a||o,h=["ds-card",`ds-card--${s}`,u&&"ds-card--interactive",l].filter(Boolean).join(" ");if(o){const b=w=>{if(i){w.preventDefault();return}w.metaKey||w.ctrlKey||w.button===1||(w.preventDefault(),a==null||a(w))};return e.jsx("a",{className:h,href:i?void 0:o,onClick:b,"aria-disabled":i?"true":void 0,...d,children:t})}const x=u&&a?"button":"div",m=u&&a?{type:"button",onClick:a,disabled:i}:{};return e.jsx(x,{className:h,role:u&&!a?"article":void 0,...m,...d,children:t})}function jt({children:t,...s}){return e.jsx("h1",{className:"ds-h1",...s,children:t})}function Nt({children:t,...s}){return e.jsx("h2",{className:"ds-h2",...s,children:t})}function wt({children:t,...s}){return e.jsx("h3",{className:"ds-h3",...s,children:t})}function gt({children:t,...s}){return e.jsx("h4",{className:"ds-h4",...s,children:t})}function yt({children:t,secondary:s=!1,...n}){return e.jsx("p",{className:`ds-p1 ${s?"ds-p1--secondary":""}`,...n,children:t})}function Ze({children:t,secondary:s=!1,...n}){return e.jsx("p",{className:`ds-p2 ${s?"ds-p2--secondary":""}`,...n,children:t})}function De({children:t,secondary:s=!1,...n}){return e.jsx("p",{className:`ds-p3 ${s?"ds-p3--secondary":""}`,...n,children:t})}function ce({children:t,variant:s="default",size:n="m",role:r,...a}){const o=["ds-badge",`ds-badge--${s}`,`ds-badge--${n}`].filter(Boolean).join(" "),i=r||(["info","success","warning","error"].includes(s)?"status":void 0);return e.jsx("span",{className:o,role:i,...a,children:t})}const kt={info:A.Info,success:A.CheckCircle,warning:A.AlertTriangle,error:A.XCircle},Et=c.forwardRef(function({children:s,variant:n="info",title:r,onClose:a,role:o,closeLabel:i,...l},d){const f=q(),u=kt[n],h=o||(n==="error"?"alert":"status");return e.jsxs("div",{ref:d,className:`ds-alert ds-alert--${n} ${r?"":"ds-alert--no-title"}`,role:h,...l,children:[u&&e.jsx("div",{className:"ds-alert__icon",children:e.jsx(u,{size:V[3],strokeWidth:1.5})}),e.jsxs("div",{className:"ds-alert__content",children:[r&&e.jsx("div",{className:"ds-alert__title",children:r}),s&&e.jsx("div",{className:"ds-alert__message",children:s})]}),a&&e.jsx("button",{type:"button",className:"ds-alert__close",onClick:a,"aria-label":i??f.closeAlert,children:e.jsx(A.X,{size:V[3],strokeWidth:1.5})})]})}),Rt="data-ds-portal";function Le(t){var n;const s=((n=t.composedPath)==null?void 0:n.call(t)[0])??t.target;return s instanceof Element?s:s instanceof Node?s.parentElement:null}function Pe(t,s){var r;const n=(r=t==null?void 0:t.closest)==null?void 0:r.call(t,`[${Rt}]`);return!!(n&&n!==s)}const St=200;function Tt({children:t,title:s,onClose:n,size:r="m",scrollable:a=!1,subHeader:o,closeLabel:i,...l}){const d=q(),f=c.useRef(null),u=c.useRef(null),h=c.useId(),[x,m]=c.useState(!1),b=()=>{!n||x||(m(!0),setTimeout(()=>{m(!1),n()},St))};c.useEffect(()=>{const y=j=>{j.key==="Escape"&&b()},g=j=>{var D;const B=Le(j);B&&((D=u.current)!=null&&D.contains(B)||Pe(B,f.current)||b())};return document.addEventListener("keydown",y),document.addEventListener("mousedown",g),()=>{document.removeEventListener("keydown",y),document.removeEventListener("mousedown",g)}},[n,x]);const w=c.Children.toArray(t),k=w.find(y=>(y==null?void 0:y.type)===de),N=w.filter(y=>(y==null?void 0:y.type)!==de),S=e.jsx("div",{className:["ds-modal-overlay",x&&"ds-modal-overlay--closing"].filter(Boolean).join(" "),...l,ref:f,"data-ds-portal":"",children:e.jsxs("div",{className:[`ds-modal ds-modal--${r}`,a&&"ds-modal--scrollable"].filter(Boolean).join(" "),"data-surface":"2",ref:u,role:"dialog","aria-modal":"true","aria-labelledby":s?h:void 0,children:[n&&e.jsx(ne,{className:"ds-modal__close",variant:"ghost",size:"small",icon:e.jsx(A.X,{size:V[2],strokeWidth:1.5}),onClick:b,"aria-label":i??d.closeModal}),(s||o)&&e.jsxs("div",{className:"ds-modal__header",children:[s&&e.jsx("h3",{id:h,className:"ds-modal__title",children:s}),o&&e.jsx("div",{className:"ds-modal__subheader",children:o})]}),e.jsx("div",{className:"ds-modal__body ds-scrollable",children:N}),k]})});return typeof document>"u"?S:ee.createPortal(S,document.body)}function de({children:t}){return!t||c.Children.count(t)===0?null:e.jsx("div",{className:"ds-modal__footer",children:t})}const $t=320;function At({children:t,title:s,onClose:n,subHeader:r,closeLabel:a,...o}){const i=q(),l=c.useRef(null),d=c.useRef(null),f=c.useId(),[u,h]=c.useState(!1),x=()=>{!n||u||(h(!0),setTimeout(()=>{h(!1),n()},$t))};c.useEffect(()=>{const N=y=>{y.key==="Escape"&&x()},S=y=>{var j;const g=Le(y);g&&((j=d.current)!=null&&j.contains(g)||Pe(g,l.current)||x())};return document.addEventListener("keydown",N),document.addEventListener("mousedown",S),()=>{document.removeEventListener("keydown",N),document.removeEventListener("mousedown",S)}},[n,u]);const m=c.Children.toArray(t),b=m.find(N=>(N==null?void 0:N.type)===de),w=m.filter(N=>(N==null?void 0:N.type)!==de),k=e.jsx("div",{className:["ds-bottom-sheet-overlay",u&&"ds-bottom-sheet-overlay--closing"].filter(Boolean).join(" "),...o,ref:l,"data-ds-portal":"",children:e.jsxs("div",{ref:d,className:["ds-bottom-sheet",u&&"ds-bottom-sheet--closing"].filter(Boolean).join(" "),"data-surface":"2",role:"dialog","aria-modal":"true","aria-labelledby":s?f:void 0,children:[e.jsx("div",{className:"ds-bottom-sheet__handle","aria-hidden":"true"}),n&&e.jsx(ne,{className:"ds-bottom-sheet__close",variant:"ghost",size:"small",icon:e.jsx(A.X,{size:V[2],strokeWidth:1.5}),onClick:x,"aria-label":a??i.close}),(s||r)&&e.jsxs("div",{className:"ds-bottom-sheet__header",children:[s&&e.jsx("h3",{id:f,className:"ds-bottom-sheet__title",children:s}),r&&e.jsx("div",{className:"ds-bottom-sheet__subheader",children:r})]}),e.jsx("div",{className:"ds-bottom-sheet__body ds-scrollable",children:w}),b]})});return typeof document>"u"?k:ee.createPortal(k,document.body)}function Qe({children:t,title:s,defaultExpanded:n=!1,expanded:r,onToggle:a,padding:o="s",className:i="",...l}){const d=q(),f=s??d.code,[u,h]=c.useState(n),x=r!==void 0,m=x?r:u,b=()=>{x?a==null||a(!r):h(k=>!k)},w=["ds-code-accordion",`ds-code-accordion--${o}`,m&&"ds-code-accordion--expanded",i].filter(Boolean).join(" ");return e.jsxs("div",{className:w,...l,children:[e.jsxs("button",{type:"button",className:"ds-code-accordion__header",onClick:b,"aria-expanded":m,children:[e.jsx("span",{className:"ds-code-accordion__title",children:f}),e.jsx(A.ChevronDown,{size:V[2],strokeWidth:1.5,className:`ds-code-accordion__icon ${m?"ds-code-accordion__icon--expanded":""}`})]}),e.jsx("div",{className:"ds-code-accordion__content",children:e.jsx("div",{className:"ds-code-accordion__inner",children:e.jsx("pre",{className:"ds-code-accordion__pre ds-scrollable",children:e.jsx("code",{children:t})})})})]})}function Bt({children:t,block:s=!1,collapsible:n=!1,title:r,defaultExpanded:a=!1,...o}){const i=q(),l=r??i.code;return s?n?e.jsx(Qe,{title:l,defaultExpanded:a,...o,children:t}):e.jsx("pre",{className:"ds-code-block ds-scrollable",...o,children:e.jsx("code",{children:t})}):e.jsx("code",{className:"ds-code-inline",...o,children:t})}function It({href:t,children:s,onClick:n,target:r,rel:a,...o}){const l=r==="_blank"?a?`${a} noopener noreferrer`:"noopener noreferrer":a;return e.jsx("a",{href:t,className:"ds-link",onClick:n,target:r,rel:l,...o,children:s})}function Dt({children:t,size:s="m",variant:n="ghost",...r}){return e.jsx("div",{className:"ds-tabs",role:"tablist",...r,children:c.Children.map(t,a=>c.isValidElement(a)?c.cloneElement(a,{size:s,variant:n}):a)})}function Lt({children:t,selected:s=!1,onClick:n,size:r="m",variant:a="ghost",disabled:o=!1,icon:i,href:l,...d}){const f=i&&!t,u=["ds-tab",`ds-tab--${r}`,`ds-tab--${a}`,s&&"ds-tab--selected",f&&"ds-tab--icon-only"].filter(Boolean).join(" "),h=e.jsxs(e.Fragment,{children:[i&&e.jsx("span",{className:"ds-tab-icon",children:i}),t]});if(l){const x=m=>{if(o){m.preventDefault();return}m.metaKey||m.ctrlKey||m.button===1||(m.preventDefault(),n==null||n(m))};return e.jsx("a",{role:"tab","aria-current":s?"page":void 0,"aria-disabled":o?"true":void 0,className:u,href:o?void 0:l,onClick:x,...d,children:h})}return e.jsx("button",{role:"tab","aria-selected":s,className:u,onClick:n,disabled:o,...d,children:h})}function Pt({children:t,className:s="",...n}){return e.jsx("div",{className:["ds-browser-pane",s].filter(Boolean).join(" "),...n,children:t})}function Ct({tabs:t,active:s,onChange:n,onClose:r,className:a="",...o}){const{t:i}=ue();return e.jsx("div",{className:["ds-browser-tabs",a].filter(Boolean).join(" "),role:"tablist",...o,children:t.map(l=>{const d=l.id===s,f=!!l.closable;return e.jsxs("div",{className:["ds-browser-tab",d&&"ds-browser-tab--active",f&&"ds-browser-tab--closable"].filter(Boolean).join(" "),title:l.label,children:[e.jsxs("button",{type:"button",role:"tab","aria-selected":d,className:"ds-browser-tab__hit",onClick:()=>n==null?void 0:n(l.id),children:[l.icon?e.jsx("span",{className:"ds-browser-tab__icon","aria-hidden":!0,children:l.icon}):null,e.jsx("span",{className:"ds-browser-tab__label",children:l.label})]}),f?e.jsx("button",{type:"button",className:"ds-browser-tab__close","aria-label":i("closeTab",{label:l.label}),onClick:u=>{u.stopPropagation(),r==null||r(l.id)},children:e.jsx(A.X,{size:12,strokeWidth:2})}):null]},l.id)})})}function Mt({children:t,className:s="",...n}){return e.jsx("div",{className:["ds-list",s].filter(Boolean).join(" "),role:"list",...n,children:t})}function Ft({icon:t,title:s,subtitle:n,meta:r,onClick:a,className:o="",...i}){const l=r==null?[]:Array.isArray(r)?r:[r],d=["ds-list-row",!t&&"ds-list-row--no-icon",a&&"ds-list-row--interactive",o].filter(Boolean).join(" "),f=e.jsxs(e.Fragment,{children:[t?e.jsx("span",{className:"ds-list-row__icon","aria-hidden":!0,children:t}):null,e.jsxs("span",{className:"ds-list-row__name",children:[e.jsx("span",{className:"ds-list-row__title",children:s}),n?e.jsx("span",{className:"ds-list-row__subtitle",children:n}):null]}),l.map((u,h)=>e.jsx("span",{className:"ds-list-row__meta",children:u},h))]});return a?e.jsx("button",{type:"button",role:"listitem",className:d,onClick:a,...i,children:f}):e.jsx("div",{role:"listitem",className:d,...i,children:f})}function zt({options:t,value:s,onChange:n,size:r="m",disabled:a=!1}){const o=c.useRef(null),i=c.useRef(null),[l,d]=c.useState(!1),f=c.useRef(!1),u=c.useRef(null),h=c.useRef(null),x=()=>{if(!o.current)return;const m=o.current.querySelector(`[data-value="${s}"]`);if(!m)return;const b=o.current.getBoundingClientRect(),w=m.getBoundingClientRect(),k=w.left-b.left,N=w.width;i.current?(i.current.style.transition=f.current?"left var(--transition-normal), width var(--transition-normal)":"none",i.current.style.left=k+"px",i.current.style.width=N+"px",f.current=!1):(d(!0),requestAnimationFrame(()=>{if(!i.current||!o.current)return;const S=o.current.querySelector(`[data-value="${s}"]`);if(!S)return;const y=o.current.getBoundingClientRect(),g=S.getBoundingClientRect();i.current.style.transition="none",i.current.style.left=g.left-y.left+"px",i.current.style.width=g.width+"px"}))};return h.current=x,c.useLayoutEffect(()=>{const m=u.current!==s;u.current=s,f.current=l&&m,x()}),c.useEffect(()=>{if(!o.current)return;const m=new ResizeObserver(()=>{f.current=!1,h.current()});return m.observe(o.current),()=>m.disconnect()},[]),e.jsxs("div",{className:["ds-seg",`ds-seg--${r}`,a&&"ds-seg--disabled"].filter(Boolean).join(" "),ref:o,role:"group",children:[l&&e.jsx("div",{ref:i,className:"ds-seg__pill","aria-hidden":"true"}),t.map(m=>e.jsxs("button",{type:"button","data-value":m.value,className:["ds-seg__btn",s===m.value&&"ds-seg__btn--active"].filter(Boolean).join(" "),onClick:()=>!a&&n(m.value),"aria-pressed":s===m.value,disabled:a,children:[m.icon&&e.jsx("span",{className:"ds-seg__btn-icon","aria-hidden":"true",children:m.icon}),m.label]},m.value))]})}function ge({children:t,title:s,defaultExpanded:n=!1,expanded:r,onToggle:a,padding:o="m",...i}){const[l,d]=c.useState(n),f=r!==void 0,u=f?r:l,h=()=>{f?a==null||a(!r):d(m=>!m)},x=["ds-accordion",`ds-accordion--${o}`,u&&"ds-accordion--expanded"].filter(Boolean).join(" ");return e.jsxs("div",{className:x,...i,children:[e.jsxs("button",{type:"button",className:"ds-accordion__header",onClick:h,"aria-expanded":u,children:[e.jsx("span",{className:"ds-accordion__title",children:s}),e.jsx(A.ChevronDown,{size:V[2],strokeWidth:1.5,className:`ds-accordion__icon ${u?"ds-accordion__icon--expanded":""}`})]}),e.jsx("div",{className:"ds-accordion__content",children:e.jsx("div",{className:"ds-accordion__content-inner",children:e.jsx("div",{className:"ds-accordion__content-body",children:t})})})]})}const ae=8,fe=8;function Ot(t,s,n){const r=window.innerWidth;let a,o;switch(t){case"top":a=s.top-n.height-ae,o=s.left+s.width/2-n.width/2;break;case"bottom":a=s.bottom+ae,o=s.left+s.width/2-n.width/2;break;case"left":a=s.top+s.height/2-n.height/2,o=s.left-n.width-ae;break;case"right":a=s.top+s.height/2-n.height/2,o=s.right+ae;break;default:a=s.bottom+ae,o=s.left}const i=Math.max(fe,Math.min(r-n.width-fe,o)),l=o-i;return{top:a,left:i,arrowOffset:l}}function Wt(t,s,n){const r=window.innerWidth,a=window.innerHeight;if(t.top>=s+ae+fe)return"top";if(a-t.bottom>=s+ae+fe)return"bottom";if(r-t.right>=n+ae+fe)return"right";if(t.left>=n+ae+fe)return"left";const o=Math.max(t.top,a-t.bottom,t.left,r-t.right);return o===t.top?"top":o===a-t.bottom?"bottom":o===r-t.right?"right":"left"}function ye({children:t,content:s,position:n,...r}){const[a,o]=c.useState(!1),[i,l]=c.useState({visibility:"hidden"}),[d,f]=c.useState(n||"top"),u=c.useRef(null),h=c.useRef(null),x=c.useRef(!1),m=()=>{if(!u.current||!h.current)return;const w=u.current.getBoundingClientRect(),k=h.current.getBoundingClientRect(),N=n||Wt(w,k.height,k.width),{top:S,left:y,arrowOffset:g}=Ot(N,w,k);f(N),l({position:"fixed",top:S,left:y,visibility:"visible","--arrow-offset":`${g}px`})};if(c.useEffect(()=>{if(!a)return;l({position:"fixed",visibility:"hidden"});const w=requestAnimationFrame(m);return window.addEventListener("scroll",m,!0),window.addEventListener("resize",m),()=>{cancelAnimationFrame(w),window.removeEventListener("scroll",m,!0),window.removeEventListener("resize",m)}},[a,n]),c.useEffect(()=>{if(!a)return;const w=k=>{u.current&&!u.current.contains(k.target)&&o(!1)};return document.addEventListener("touchstart",w),()=>document.removeEventListener("touchstart",w)},[a]),!s)return t;const b=a&&e.jsx("div",{ref:h,"data-ds-portal":"",className:`ds-tooltip ds-tooltip--${d}`,role:"tooltip",style:i,children:s});return e.jsxs("div",{ref:u,className:"ds-tooltip-wrapper",onMouseEnter:()=>{x.current||o(!0)},onMouseLeave:()=>{x.current||o(!1)},onTouchStart:()=>{x.current=!0,o(w=>!w)},...r,children:[t,typeof document<"u"&&ee.createPortal(b,document.body)]})}const Oe=8,Ne=8,Ht=140;function We(t){const s=String(t??"").replace(/^@/,"").trim();return s?`@${s}`:""}function Ut({label:t,children:s,mode:n="click",avatar:r,name:a,handle:o,description:i,actions:l,className:d="",popoverClassName:f="",...u}){const h=c.useId(),x=c.useRef(null),m=c.useRef(null),b=c.useRef(null),[w,k]=c.useState(!1),[N,S]=c.useState(null),y=s!=null,g=a||t||"",j=We(t||a),B=We(o),D=c.useCallback(()=>{b.current!=null&&(window.clearTimeout(b.current),b.current=null)},[]),L=c.useCallback(()=>{D(),k(!0)},[D]),z=c.useCallback(()=>{D(),b.current=window.setTimeout(()=>k(!1),Ht)},[D]),E=c.useCallback(()=>{const F=x.current,C=m.current;if(!F)return;const _=F.getBoundingClientRect(),T=(C==null?void 0:C.offsetHeight)??160,$=(C==null?void 0:C.offsetWidth)??260;let U=_.bottom+Oe;U+T>window.innerHeight-Ne&&(U=Math.max(Ne,_.top-T-Oe));const W=Math.max(Ne,Math.min(_.left,window.innerWidth-$-Ne));S({top:U,left:W})},[]);c.useLayoutEffect(()=>{w&&E()},[w,E]),c.useEffect(()=>{if(!w)return;const F=()=>E(),C=T=>{T.key==="Escape"&&k(!1)},_=T=>{var U,W;if(n==="hover")return;const $=T.target;(U=m.current)!=null&&U.contains($)||(W=x.current)!=null&&W.contains($)||k(!1)};return window.addEventListener("scroll",F,!0),window.addEventListener("resize",F),document.addEventListener("keydown",C),document.addEventListener("mousedown",_),()=>{window.removeEventListener("scroll",F,!0),window.removeEventListener("resize",F),document.removeEventListener("keydown",C),document.removeEventListener("mousedown",_)}},[w,E,n]),c.useEffect(()=>()=>D(),[D]);const P=n==="hover"?{onMouseEnter:L,onMouseLeave:z}:{},H=w?ee.createPortal(e.jsxs("div",{ref:m,id:h,role:"dialog","aria-label":g||j||"Mention","data-ds-portal":"",className:["ds-mention__popover",f].filter(Boolean).join(" "),style:N?{top:N.top,left:N.left}:{top:-9999,left:-9999,visibility:"hidden"},...P,children:[(r||g||B)&&e.jsxs("div",{className:"ds-mention__head",children:[r,(g||B)&&e.jsxs("div",{className:"ds-mention__meta",children:[g?e.jsx("span",{className:"ds-mention__name",children:g}):null,B?e.jsx("span",{className:"ds-mention__handle",children:B}):null]})]}),i?e.jsx("p",{className:"ds-mention__desc",children:i}):null,l?e.jsx("div",{className:"ds-mention__actions",onClick:()=>k(!1),children:l}):null]}),document.body):null;return e.jsxs(e.Fragment,{children:[e.jsx("button",{...u,ref:x,type:"button",className:["ds-mention",y&&"ds-mention--custom",d].filter(Boolean).join(" "),"aria-expanded":w,"aria-haspopup":"dialog","aria-label":y&&(j||g)||void 0,"aria-controls":w?h:void 0,onClick:F=>{var C;if((C=u.onClick)==null||C.call(u,F),!F.defaultPrevented){if(F.preventDefault(),F.stopPropagation(),n==="hover"){L();return}k(_=>!_)}},...P,children:y?s:j}),typeof document<"u"?H:null]})}function Vt({checked:t=!1,onChange:s,size:n="m",disabled:r=!1,label:a,id:o,...i}){const l=o||`toggle-${c.useId()}`,d=["ds-toggle",`ds-toggle--${n}`,r&&"ds-toggle--disabled"].filter(Boolean).join(" ");return e.jsxs("label",{className:d,htmlFor:l,children:[e.jsx("input",{type:"checkbox",id:l,className:"ds-toggle__input",checked:t,onChange:f=>s==null?void 0:s(f.target.checked),disabled:r,...i}),e.jsx("span",{className:"ds-toggle__track",children:e.jsx("span",{className:"ds-toggle__thumb"})}),a&&e.jsx("span",{className:"ds-toggle__label",children:a})]})}function Xt({checked:t=!1,onChange:s,size:n="m",disabled:r=!1,label:a,id:o,...i}){const l=o||`checkbox-${c.useId()}`,d=["ds-checkbox",`ds-checkbox--${n}`,r&&"ds-checkbox--disabled"].filter(Boolean).join(" "),f=n==="xs"?10:n==="small"?14:n==="large"?20:16;return e.jsxs("label",{className:d,htmlFor:l,children:[e.jsx("input",{type:"checkbox",id:l,className:"ds-checkbox__input",checked:t,onChange:u=>s==null?void 0:s(u.target.checked),disabled:r,...i}),e.jsx("span",{className:"ds-checkbox__box",children:t&&e.jsx(A.Check,{size:f,strokeWidth:2.5,className:"ds-checkbox__icon"})}),a&&e.jsx("span",{className:"ds-checkbox__label",children:a})]})}function Yt({checked:t=!1,onChange:s,size:n="m",disabled:r=!1,label:a,name:o,value:i,id:l,...d}){const f=l||`radio-${c.useId()}`,u=["ds-radio",`ds-radio--${n}`,r&&"ds-radio--disabled"].filter(Boolean).join(" ");return e.jsxs("label",{className:u,htmlFor:f,children:[e.jsx("input",{type:"radio",id:f,className:"ds-radio__input",checked:t,onChange:h=>s==null?void 0:s(h.target.checked),disabled:r,name:o,value:i,...d}),e.jsx("span",{className:"ds-radio__circle",children:e.jsx("span",{className:"ds-radio__dot"})}),a&&e.jsx("span",{className:"ds-radio__label",children:a})]})}function et({width:t,height:s,shape:n="rect",aspectRatio:r,className:a="",style:o={},...i}){return e.jsx("span",{className:["ds-skeleton",`ds-skeleton--${n}`,a].filter(Boolean).join(" "),style:{width:t,height:s,aspectRatio:r,...o},"aria-hidden":"true",...i})}function qt({lines:t=1,lastLineWidth:s="70%",gap:n,className:r="",style:a={},...o}){return e.jsx("span",{className:["ds-skeleton-text",r].filter(Boolean).join(" "),style:{gap:n,...a},"aria-hidden":"true",...o,children:Array.from({length:t},(i,l)=>e.jsx("span",{className:"ds-skeleton ds-skeleton--text",style:l===t-1&&t>1?{width:s}:void 0},l))})}et.Text=qt;function Gt(t){let s=2166136261;for(let n=0;n<t.length;n++)s^=t.charCodeAt(n),s=Math.imul(s,16777619)>>>0;return s%360}function Kt(t){if(!t)return"";const s=t.trim().split(/\s+/);return s.length>=2?(s[0][0]+s[1][0]).toUpperCase():t[0].toUpperCase()}function Jt({seed:t,icon:s,src:n,size:r=32,className:a="",style:o={},...i}){const l=Gt(t??""),[d,f]=c.useState(!1),u=s??e.jsx("span",{className:"ds-avatar__initials",children:Kt(t)});return e.jsx("div",{className:["ds-avatar",a].filter(Boolean).join(" "),style:{width:r,height:r,"--ds-avatar-h":l,...o},"aria-hidden":"true",...i,children:n&&!d?e.jsx("img",{src:n,alt:"",onError:()=>f(!0)}):u})}function Zt({children:t,size:s="compact",stickyTop:n,maxHeight:r,className:a="",style:o={},...i}){const l={...r?{maxHeight:r}:{},...n!==void 0?{"--ds-table-sticky-top":typeof n=="number"?`${n}px`:n}:{},...o};return e.jsx("div",{className:["ds-table-wrap","ds-scrollable",r?"ds-table-wrap--scroll":""].filter(Boolean).join(" "),style:l,children:e.jsx("table",{className:["ds-table",`ds-table--${s}`,a].filter(Boolean).join(" "),...i,children:t})})}function Qt({children:t,...s}){return e.jsx("thead",{...s,children:t})}function es({children:t,...s}){return e.jsx("tbody",{...s,children:t})}function ts({children:t,interactive:s,selected:n,subheader:r,exiting:a,updated:o,className:i="",onClick:l,...d}){return e.jsx("tr",{className:["ds-table-row",s||l?"ds-table-row--interactive":"",n?"ds-table-row--selected":"",r?"ds-table-row--subheader":"",a?"ds-table-row--exiting":"",o?"ds-table-row--updated":"",i].filter(Boolean).join(" "),onClick:l,...d,children:t})}function ss({children:t,colSpan:s=999,...n}){return e.jsx("tr",{className:"ds-table-row ds-table-row--subheader",...n,children:e.jsx("td",{colSpan:s,children:t})})}function ns({children:t,align:s="left",sortDir:n,onSort:r,width:a,className:o="",style:i={},...l}){const d=!!r||n!==void 0,f=n==="asc"?A.ChevronUp:n==="desc"?A.ChevronDown:A.ChevronsUpDown;return e.jsx("th",{className:["ds-th",d?"ds-th--sortable":"",n?"ds-th--sorted":"",s!=="left"?`ds-table-cell--${s}`:"",o].filter(Boolean).join(" "),onClick:r,style:{width:a,...i},...l,children:d?e.jsxs("span",{className:"ds-th__inner",children:[t,e.jsx("span",{className:"ds-th__sort-icon",children:e.jsx(f,{size:11,strokeWidth:2.5})})]}):t})}function rs({children:t,align:s="left",secondary:n,muted:r,truncate:a,nowrap:o,className:i="",...l}){return e.jsx("td",{className:["ds-td",s!=="left"?`ds-table-cell--${s}`:"",n?"ds-table-cell--secondary":"",r?"ds-table-cell--muted":"",a?"ds-table-cell--truncate":"",o?"ds-table-cell--nowrap":"",i].filter(Boolean).join(" "),...l,children:t})}function as({icon:t,title:s,description:n,action:r,size:a="m",className:o="",...i}){return e.jsxs("div",{className:["ds-empty-state",`ds-empty-state--${a}`,o].filter(Boolean).join(" "),...i,children:[t&&e.jsx("div",{className:"ds-empty-state__icon",children:t}),e.jsx("div",{className:"ds-empty-state__title",children:s}),n&&e.jsx("div",{className:"ds-empty-state__description",children:n}),r&&e.jsx("div",{className:"ds-empty-state__action",children:r})]})}function os({label:t,hint:s,error:n,required:r=!1,disabled:a=!1,htmlFor:o,children:i,className:l="",style:d,...f}){const u=c.useId(),h=o??u,x=`${h}-hint`,m=`${h}-error`;return e.jsxs("div",{className:`ds-field${l?` ${l}`:""}`,"data-state":n?"error":void 0,"data-required":r?"":void 0,"data-disabled":a?"":void 0,style:d,...f,children:[t&&e.jsx("label",{className:"ds-field-label",htmlFor:h,children:t}),e.jsx("div",{className:"ds-field-control",children:i}),s&&!n&&e.jsx("p",{className:"ds-field-hint",id:x,children:s}),n&&e.jsx("p",{className:"ds-field-error",id:m,role:"alert",children:n})]})}function is({label:t,value:s,delta:n,size:r="m",inline:a=!1,className:o="",style:i,...l}){const d=n!=null&&n.startsWith("+")?"up":n!=null&&n.startsWith("-")?"down":"neutral";return e.jsxs("div",{className:["ds-stat",`ds-stat--${r}`,a&&"ds-stat--inline",o].filter(Boolean).join(" "),style:i,...l,children:[t&&e.jsx("span",{className:"ds-stat-label",children:t}),s!=null&&e.jsx("span",{className:"ds-stat-value",children:s}),n!=null&&e.jsx("span",{className:`ds-stat-delta ds-stat-delta--${d}`,children:n})]})}function ls({children:t,separator:s="/","aria-label":n,className:r="",style:a,...o}){const i=q(),l=c.Children.toArray(t).filter(Boolean);return e.jsx("nav",{className:`ds-breadcrumb${r?` ${r}`:""}`,"aria-label":n??i.breadcrumb,style:a,...o,children:e.jsx("ol",{className:"ds-breadcrumb-list",children:l.map((d,f)=>e.jsxs("li",{className:"ds-breadcrumb-item",children:[d,f<l.length-1&&e.jsx("span",{className:"ds-breadcrumb-sep","aria-hidden":"true",children:s})]},f))})})}function cs({page:t,total:s,onChange:n,siblings:r=1,"aria-label":a,previousLabel:o,nextLabel:i,className:l="",style:d,...f}){const u=q(),{t:h}=ue(),x=ds(t,s,r);return e.jsxs("nav",{className:`ds-pagination${l?` ${l}`:""}`,"aria-label":a??u.pagination,style:d,...f,children:[e.jsx("button",{className:"ds-pagination-arrow",onClick:()=>n==null?void 0:n(t-1),disabled:t<=1,"aria-label":o??u.previousPage,children:e.jsx(A.ChevronLeft,{size:16})}),x.map((m,b)=>m==="…"?e.jsx("span",{className:"ds-pagination-gap","aria-hidden":"true",children:"…"},`gap-${b}`):e.jsx("button",{className:`ds-pagination-page${m===t?" ds-pagination-page--current":""}`,onClick:()=>m!==t&&(n==null?void 0:n(m)),"aria-current":m===t?"page":void 0,"aria-label":h("pageN",{n:m}),children:m},m)),e.jsx("button",{className:"ds-pagination-arrow",onClick:()=>n==null?void 0:n(t+1),disabled:t>=s,"aria-label":i??u.nextPage,children:e.jsx(A.ChevronRight,{size:16})})]})}function ds(t,s,n){if(s<=7)return Array.from({length:s},(i,l)=>l+1);const r=Math.max(2,t-n),a=Math.min(s-1,t+n),o=[1];r>2&&o.push("…");for(let i=r;i<=a;i++)o.push(i);return a<s-1&&o.push("…"),o.push(s),o}const us=300;function fs({children:t,title:s,onClose:n,subHeader:r,side:a="right",size:o="wide",offsetLeft:i=0,offsetRight:l=0,keepOpenRef:d,closeLabel:f,...u}){const h=q(),x=c.useRef(null),m=c.useId(),[b,w]=c.useState(!1),k=()=>{!n||b||(w(!0),setTimeout(()=>{w(!1),n()},us))};c.useEffect(()=>{const j=D=>{D.key==="Escape"&&k()},B=D=>{var z,E;const L=Le(D);L&&((z=d==null?void 0:d.current)!=null&&z.contains(L)||(E=x.current)!=null&&E.contains(L)||Pe(L,null)||k())};return document.addEventListener("keydown",j),document.addEventListener("mousedown",B),()=>{document.removeEventListener("keydown",j),document.removeEventListener("mousedown",B)}},[n,b,d]);const N=c.Children.toArray(t),S=N.find(j=>(j==null?void 0:j.type)===$e||(j==null?void 0:j.type)===de),y=N.filter(j=>(j==null?void 0:j.type)!==$e&&(j==null?void 0:j.type)!==de),g=e.jsx("div",{className:["ds-side-page-overlay",b&&"ds-side-page-overlay--closing"].filter(Boolean).join(" "),"data-side":a,style:{"--ds-side-page-offset-left":`${i}px`,"--ds-side-page-offset-right":`${l}px`},...u,children:e.jsxs("div",{ref:x,className:["ds-side-page",b&&"ds-side-page--closing"].filter(Boolean).join(" "),"data-surface":"2","data-side":a,"data-size":o,role:"dialog","aria-modal":"true","aria-labelledby":s?m:void 0,children:[n&&e.jsx(ne,{className:"ds-side-page__close",variant:"ghost",size:"small",icon:e.jsx(A.X,{size:V[2],strokeWidth:1.5}),onClick:k,"aria-label":f??h.close}),(s||r)&&e.jsxs("div",{className:"ds-side-page__header",children:[s&&e.jsx("h3",{id:m,className:"ds-side-page__title",children:s}),r&&e.jsx("div",{className:"ds-side-page__subheader",children:r})]}),e.jsx("div",{className:"ds-side-page__body ds-scrollable",children:y}),S]})});return typeof document>"u"?g:ee.createPortal(g,document.body)}function $e({children:t}){return!t||c.Children.count(t)===0?null:e.jsx("div",{className:"ds-side-page__footer",children:t})}const pe=c.createContext({collapsed:!1,side:"left"}),ke=c.createContext(!1),ms=c.forwardRef(function({children:s,collapsed:n=!1,side:r="left",onExpand:a,onCollapse:o,className:i="",...l},d){const f=["ds-nav-rail",n&&"ds-nav-rail--collapsed",`ds-nav-rail--${r}`,i].filter(Boolean).join(" "),u=c.useCallback(h=>{if(!h.target.closest('button, a, input, select, textarea, [role="button"], [tabindex]')){if(n&&a){a();return}!n&&o&&o()}},[n,a,o]);return e.jsx(pe.Provider,{value:{collapsed:n,side:r},children:e.jsx("nav",{ref:d,className:f,onClick:u,"data-expandable":n&&a?"":void 0,"data-collapsible":!n&&o?"":void 0,...l,children:s})})});function ps({icon:t,label:s,selected:n=!1,disabled:r=!1,href:a,onClick:o,count:i,updated:l=!1,open:d=!1,onboarding:f=!1,className:u="",...h}){const{collapsed:x,side:m}=c.useContext(pe),b=c.useContext(ke),N={className:["ds-nav-rail__item",u].filter(Boolean).join(" "),onClick:r?void 0:o,"aria-current":n?"page":void 0,"aria-disabled":r?"true":void 0,"aria-label":x?s:void 0,tabIndex:r?-1:void 0,...{"data-selected":n||void 0,"data-disabled":r||void 0,"data-open":d||void 0,"data-onboarding":f||void 0},...h},S=i!=null,y=m==="left"?"right":"left",g=e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"ds-nav-rail__icon","aria-hidden":"true",children:t}),!x&&e.jsx("span",{className:"ds-nav-rail__label",children:s}),!x&&S&&e.jsx("span",{className:["ds-nav-rail__count",i===0&&"ds-nav-rail__count--zero"].filter(Boolean).join(" "),"data-updated":l&&i!==0||void 0,children:i}),!x&&l&&(!S||i===0)&&e.jsx("span",{className:"ds-nav-rail__dot ds-nav-rail__dot--inline","aria-hidden":"true"}),x&&S&&i!==0&&e.jsx("span",{className:"ds-nav-rail__count-collapsed","data-updated":l||void 0,children:i>99?"99+":i}),x&&l&&(!S||i===0)&&e.jsx("span",{className:"ds-nav-rail__dot","aria-hidden":"true"})]}),j=a?e.jsx("a",{href:r?void 0:a,...N,children:g}):e.jsx("button",{type:"button",...N,children:g});return x&&!b?e.jsx(ye,{content:s,position:y,children:j}):j}function hs({children:t,className:s="",...n}){return e.jsx("div",{className:["ds-nav-rail__body","ds-scrollable",s].filter(Boolean).join(" "),...n,children:t})}function xs({children:t,className:s="",...n}){return e.jsx("div",{className:["ds-nav-rail__header",s].filter(Boolean).join(" "),...n,children:t})}function vs({children:t,className:s="",...n}){return e.jsx("div",{className:["ds-nav-rail__footer",s].filter(Boolean).join(" "),...n,children:t})}function bs({className:t="",...s}){return e.jsx("hr",{className:["ds-nav-rail__divider",t].filter(Boolean).join(" "),...s})}function _s({children:t,label:s,defaultOpen:n=!0,className:r="",...a}){const{collapsed:o}=c.useContext(pe),i=q(),l=s??i.recents,[d,f]=c.useState(n);return e.jsxs("div",{className:["ds-nav-rail__recents",r].filter(Boolean).join(" "),...a,children:[!o&&e.jsxs("button",{type:"button",className:["ds-nav-rail__recents-toggle",!d&&"ds-nav-rail__recents-toggle--closed"].filter(Boolean).join(" "),onClick:()=>f(u=>!u),"aria-expanded":d,children:[e.jsx("span",{className:"ds-nav-rail__recents-label",children:l}),e.jsx(A.ChevronDown,{size:12,strokeWidth:2,className:"ds-nav-rail__recents-chevron","aria-hidden":"true"})]}),(d||o)&&e.jsx("div",{className:"ds-nav-rail__recents-body",children:t})]})}const js=c.forwardRef(function({as:s="button",avatar:n,label:r,className:a="",...o},i){const{collapsed:l,side:d}=c.useContext(pe),f=c.useContext(ke),u=d==="left"?"right":"left",h=["ds-nav-rail__item","ds-nav-rail__agent",a].filter(Boolean).join(" "),x=e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"ds-nav-rail__icon","aria-hidden":"true",children:n}),!l&&e.jsx("span",{className:"ds-nav-rail__label",children:r})]}),m=e.jsx(s,{ref:i,className:h,"aria-label":l?r:void 0,...s==="button"?{type:"button"}:{},...o,children:x});return l&&!f?e.jsx(ye,{content:r,position:u,children:m}):m});function Ns({avatar:t,label:s,selected:n=!1,disabled:r=!1,href:a,onClick:o,className:i="",...l}){const{collapsed:d,side:f}=c.useContext(pe),u=c.useContext(ke),m={className:["ds-nav-rail__item","ds-nav-rail__agent",i].filter(Boolean).join(" "),onClick:r?void 0:o,"aria-current":n?"page":void 0,"aria-disabled":r?"true":void 0,tabIndex:r?-1:void 0,...{"data-selected":n||void 0,"data-disabled":r||void 0},...l},b=e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"ds-nav-rail__icon","aria-hidden":"true",children:t}),!d&&e.jsx("span",{className:"ds-nav-rail__label",children:s})]}),w=f==="left"?"right":"left",k=a?e.jsx("a",{href:r?void 0:a,...m,children:b}):e.jsx("button",{type:"button",...m,children:b});return d&&!u?e.jsx(ye,{content:s,position:w,children:k}):k}const He=240,Ue=6,Ve=8;function ws({trigger:t,title:s,children:n,open:r,onOpenChange:a,defaultOpen:o=!1,closeLabel:i}){const l=q(),{side:d}=c.useContext(pe),[f,u]=c.useState(o),h=r!==void 0,x=h?r:f,[m,b]=c.useState(!1),w=c.useRef(null),k=c.useRef(null),[N,S]=c.useState({}),y=c.useCallback(()=>{h?a==null||a(!0):u(!0)},[h,a]),g=c.useCallback(()=>{h?a==null||a(!1):u(!1)},[h,a]),j=c.useCallback(()=>x?g():y(),[x,y,g]),B=c.useCallback(()=>{var F;const L=w.current;if(!L)return;const z=L.getBoundingClientRect(),E=window.innerHeight,P=((F=k.current)==null?void 0:F.offsetHeight)??300,H=Math.max(Ve,Math.min(E-P-Ve,z.top));S(d==="right"?{position:"fixed",top:H,right:window.innerWidth-z.left+Ue,width:He}:{position:"fixed",top:H,left:z.right+Ue,width:He})},[d]);c.useEffect(()=>{if(!x){b(!1);return}return B(),requestAnimationFrame(()=>b(!0)),window.addEventListener("scroll",B,!0),window.addEventListener("resize",B),()=>{window.removeEventListener("scroll",B,!0),window.removeEventListener("resize",B)}},[x,B]),c.useEffect(()=>{if(!x)return;const L=E=>{var P,H;!((P=k.current)!=null&&P.contains(E.target))&&!((H=w.current)!=null&&H.contains(E.target))&&g()},z=E=>{E.key==="Escape"&&g()};return document.addEventListener("mousedown",L),document.addEventListener("keydown",z),()=>{document.removeEventListener("mousedown",L),document.removeEventListener("keydown",z)}},[x,g]);const D=x&&e.jsxs("div",{ref:k,className:["ds-nav-rail-flyout",`ds-nav-rail-flyout--${d}`,m&&"ds-nav-rail-flyout--visible"].filter(Boolean).join(" "),style:N,"data-ds-portal":"",role:"dialog","aria-modal":"false",children:[s!=null&&e.jsxs("div",{className:"ds-nav-rail-flyout__header",children:[e.jsx("span",{className:"ds-nav-rail-flyout__title",children:s}),e.jsx("button",{type:"button",className:"ds-nav-rail-flyout__close",onClick:g,"aria-label":i??l.close,children:e.jsx(A.X,{size:16,strokeWidth:2})})]}),e.jsx("div",{className:"ds-nav-rail-flyout__body",children:n})]});return e.jsxs(e.Fragment,{children:[e.jsx(ke.Provider,{value:x,children:e.jsx("div",{ref:w,onClick:j,style:{display:"flex",flexDirection:"column",width:"100%"},children:t})}),typeof document<"u"&&ee.createPortal(D,document.body)]})}const gs={info:A.Info,success:A.CheckCircle,warning:A.AlertTriangle,error:A.XCircle};function ys({children:t,variant:s="info",action:n,onAction:r,onDismiss:a,role:o,dismissLabel:i,...l}){const d=q(),f=gs[s],u=o||(s==="error"?"alert":"status");return e.jsxs("div",{className:`ds-banner ds-banner--${s}`,role:u,...l,children:[f&&e.jsx("span",{className:"ds-banner-icon","aria-hidden":"true",children:e.jsx(f,{size:V[2],strokeWidth:1.5})}),e.jsx("span",{className:"ds-banner-text",children:t}),n&&e.jsx("button",{type:"button",className:"ds-banner-action",onClick:r,children:n}),a&&e.jsx("button",{type:"button",className:"ds-banner-dismiss",onClick:a,"aria-label":i??d.dismiss,children:e.jsx(A.X,{size:V[2],strokeWidth:1.5})})]})}function ks({trigger:t,items:s=[],open:n,onOpenChange:r,align:a="left",fullWidth:o=!1,className:i="",style:l,...d}){const[f,u]=c.useState(!1),[h,x]=c.useState(!1),m=n!==void 0,b=m?n:f,w=c.useRef(null),k=c.useRef(null),N=c.useRef(null),S=c.useRef(null),[y,g]=c.useState({}),j=c.useRef(null),B=150,D=()=>{if(m)r==null||r(!1);else{if(h)return;x(!0),j.current=setTimeout(()=>{u(!1),x(!1)},B)}},L=()=>{const _=!b;m?r==null||r(_):_?(clearTimeout(j.current),x(!1),u(!0)):D()},z=()=>{b||(m?r==null||r(!0):(clearTimeout(j.current),x(!1),u(!0)))};c.useEffect(()=>()=>clearTimeout(j.current),[]),c.useEffect(()=>{if(!b)return;const _=300,T=()=>{var X;const $=(X=w.current)==null?void 0:X.getBoundingClientRect();if(!$)return;const U=window.innerHeight-$.bottom,W=U<_+8&&$.top>U;g(a==="right"?W?{bottom:window.innerHeight-$.top+4,top:"auto",right:window.innerWidth-$.right}:{top:$.bottom+4,bottom:"auto",right:window.innerWidth-$.right}:W?{bottom:window.innerHeight-$.top+4,top:"auto",left:$.left}:{top:$.bottom+4,bottom:"auto",left:$.left})};return T(),window.addEventListener("scroll",T,!0),window.addEventListener("resize",T),()=>{window.removeEventListener("scroll",T,!0),window.removeEventListener("resize",T)}},[b,a]);const E=()=>{var T;const _=(T=N.current)==null?void 0:T.querySelector('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea');_==null||_.focus()};c.useEffect(()=>{if(!b)return;const _=$=>{var U,W;!((U=w.current)!=null&&U.contains($.target))&&!((W=k.current)!=null&&W.contains($.target))&&D()},T=$=>{$.key==="Escape"&&(D(),E())};return document.addEventListener("mousedown",_),document.addEventListener("keydown",T),()=>{document.removeEventListener("mousedown",_),document.removeEventListener("keydown",T)}},[b]),c.useEffect(()=>{if(!b||!S.current||!k.current)return;const _=P(),T=S.current==="last"?_[_.length-1]:_[0];T==null||T.focus(),S.current=null},[b]);const P=()=>k.current?[...k.current.querySelectorAll('button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])')]:[],H=_=>{var T,$;if(_.key==="ArrowDown")_.preventDefault(),b?(T=P()[0])==null||T.focus():(S.current="first",z());else if(_.key==="ArrowUp")if(_.preventDefault(),!b)S.current="last",z();else{const U=P();($=U[U.length-1])==null||$.focus()}},F=_=>{var U,W,X,p;const T=P(),$=T.findIndex(v=>v===document.activeElement);switch(_.key){case"ArrowDown":_.preventDefault(),(U=T[Math.min($+1,T.length-1)])==null||U.focus();break;case"ArrowUp":_.preventDefault(),$<=0?E():(W=T[$-1])==null||W.focus();break;case"Home":_.preventDefault(),(X=T[0])==null||X.focus();break;case"End":_.preventDefault(),(p=T[T.length-1])==null||p.focus();break;case"Tab":D();break}},C=b&&e.jsx("div",{ref:k,role:"menu","data-ds-portal":"",className:["ds-dropdown__menu",`ds-dropdown__menu--${a}`,h&&"ds-dropdown__menu--closing"].filter(Boolean).join(" "),style:y,onKeyDown:F,children:s.map((_,T)=>{if(_.separator)return e.jsx("div",{className:"ds-dropdown__separator"},T);if(_.type==="section")return e.jsxs("div",{className:"ds-dropdown__section",children:[_.label&&e.jsx("div",{className:"ds-dropdown__section-label",children:_.label}),e.jsx("div",{className:"ds-dropdown__section-content",children:_.content})]},T);const $=!!_.href,U=$?"a":"button",W=$?{href:_.disabled?void 0:_.href,"aria-disabled":_.disabled?"true":void 0}:{type:"button",disabled:_.disabled};return e.jsxs(U,{role:"menuitem",className:["ds-dropdown__item",_.danger&&"ds-dropdown__item--danger"].filter(Boolean).join(" "),...W,onClick:()=>{var X;(X=_.onClick)==null||X.call(_),D()},children:[_.icon&&e.jsx("span",{className:"ds-dropdown__item-icon",children:_.icon}),e.jsx("span",{className:"ds-dropdown__item-label",children:_.label}),_.shortcut&&e.jsx("span",{className:"ds-dropdown__item-shortcut",children:_.shortcut})]},T)})});return e.jsxs("div",{ref:w,className:["ds-dropdown",o&&"ds-dropdown--full-width",i].filter(Boolean).join(" "),style:l,...d,children:[e.jsx("div",{ref:N,className:"ds-dropdown__trigger",onClick:L,onKeyDown:H,children:t}),typeof document<"u"&&ee.createPortal(C,document.body)]})}function Es({value:t=0,size:s="m",variant:n="default",showValue:r=!1,min:a=2,animate:o=!0}){const i=Math.min(100,Math.max(0,t)),l=Math.max(a,i),d=n==="auto"?i>=70?"success":i>=50?"warning":"danger":n;return e.jsxs("div",{className:["ds-progress",`ds-progress--${s}`,!o&&"ds-progress--instant"].filter(Boolean).join(" "),role:"progressbar","aria-valuenow":i,"aria-valuemin":0,"aria-valuemax":100,children:[e.jsx("div",{className:"ds-progress__track",children:e.jsx("div",{className:`ds-progress__fill ds-progress__fill--${d}`,style:{width:`${l}%`}})}),r&&e.jsxs("span",{className:"ds-progress__value",children:[Math.round(i),"%"]})]})}const Rs=t=>1-Math.pow(1-t,3),Ss=()=>typeof window<"u"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;function tt(t,{duration:s=600}={}){const[n,r]=c.useState(t),a=c.useRef(t),o=c.useRef(null);return c.useEffect(()=>{if(Ss()){r(t),a.current=t;return}const i=a.current,l=t-i;if(l===0)return;let d=null;const f=u=>{d||(d=u);const h=Math.min((u-d)/s,1);r(i+l*Rs(h)),h<1?o.current=requestAnimationFrame(f):a.current=t};return o.current=requestAnimationFrame(f),()=>cancelAnimationFrame(o.current)},[t,s]),n}function Ts({value:t,duration:s=600,decimals:n=0,prefix:r="",suffix:a=""}){const i=tt(t,{duration:s}).toFixed(n);return`${r}${i}${a}`}function st({threshold:t=.1,rootMargin:s="0px",once:n=!1}={}){const r=c.useRef(null),[a,o]=c.useState(!1);return c.useEffect(()=>{const i=r.current;if(!i)return;const l=new IntersectionObserver(([d])=>{d.isIntersecting?(o(!0),n&&l.disconnect()):n||o(!1)},{threshold:t,rootMargin:s});return l.observe(i),()=>l.disconnect()},[t,s,n]),{ref:r,inView:a}}function $s({children:t,as:s="div",once:n=!1,threshold:r=.1,rootMargin:a="0px",onEnter:o,onLeave:i,...l}){const{ref:d,inView:f}=st({threshold:r,rootMargin:a,once:n}),u=c.useRef(!1);return c.useEffect(()=>{f&&!u.current&&(o==null||o()),!f&&u.current&&(i==null||i()),u.current=f},[f]),e.jsx(s,{ref:d,...l,children:typeof t=="function"?t(f):t})}const Xe={default:A.Info,success:A.CheckCircle,warning:A.AlertTriangle,error:A.XCircle};let me=[];const Ae=new Set;function nt(){Ae.forEach(t=>t([...me]))}function As(t){me=[...me,t],nt()}function Bs(t){me=me.filter(s=>s.id!==t),nt()}function Is(){const t=(s,n={})=>{As({id:`${Date.now()}-${Math.random()}`,message:s,type:"default",duration:4e3,...n})};return t.success=(s,n)=>t(s,{...n,type:"success"}),t.error=(s,n)=>t(s,{...n,type:"error"}),t.warning=(s,n)=>t(s,{...n,type:"warning"}),{toast:t}}function Ds({data:t,onDismiss:s}){const n=q(),[r,a]=c.useState(!1),o=c.useRef(null);c.useEffect(()=>(requestAnimationFrame(()=>a(!0)),t.duration>0&&(o.current=setTimeout(()=>i(),t.duration)),()=>clearTimeout(o.current)),[]);function i(){a(!1),setTimeout(()=>s(t.id),250)}const l=Xe[t.type]??Xe.default;return e.jsxs("div",{className:["ds-toast",`ds-toast--${t.type}`,r&&"ds-toast--visible"].filter(Boolean).join(" "),role:t.type==="error"?"alert":"status","aria-live":"polite",children:[e.jsx("div",{className:"ds-toast__icon",children:e.jsx(l,{size:V[3],strokeWidth:1.5})}),e.jsx("span",{className:"ds-toast__message",children:t.message}),e.jsx("button",{className:"ds-toast__close",onClick:i,"aria-label":n.close,children:e.jsx(A.X,{size:V[3],strokeWidth:1.5})})]})}function Ls({position:t="bottom-right"}){const[s,n]=c.useState(()=>[...me]);return c.useEffect(()=>(Ae.add(n),()=>Ae.delete(n)),[]),!s.length||typeof document>"u"?null:ee.createPortal(e.jsx("div",{"data-ds-portal":"",className:["ds-toast-container",`ds-toast-container--${t}`].join(" "),children:s.map(r=>e.jsx(Ds,{data:r,onDismiss:Bs},r.id))}),document.body)}const Ps={running:e.jsx(ce,{size:"xs",variant:"info",children:"Running..."}),success:e.jsx(ce,{size:"xs",variant:"success",children:"Done"}),error:e.jsx(ce,{size:"xs",variant:"error",children:"Error"})};function rt({label:t,status:s="idle",icon:n,badge:r,defaultExpanded:a=!1,expanded:o,onToggle:i,children:l,className:d="",...f}){const u=s==="running",h=e.jsxs("span",{className:"ds-tool-card__title-row",children:[n&&e.jsx("span",{className:"ds-tool-card__icon",children:n}),e.jsx("span",{className:"ds-tool-card__label",children:t}),Ps[s],r]});return l?e.jsx("div",{className:["ds-tool-card",u&&"ds-tool-card--running",d].filter(Boolean).join(" "),...f,children:e.jsx(ge,{title:h,padding:"s",defaultExpanded:a,expanded:u?!1:o,onToggle:u?void 0:i,children:e.jsx("div",{className:"ds-tool-card__body",children:l})})}):e.jsx("div",{className:["ds-tool-card","ds-tool-card--bubble",d].filter(Boolean).join(" "),...f,children:h})}function at({text:t,size:s="xs",timeout:n=800,"aria-label":r,...a}){const o=q(),[i,l]=c.useState(!1),d=f=>{f.currentTarget.blur(),navigator.clipboard.writeText(t).then(()=>{l(!0),setTimeout(()=>l(!1),n)})};return e.jsx(ne,{variant:"ghost",size:s,state:i?"success":"idle",icon:e.jsx(A.Copy,{size:V[1],strokeWidth:1.5}),"aria-label":r??o.copyToClipboard,onClick:d,...a})}function Cs({content:t,streaming:s=!1,...n}){const[r,a]=c.useState(s);return c.useEffect(()=>{a(!!s)},[s]),e.jsx(ge,{expanded:r,onToggle:a,padding:"s",title:e.jsxs("div",{className:"ds-reasoning__title",children:[e.jsx(A.Brain,{size:V[1],strokeWidth:1.5,className:"ds-reasoning__icon"}),e.jsx(Ze,{secondary:!0,children:"Thinking"})]}),...n,children:e.jsxs(De,{secondary:!0,style:{whiteSpace:"pre-wrap"},children:[t,s&&e.jsx("span",{className:"ds-cursor ds-cursor--line"})]})})}function Ms({count:t,current:s=0,done:n=[],onChange:r,showCounter:a=!0,className:o="","aria-label":i,...l}){const d=q(),{t:f}=ue();return e.jsxs("div",{className:["ds-step-indicator",o].filter(Boolean).join(" "),...l,children:[e.jsx("div",{className:"ds-step-indicator__dots",role:"tablist","aria-label":i??d.steps,children:Array.from({length:t},(u,h)=>{const x=h===s,m=n.includes(h)&&!x,b=r&&(h<=s||n.includes(h)),w=["ds-step-indicator__dot",x&&"ds-step-indicator__dot--active",m&&"ds-step-indicator__dot--done"].filter(Boolean).join(" ");return e.jsx("button",{type:"button",className:w,role:"tab","aria-selected":x,"aria-label":f("stepN",{n:h+1}),disabled:!b||h===s,onClick:()=>r==null?void 0:r(h),children:m?e.jsx(A.Check,{size:8,strokeWidth:3}):null},h)})}),a&&e.jsxs(De,{secondary:!0,className:"ds-step-indicator__counter",children:[s+1," / ",t]})]})}function Fs({content:t,isStreaming:s=!1,cursor:n="line",onChunk:r,className:a="",...o}){const i=c.useRef(t);return c.useEffect(()=>{t!==i.current&&(r==null||r(t),i.current=t)},[t,r]),e.jsxs("span",{className:["ds-streaming-text",a].filter(Boolean).join(" "),...o,children:[t,s&&n!=="none"&&e.jsx("span",{className:`ds-cursor ds-cursor--${n}`,"aria-hidden":"true"})]})}function zs({role:t="assistant",header:s,footer:n,attachments:r,isStreaming:a=!1,children:o,className:i="",...l}){const d=["ds-chat-message",`ds-chat-message--${t}`,a&&"ds-chat-message--streaming",i].filter(Boolean).join(" ");return t==="system"?e.jsx("div",{className:d,...l,children:e.jsx("span",{className:"ds-chat-message__system-label",children:o})}):t==="user"?e.jsxs("div",{className:d,...l,children:[r&&e.jsx("div",{className:"ds-chat-message__attachments",children:r}),e.jsx("div",{className:"ds-chat-message__bubble",children:o}),n&&e.jsx("div",{className:"ds-chat-message__footer",children:n})]}):e.jsxs("div",{className:d,...l,children:[s&&e.jsx("div",{className:"ds-chat-message__header",children:s}),r&&e.jsx("div",{className:"ds-chat-message__attachments",children:r}),e.jsx("div",{className:"ds-chat-message__body",children:o}),n&&e.jsx("div",{className:"ds-chat-message__footer",children:n})]})}function Os(t,{containerRef:s,smartPause:n=!0}={}){const r=c.useRef(!1),a=c.useRef(0);c.useEffect(()=>{const o=s==null?void 0:s.current;if(!o)return;const i=()=>{const l=o.scrollHeight-o.scrollTop-o.clientHeight<64;!l&&o.scrollTop<a.current&&(r.current=!0),l&&(r.current=!1),a.current=o.scrollTop};return o.addEventListener("scroll",i,{passive:!0}),()=>o.removeEventListener("scroll",i)},[s]),c.useEffect(()=>{const o=s==null?void 0:s.current;o&&(n&&r.current||(o.scrollTop=o.scrollHeight))},t)}function ot({prompts:t,enabled:s,typingSpeed:n=38,erasingSpeed:r=18,holdTime:a=2200,betweenTime:o=380,manualPauseMs:i=5e3}){const[l,d]=c.useState(0),[f,u]=c.useState(""),h=c.useRef("typing"),x=c.useRef(0),m=c.useRef(0),b=c.useRef(null),w=c.useRef(0);c.useEffect(()=>{m.current=l},[l]),c.useEffect(()=>{if(b.current&&(clearTimeout(b.current),b.current=null),!s||t.length===0){u(""),x.current=0,h.current="typing";return}const g=()=>{const j=Date.now();if(w.current>j){b.current=setTimeout(g,w.current-j);return}const B=t[m.current%t.length]??"";h.current==="typing"?(x.current+=1,u(B.slice(0,x.current)),x.current>=B.length?(h.current="holding",b.current=setTimeout(g,a)):b.current=setTimeout(g,n+Math.random()*28)):h.current==="holding"?(h.current="erasing",b.current=setTimeout(g,r)):(x.current=Math.max(0,x.current-1),u(B.slice(0,x.current)),x.current<=0?(h.current="typing",m.current=(m.current+1)%t.length,d(m.current),b.current=setTimeout(g,o)):b.current=setTimeout(g,r))};return b.current=setTimeout(g,260),()=>{b.current&&clearTimeout(b.current)}},[s,t,n,r,a,o]);const k=g=>{if(t.length===0)return;const j=(g%t.length+t.length)%t.length,B=t[j];m.current=j,x.current=B.length,h.current="holding",w.current=Date.now()+i,d(j),u(B)},N=()=>k(m.current+1),S=()=>k(m.current-1),y=t[l%t.length]??"";return{displayed:f,currentPrompt:y,index:l,next:N,prev:S}}let Ws=0;function Hs({value:t="",onChange:s,onSubmit:n,onStop:r,onKeyDown:a,loading:o=!1,disabled:i=!1,placeholder:l,animatedPlaceholders:d,attachments:f,images:u,onAttachFiles:h,onAttachImages:x,onRemoveAttachment:m,onRemoveImage:b,acceptImage:w,acceptFile:k,maxImages:N,maxImageSize:S,leftSlot:y,rightSlot:g,className:j="",...B}){const D=q(),{t:L}=ue(),z=c.useRef(null),E=c.useRef(null),P=c.useRef(0),[H,F]=c.useState(!1),[C,_]=c.useState([]),T=l??D.promptPlaceholder,$=R=>{const M=++Ws;_(G=>[...G,{id:M,msg:R}]),setTimeout(()=>_(G=>G.filter(J=>J.id!==M)),6e3)},U=R=>_(M=>M.filter(G=>G.id!==R)),W=R=>R.type.startsWith("image/"),X=()=>!0,p=w??W,v=k??X,I=R=>{const M=[],G=[],J=[],Q=[];let te=0,le=N!=null?N-((u==null?void 0:u.length)??0):1/0;for(const se of R)p(se)?S&&se.size>S?J.push(se.name):le>0?(M.push(se),le--):te++:v(se)?G.push(se):Q.push(se.name);return{imageFiles:M,docFiles:G,tooLarge:J,skipped:Q,limitExceeded:te}},O=R=>{const M=S?L("fileTooLargeMaxHint",{maxMb:S/1024/1024}):"";$(L("fileTooLarge",{maxHint:M,names:R.join(", ")}))},Z=R=>{const{imageFiles:M,docFiles:G,tooLarge:J,skipped:Q,limitExceeded:te}=I(R);J.length&&O(J),Q.length&&$(L("filesSkipped",{names:Q.join(", ")})),te&&$(L("maxImages",{n:N})),x&&M.length&&x(M);const le=G.concat(x?[]:M);h&&le.length&&h(le)};c.useEffect(()=>{const R=E.current;R&&(R.style.height="auto",R.style.height=`${Math.min(R.scrollHeight,200)}px`)},[t]),c.useEffect(()=>{const R=M=>{var J,Q,te;if(o||i)return;const G=(J=M.target)==null?void 0:J.tagName;G==="INPUT"||G==="TEXTAREA"||G==="SELECT"||(Q=M.target)!=null&&Q.isContentEditable||M.ctrlKey||M.metaKey||M.altKey||M.key.length!==1&&M.key!=="Backspace"&&M.key!=="Delete"||(te=E.current)==null||te.focus()};return document.addEventListener("keydown",R),()=>document.removeEventListener("keydown",R)},[o,i]);const re=R=>{R.preventDefault(),P.current++,R.dataTransfer.types.includes("Files")&&F(!0)},Y=R=>{R.preventDefault(),P.current--,P.current===0&&F(!1)},K=R=>R.preventDefault(),ie=R=>{R.preventDefault(),P.current=0,F(!1);const M=Array.from(R.dataTransfer.files);M.length&&Z(M)},he=R=>{const M=Array.from(R.target.files||[]);z.current&&(z.current.value=""),M.length&&Z(M)},Ee=R=>{var se;if(!x)return;const M=(se=R.clipboardData)==null?void 0:se.items;if(!M)return;const G=[];for(const dt of M){const Me=dt.getAsFile();Me&&G.push(Me)}if(G.length===0)return;const{imageFiles:J,tooLarge:Q,skipped:te,limitExceeded:le}=I(G);Q.length&&O(Q),te.length&&$(L("filesSkipped",{names:te.join(", ")})),le&&$(L("maxImages",{n:N})),J.length&&(R.preventDefault(),x(J))},xe=!o&&!i&&!!(d!=null&&d.length)&&t.length===0,je=ot({prompts:d??[],enabled:xe}),lt=R=>{if(xe){if(R.key==="ArrowDown"||R.key==="ArrowRight"){R.preventDefault(),je.next();return}if(R.key==="ArrowUp"||R.key==="ArrowLeft"){R.preventDefault(),je.prev();return}if(R.key==="Tab"&&!R.shiftKey){R.preventDefault(),s==null||s(je.currentPrompt);return}}a==null||a(R)},ct=(t.trim()||(u==null?void 0:u.length)>0||(f==null?void 0:f.length)>0)&&!i,Ce=h||x;return e.jsxs("div",{className:["ds-prompt-input",j].filter(Boolean).join(" "),...B,children:[Ce&&e.jsx("input",{ref:z,type:"file",multiple:!0,accept:"*/*",className:"ds-prompt-input__file-input",onChange:he}),e.jsxs("div",{className:["ds-prompt-input__box",H&&"ds-prompt-input__box--dragging"].filter(Boolean).join(" "),onDragEnter:re,onDragLeave:Y,onDragOver:K,onDrop:ie,children:[H&&e.jsx("div",{className:"ds-prompt-input__drag-overlay",children:D.dropFilesHere}),e.jsx("textarea",{ref:E,value:t,onChange:R=>s==null?void 0:s(R.target.value),onKeyDown:lt,onPaste:Ee,placeholder:xe?"":T,disabled:o||i,rows:1,className:["ds-prompt-input__textarea",xe&&"ds-prompt-input__textarea--anim"].filter(Boolean).join(" ")}),xe&&e.jsxs("div",{className:"ds-prompt-input__anim","aria-hidden":"true",children:[e.jsx("span",{className:"ds-prompt-input__anim-text",children:je.displayed}),e.jsx("span",{className:"ds-prompt-input__anim-cursor"})]}),u&&u.length>0&&e.jsx("div",{className:"ds-prompt-input__images",children:u.map((R,M)=>e.jsxs("div",{className:"ds-prompt-input__image-thumb",children:[e.jsx("img",{src:R.preview,alt:""}),e.jsx("button",{className:"ds-prompt-input__image-remove",onClick:()=>b==null?void 0:b(M),"aria-label":D.removeImage,type:"button",children:e.jsx(A.X,{size:12,strokeWidth:2})})]},M))}),C.length>0&&e.jsx("div",{className:"ds-prompt-input__warnings",children:C.map(R=>e.jsxs("div",{className:"ds-prompt-input__warning",role:"alert",children:[e.jsx("span",{children:R.msg}),e.jsx("button",{type:"button",className:"ds-prompt-input__warning-close",onClick:()=>U(R.id),"aria-label":D.dismiss,children:e.jsx(A.X,{size:V[1],strokeWidth:1.5})})]},R.id))}),f&&f.length>0&&e.jsx("div",{className:"ds-prompt-input__attachments",children:f.map((R,M)=>e.jsx(ce,{size:"xs",children:e.jsxs("span",{className:"ds-prompt-input__badge-content",children:[R.uploading?e.jsx(A.Loader,{size:V[1],strokeWidth:1.5,className:"spin"}):e.jsx(A.Paperclip,{size:V[1],strokeWidth:1.5}),R.filename,R.uploading?e.jsx("span",{className:"ds-prompt-input__uploading",children:D.uploading}):e.jsx("button",{type:"button",className:"ds-prompt-input__remove-btn",onClick:()=>m==null?void 0:m(M),"aria-label":D.removeAttachment,children:e.jsx(A.X,{size:V[1],strokeWidth:1.5})})]})},M))}),e.jsxs("div",{className:"ds-prompt-input__toolbar",children:[Ce&&e.jsx(ne,{variant:"ghost",size:"xs",icon:e.jsx(A.Paperclip,{size:V[2],strokeWidth:1.5}),"aria-label":D.attachFiles,onClick:()=>{var R;return(R=z.current)==null?void 0:R.click()}}),y,g,e.jsx("div",{className:"ds-prompt-input__spacer"}),o?e.jsx(ne,{variant:"primary",size:"xs",icon:e.jsx(A.Square,{size:V[2],strokeWidth:1.5}),onClick:r,"aria-label":D.stop}):e.jsx(ne,{variant:"primary",size:"xs",icon:e.jsx(A.ArrowUp,{size:V[2],strokeWidth:1.5}),onClick:n,disabled:!ct,"aria-label":D.send})]})]})]})}const Ye={fast:0,standard:1,premium:2},qe={fast:"data-5",standard:"data-3",premium:"data-6"};function Us({models:t=[],value:s,onChange:n,size:r="xs",minTier:a,showAutoOption:o=!1,groupByTier:i=!0,className:l="",...d}){const[f,u]=c.useState(!1),h=c.useRef(null),x=c.useRef(null),m=c.useRef(null),[b,w]=c.useState({}),k=t.filter(E=>!a||E.name==="auto"?!0:(Ye[E.tier]??1)>=(Ye[a]??1)),N=k.find(E=>E.name==="auto"),S=k.filter(E=>E.name!=="auto"),y=t.find(E=>E.name===s),j=new Set(S.map(E=>E.tier).filter(Boolean)).size>1;c.useEffect(()=>{if(!f)return;const E=320,P=()=>{var $;const C=($=x.current)==null?void 0:$.getBoundingClientRect();if(!C)return;const _=window.innerHeight-C.bottom,T=_<E+8&&C.top>_;w({position:"fixed",zIndex:"var(--z-dropdown, 500)",left:C.left,...T?{bottom:window.innerHeight-C.top+4,top:"auto"}:{top:C.bottom+4,bottom:"auto"}})};P(),window.addEventListener("scroll",P,!0),window.addEventListener("resize",P);const H=C=>{var _,T;!((_=h.current)!=null&&_.contains(C.target))&&!((T=m.current)!=null&&T.contains(C.target))&&u(!1)},F=C=>{C.key==="Escape"&&u(!1)};return document.addEventListener("mousedown",H),document.addEventListener("keydown",F),()=>{window.removeEventListener("scroll",P,!0),window.removeEventListener("resize",P),document.removeEventListener("mousedown",H),document.removeEventListener("keydown",F)}},[f]);const B=E=>{n==null||n(E),u(!1)},D=E=>e.jsxs("button",{type:"button",className:["ds-model-picker__item",E.name===s&&"ds-model-picker__item--active"].filter(Boolean).join(" "),onClick:()=>B(E.name),children:[E.icon?e.jsx("span",{className:"ds-model-picker__item-icon",children:E.icon}):e.jsx(A.Cpu,{size:12,strokeWidth:1.5,className:"ds-model-picker__item-icon"}),e.jsx("span",{className:"ds-model-picker__item-name",children:E.displayName||E.name}),j&&E.tier&&e.jsx(ce,{size:"xs",variant:qe[E.tier]||"default",children:E.tier})]},E.name),L=()=>!i||!j?S.map(D):["fast","standard","premium"].flatMap(E=>{const P=S.filter(H=>H.tier===E);return P.length?[e.jsx("div",{className:"ds-model-picker__group-label","data-tier":E,children:E.charAt(0).toUpperCase()+E.slice(1)},`lbl-${E}`),...P.map(D)]:[]}),z=f&&e.jsxs("div",{ref:m,className:"ds-model-picker__menu ds-scrollable","data-ds-portal":"",style:b,children:[o&&N&&e.jsxs(e.Fragment,{children:[e.jsxs("button",{type:"button",className:["ds-model-picker__item","ds-model-picker__item--auto",s==="auto"&&"ds-model-picker__item--active"].filter(Boolean).join(" "),onClick:()=>B("auto"),children:[e.jsx(A.Zap,{size:12,strokeWidth:1.5,className:"ds-model-picker__item-icon"}),e.jsx("span",{className:"ds-model-picker__item-name",children:"Auto (smart routing)"})]}),S.length>0&&e.jsx("div",{className:"ds-model-picker__separator"})]}),L()]});return e.jsxs("div",{ref:h,className:["ds-model-picker",l].filter(Boolean).join(" "),...d,children:[e.jsxs("button",{ref:x,type:"button",className:"ds-model-picker__trigger",onClick:()=>u(E=>!E),"aria-haspopup":"listbox","aria-expanded":f,children:[y!=null&&y.icon?e.jsx("span",{children:y.icon}):e.jsx(A.Cpu,{size:12,strokeWidth:1.5}),e.jsx("span",{className:"ds-model-picker__trigger-name",children:(y==null?void 0:y.displayName)||(y==null?void 0:y.name)||s}),j&&(y==null?void 0:y.tier)&&e.jsx(ce,{size:"xs",variant:qe[y.tier]||"default",children:y.tier})]}),typeof document<"u"&&ee.createPortal(z,document.body)]})}const Vs=({filename:t,pagesLabel:s})=>e.jsxs("span",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",minWidth:0},children:[e.jsx("span",{className:"ds-sources-panel__filename",children:t}),s&&e.jsx("span",{className:"ds-sources-panel__pages",children:s})]});function Xs(t){const s=new Map;for(const n of t)s.has(n.filename)||s.set(n.filename,{filename:n.filename,url:n.url,items:[]}),s.get(n.filename).items.push(n);return[...s.values()]}function Ys({sources:t=[],layout:s="list",title:n,maxVisible:r=5,onSourceClick:a}){const o=q(),{t:i}=ue(),l=n??o.sources,[d,f]=c.useState(!1),u=Xs(t),h=u.length>r,x=d?u:u.slice(0,r),m=t.some(N=>N.snippet),b=N=>N!=null&&N.length?i("pageAbbrev",{pages:N.join(", ")}):null,w=i("moreSources",{n:u.length-r}),k=["ds-sources-panel",s==="compact"&&"ds-sources-panel--compact"].filter(Boolean).join(" ");return s==="compact"?e.jsxs("div",{className:k,children:[x.map(N=>{const S=N.items.map(j=>j.page).filter(Boolean),y=b(S),g=!!a;return e.jsxs("div",{className:`ds-sources-panel__compact-row${g?" ds-sources-panel__compact-row--clickable":""}`,onClick:g?()=>a(N.items[0]):void 0,children:[e.jsx(A.FileText,{size:V[1],strokeWidth:1.5,className:"ds-sources-panel__compact-icon"}),e.jsx("span",{className:"ds-sources-panel__filename",children:N.filename}),y&&e.jsx("span",{className:"ds-sources-panel__pages",children:y})]},N.filename)}),h&&!d&&e.jsx("button",{className:"ds-sources-panel__more",onClick:()=>f(!0),children:w})]}):e.jsxs("div",{className:k,children:[l&&e.jsx("div",{className:"ds-sources-panel__title",children:l}),x.map(N=>{const S=N.items.map(j=>j.page).filter(Boolean),y=b(S),g=!!a;return m?e.jsx(ge,{title:e.jsx(Vs,{filename:N.filename,pagesLabel:y}),padding:"s",children:N.items.map((j,B)=>e.jsx("div",{className:`ds-sources-panel__snippet${g?" ds-sources-panel__snippet--clickable":""}`,onClick:g?()=>a(j):void 0,children:j.snippet??i("pageAbbrev",{pages:j.page})},B))},N.filename):e.jsxs("div",{className:`ds-sources-panel__row${g?" ds-sources-panel__row--clickable":""}`,onClick:g?()=>a(N.items[0]):void 0,children:[e.jsx("span",{className:"ds-sources-panel__filename",children:N.filename}),y&&e.jsx("span",{className:"ds-sources-panel__pages",children:y})]},N.filename)}),h&&!d&&e.jsx("button",{className:"ds-sources-panel__more",onClick:()=>f(!0),children:w})]})}function Ge(t){return t>=1e6?(t/1e6).toFixed(1).replace(/\.0$/,"")+"M":t>=1e3?(t/1e3).toFixed(1).replace(/\.0$/,"")+"K":String(t)}function qs({used:t,limit:s,size:n="s",showCount:r=!0,showPercent:a=!1,warningThreshold:o=.8,errorThreshold:i=1}){const l=s>0?t/s:0,d=Math.min(l*100,100),f=l>=i?"error":l>=o?"warning":"normal";return e.jsxs("div",{className:`ds-token-counter ds-token-counter--${n}`,role:"meter","aria-valuenow":t,"aria-valuemax":s,children:[e.jsx("div",{className:"ds-token-counter__track",children:e.jsx("div",{className:`ds-token-counter__fill ds-token-counter__fill--${f}`,style:{width:`${d}%`}})}),(r||a)&&e.jsxs("div",{className:`ds-token-counter__label ds-token-counter__label--${f}`,children:[r&&e.jsxs("span",{children:[Ge(t)," / ",Ge(s)]}),a&&e.jsxs("span",{style:{marginLeft:"auto"},children:[Math.round(l*100),"%"]})]})]})}const Ke=5;function Gs(t){return t<.34?"low":t<.67?"medium":"high"}function Ks({value:t=0,size:s="xs",showLabel:n="none",layout:r="inline"}){const a=Math.max(0,Math.min(1,t)),o=Math.round(a*Ke),i=Gs(a);return e.jsxs("div",{className:["ds-confidence-bar",`ds-confidence-bar--${s}`,`ds-confidence-bar--${i}`,r==="block"&&"ds-confidence-bar--block"].filter(Boolean).join(" "),children:[e.jsx("div",{className:"ds-confidence-bar__segments","aria-hidden":"true",children:Array.from({length:Ke},(l,d)=>e.jsx("div",{className:`ds-confidence-bar__seg${d<o?" ds-confidence-bar__seg--filled":""}`},d))}),n==="text"&&e.jsx("span",{className:"ds-confidence-bar__label",children:i})]})}const Js={add:"+",remove:"-",context:" "};function Re({line:t,lineNumbers:s}){return e.jsxs("div",{className:`ds-diff-view__line ds-diff-view__line--${t.type}`,children:[s&&t.lineNo!=null&&e.jsx("span",{className:"ds-diff-view__lineno",children:t.lineNo}),e.jsx("span",{className:"ds-diff-view__prefix",children:Js[t.type]}),e.jsx("span",{className:"ds-diff-view__text",children:t.text})]})}function Zs({lines:t=[],layout:s="inline",wordWrap:n=!1,lineNumbers:r=!0,maxHeight:a,title:o}){const i=["ds-diff-view",`ds-diff-view--${s}`,n&&"ds-diff-view--wrap"].filter(Boolean).join(" "),l=a?{maxHeight:a,overflowY:"auto"}:void 0;if(s==="split"){const d=t.filter(u=>u.type==="remove"||u.type==="context"),f=t.filter(u=>u.type==="add"||u.type==="context");return e.jsxs("div",{className:i,children:[o&&e.jsx("div",{className:"ds-diff-view__title",children:o}),e.jsxs("div",{className:"ds-diff-view__body ds-scrollable",style:l,children:[e.jsx("div",{className:"ds-diff-view__split-col ds-scrollable",children:d.map((u,h)=>e.jsx(Re,{line:u,lineNumbers:r},h))}),e.jsx("div",{className:"ds-diff-view__split-col ds-scrollable",children:f.map((u,h)=>e.jsx(Re,{line:u,lineNumbers:r},h))})]})]})}return e.jsxs("div",{className:i,children:[o&&e.jsx("div",{className:"ds-diff-view__title",children:o}),e.jsx("div",{className:"ds-diff-view__body ds-scrollable",style:l,children:t.map((d,f)=>e.jsx(Re,{line:d,lineNumbers:r},f))})]})}function it({value:t="idle",onLike:s,onDislike:n,className:r="",likeLabel:a,dislikeLabel:o,...i}){const l=q(),d=t!=="idle";return e.jsxs("div",{className:["ds-message-feedback",d&&"ds-message-feedback--voted",r].filter(Boolean).join(" "),...i,children:[(!d||t==="liked")&&e.jsx("button",{className:["ds-message-feedback__btn",t==="liked"&&"ds-message-feedback__btn--liked"].filter(Boolean).join(" "),onClick:s,disabled:d,"aria-label":a??l.like,"aria-pressed":t==="liked",children:e.jsx(A.ThumbsUp,{size:V[1],strokeWidth:1.5,fill:t==="liked"?"currentColor":"none"})}),(!d||t==="disliked")&&e.jsx("button",{className:["ds-message-feedback__btn",t==="disliked"&&"ds-message-feedback__btn--disliked"].filter(Boolean).join(" "),onClick:n,disabled:d,"aria-label":o??l.dislike,"aria-pressed":t==="disliked",children:e.jsx(A.ThumbsDown,{size:V[1],strokeWidth:1.5,fill:t==="disliked"?"currentColor":"none"})})]})}function Qs(t){const s=t instanceof Date?t:new Date(t);if(isNaN(s))return null;const n=new Date,r=s.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",hour12:!1}),a=new Date(n.getFullYear(),n.getMonth(),n.getDate()),o=new Date(a-864e5);if(s>=a)return r;if(s>=o)return`Yesterday ${r}`;const i=s.getDate(),l=s.toLocaleString([],{month:"short"});return`${i} ${l} ${r}`}function en({role:t="assistant",text:s,timestamp:n,feedbackValue:r="idle",onLike:a,onDislike:o,className:i="",...l}){const d=t==="assistant"&&(a||o),f=!!s,u=n?Qs(n):null;return!d&&!f&&!u?null:e.jsxs("div",{className:["ds-message-footer",`ds-message-footer--${t}`,i].filter(Boolean).join(" "),...l,children:[t==="user"&&u&&e.jsx("span",{className:"ds-message-footer__timestamp ds-message-action",children:u}),d&&e.jsx(it,{className:"ds-message-action",value:r,onLike:a,onDislike:o}),f&&e.jsx(at,{className:"ds-message-action",text:s}),t==="assistant"&&u&&e.jsx("span",{className:"ds-message-footer__timestamp ds-message-action",children:u})]})}function tn({label:t,className:s="",...n}){return e.jsxs("span",{className:["ds-thinking-dot",s].filter(Boolean).join(" "),...n,children:[e.jsx("span",{className:"ds-thinking-dot__pulse"}),t&&e.jsx("span",{className:"ds-thinking-dot__label",children:t})]})}function sn({variant:t="light",glow:s,mask:n=!0,style:r,...a}){const o=t==="dark",i=s??o,l=o?"rgba(255,250,250,0.05)":"var(--color-border-light)",d=o?"rgba(255,250,250,0.025)":"color-mix(in srgb, var(--color-border-light) 50%, transparent)";return e.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none",overflow:"hidden",zIndex:0,...i&&{background:"radial-gradient(ellipse 1000px 500px at 50% 30%, rgba(234,100,100,0.18), transparent 70%)"},...r},...a,children:e.jsx("div",{style:{position:"absolute",inset:0,backgroundImage:[`linear-gradient(${l} 1px, transparent 1px)`,`linear-gradient(90deg, ${l} 1px, transparent 1px)`,`linear-gradient(${d} 1px, transparent 1px)`,`linear-gradient(90deg, ${d} 1px, transparent 1px)`].join(", "),backgroundSize:"80px 80px, 80px 80px, 16px 16px, 16px 16px",backgroundPosition:"-1px -1px, -1px -1px, -1px -1px, -1px -1px",...n&&{WebkitMaskImage:"radial-gradient(ellipse at center, #000 30%, transparent 85%)",maskImage:"radial-gradient(ellipse at center, #000 30%, transparent 85%)"}}})})}function nn({children:t,axis:s="y",style:n,className:r="",...a}){const o=s==="x"?{overflowX:"auto",overflowY:"hidden"}:s==="both"?{overflow:"auto"}:{overflowY:"auto",overflowX:"hidden"};return e.jsx("div",{className:`ds-scrollable ${r}`,style:{...o,...n},...a,children:t})}const Se=280,rn=22,an=14,oe=8,we=6,on=200;function ln(t){return t?typeof t=="function"?t():typeof t=="string"?document.querySelector(t):null:null}function cn(t,s,n,r){const a=window.innerWidth,o=window.innerHeight;if(o-t.bottom>=s+r+oe)return"bottom";if(t.top>=s+r+oe)return"top";if(a-t.right>=n+r+oe)return"right";if(t.left>=n+r+oe)return"left";const i=Math.max(t.top,o-t.bottom,a-t.right,t.left);return i===o-t.bottom?"bottom":i===t.top?"top":i===a-t.right?"right":"left"}function dn(t,s,n,r,a){const o=window.innerWidth,i=window.innerHeight;let l,d;switch(t){case"top":l=s.top-n-a,d=s.left+s.width/2-r/2;break;case"bottom":l=s.bottom+a,d=s.left+s.width/2-r/2;break;case"left":l=s.top+s.height/2-n/2,d=s.left-r-a;break;default:l=s.top+s.height/2-n/2,d=s.right+a}const f=Math.max(oe,Math.min(o-r-oe,d)),u=Math.max(oe,Math.min(i-n-oe,l));return{top:u,left:f,arrowOffset:d-f,arrowOffsetY:l-u}}function un({steps:t,currentStep:s,onNext:n,onBack:r,onSkip:a,onFinish:o,overlay:i=!0,ring:l=!0,labelNext:d,labelBack:f,labelSkip:u,labelFinish:h,statePrimary:x="idle",stateBack:m="idle"}){const b=q(),{t:w}=ue(),k=d??b.next,N=f??b.back,S=u??b.skipTour,y=h??b.done,g=c.useRef(null),j=c.useRef(t),B=c.useRef(s),D=c.useRef(l);j.current=t,B.current=s,D.current=l;const[L,z]=c.useState(!1),[E,P]=c.useState({position:"fixed",visibility:"hidden",width:Se}),[H,F]=c.useState("bottom"),[C,_]=c.useState(null),T=c.useRef(!1),$=t[s],U=s===t.length-1,W=c.useCallback(()=>{const X=j.current[B.current];if(!X||!g.current)return;const p=ln(X.target);if(!p)return;const v=p.getBoundingClientRect(),O=g.current.getBoundingClientRect().height||160,Z=Se,re=D.current?rn:an,Y=X.position||cn(v,O,Z,re),{top:K,left:ie,arrowOffset:he,arrowOffsetY:Ee}=dn(Y,v,O,Z,re);F(Y),P({position:"fixed",top:K,left:ie,width:Se,visibility:"visible","--arrow-offset":`${he}px`,"--arrow-offset-y":`${Ee}px`}),_({top:v.top-we,left:v.left-we,width:v.width+we*2,height:v.height+we*2})},[]);return c.useEffect(()=>{window.addEventListener("scroll",W,!0),window.addEventListener("resize",W);const X=requestAnimationFrame(()=>{W(),z(!0),T.current=!0});return()=>{cancelAnimationFrame(X),window.removeEventListener("scroll",W,!0),window.removeEventListener("resize",W)}},[]),c.useEffect(()=>{if(!T.current)return;z(!1);const X=setTimeout(()=>{P(p=>({...p,visibility:"hidden"})),requestAnimationFrame(()=>{W(),z(!0)})},on+20);return()=>clearTimeout(X)},[s]),c.useEffect(()=>{L&&g.current&&g.current.focus({preventScroll:!0})},[L]),c.useEffect(()=>{const X=p=>{p.key==="Escape"&&a()};return document.addEventListener("keydown",X),()=>document.removeEventListener("keydown",X)},[a]),c.useEffect(()=>{if(!L)return;const X=p=>{if(p.key!=="Tab"||!g.current)return;const v=Array.from(g.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])'));if(!v.length)return;const I=v[0],O=v[v.length-1];p.shiftKey&&document.activeElement===I?(p.preventDefault(),O.focus()):!p.shiftKey&&document.activeElement===O&&(p.preventDefault(),I.focus())};return document.addEventListener("keydown",X),()=>document.removeEventListener("keydown",X)},[L]),!$||typeof document>"u"?null:ee.createPortal(e.jsxs(e.Fragment,{children:[C&&e.jsx("div",{className:["ds-coachmark__spotlight",i&&"ds-coachmark__spotlight--overlay",!l&&"ds-coachmark__spotlight--no-ring",L&&"ds-coachmark__spotlight--visible"].filter(Boolean).join(" "),style:C,"aria-hidden":"true"}),e.jsxs("div",{ref:g,"data-ds-portal":"",role:"dialog","aria-modal":"false","aria-live":"polite","aria-label":$.title??w("stepOf",{current:s+1,total:t.length}),className:["ds-coachmark__bubble",`ds-coachmark__bubble--${H}`,L&&"ds-coachmark__bubble--visible"].filter(Boolean).join(" "),style:E,tabIndex:-1,children:[e.jsx("button",{type:"button",className:"ds-coachmark__close",onClick:a,"aria-label":S,children:e.jsx(A.X,{size:16,strokeWidth:2})}),$.title&&e.jsx("div",{className:"ds-coachmark__title",children:$.title}),e.jsx("div",{className:"ds-coachmark__body",children:$.content}),e.jsxs("div",{className:"ds-coachmark__footer",children:[t.length>1&&e.jsxs("span",{className:"ds-coachmark__counter",children:[s+1," / ",t.length]}),e.jsxs("div",{className:"ds-coachmark__footer-nav",children:[s>0&&e.jsx(ne,{variant:"secondary",size:"s",state:m,onClick:r,children:N}),e.jsx(ne,{variant:"primary",size:"s",state:x,onClick:U?o:n,children:U?y:k})]})]})]})]}),document.body)}function fn(t,s={}){const{storageKey:n}=s,[r,a]=c.useState(0),[o,i]=c.useState(!1),l=()=>n&&typeof localStorage<"u"&&localStorage.getItem(n)==="done",d=c.useCallback(()=>{i(!1),n&&typeof localStorage<"u"&&localStorage.setItem(n,"done")},[n]);return{currentStep:r,isActive:o,start:()=>{l()||(a(0),i(!0))},next:()=>a(f=>Math.min(f+1,t.length-1)),back:()=>a(f=>Math.max(f-1,0)),skip:d,finish:d}}function mn(){const t=c.useRef(null),s=c.useCallback(()=>{const n=t.current;if(!n)return;n.classList.remove("ds-shake"),n.offsetWidth,n.classList.add("ds-shake");const r=()=>{n.classList.remove("ds-shake"),n.removeEventListener("animationend",r)};n.addEventListener("animationend",r)},[]);return{ref:t,shake:s}}exports.Accordion=ge;exports.Alert=Et;exports.AnimatedNumber=Ts;exports.Avatar=Jt;exports.Badge=ce;exports.Banner=ys;exports.BottomSheet=At;exports.Breadcrumb=ls;exports.BrowserPane=Pt;exports.BrowserTabs=Ct;exports.Button=ne;exports.Card=_t;exports.ChatMessage=zs;exports.Checkbox=Xt;exports.Coachmark=un;exports.Code=Bt;exports.CodeAccordion=Qe;exports.ConfidenceBar=Ks;exports.CopyButton=at;exports.DiffView=Zs;exports.Dropdown=ks;exports.EmptyState=as;exports.EngineerGrid=sn;exports.FormField=os;exports.H1=jt;exports.H2=Nt;exports.H3=wt;exports.H4=gt;exports.InView=$s;exports.Input=ht;exports.Link=It;exports.List=Mt;exports.ListRow=Ft;exports.LocaleProvider=mt;exports.Mention=Ut;exports.MessageFeedback=it;exports.MessageFooter=en;exports.Modal=Tt;exports.ModalFooter=de;exports.ModelPicker=Us;exports.NavRail=ms;exports.NavRailAgent=Ns;exports.NavRailBody=hs;exports.NavRailCustomItem=js;exports.NavRailDivider=bs;exports.NavRailFlyout=ws;exports.NavRailFooter=vs;exports.NavRailHeader=xs;exports.NavRailItem=ps;exports.NavRailRecents=_s;exports.P1=yt;exports.P2=Ze;exports.P3=De;exports.Pagination=cs;exports.ProgressBar=Es;exports.PromptInput=Hs;exports.Radio=Yt;exports.ReasoningBlock=Cs;exports.Scrollable=nn;exports.SegmentedControl=zt;exports.Select=vt;exports.SidePage=fs;exports.SidePageFooter=$e;exports.Skeleton=et;exports.SourcesPanel=Ys;exports.Spinner=Je;exports.Stat=is;exports.StepIndicator=Ms;exports.Stepper=bt;exports.StreamingText=Fs;exports.Tab=Lt;exports.Table=Zt;exports.TableBody=es;exports.TableHead=Qt;exports.TableRow=ts;exports.TableSubheaderRow=ss;exports.Tabs=Dt;exports.Td=rs;exports.Textarea=xt;exports.Th=ns;exports.ThinkingDot=tn;exports.ToastContainer=Ls;exports.Toggle=Vt;exports.TokenCounter=qs;exports.ToolCallBubble=rt;exports.ToolCallCard=rt;exports.Tooltip=ye;exports.defaultStrings=_e;exports.formatString=Be;exports.iconSizes=V;exports.useAnimatedNumber=tt;exports.useAnimatedPlaceholder=ot;exports.useCoachmark=fn;exports.useInView=st;exports.useLocale=ue;exports.useShake=mn;exports.useStreamScroll=Os;exports.useStrings=q;exports.useToast=Is;
|
package/dist/index.es.js
CHANGED
|
@@ -937,6 +937,7 @@ function zs({
|
|
|
937
937
|
"div",
|
|
938
938
|
{
|
|
939
939
|
className: [`ds-modal ds-modal--${r}`, a && "ds-modal--scrollable"].filter(Boolean).join(" "),
|
|
940
|
+
"data-surface": "2",
|
|
940
941
|
ref: d,
|
|
941
942
|
role: "dialog",
|
|
942
943
|
"aria-modal": "true",
|
|
@@ -1007,6 +1008,7 @@ function Fs({
|
|
|
1007
1008
|
{
|
|
1008
1009
|
ref: c,
|
|
1009
1010
|
className: ["ds-bottom-sheet", d && "ds-bottom-sheet--closing"].filter(Boolean).join(" "),
|
|
1011
|
+
"data-surface": "2",
|
|
1010
1012
|
role: "dialog",
|
|
1011
1013
|
"aria-modal": "true",
|
|
1012
1014
|
"aria-labelledby": s ? u : void 0,
|
|
@@ -1995,6 +1997,7 @@ function mn({
|
|
|
1995
1997
|
{
|
|
1996
1998
|
ref: h,
|
|
1997
1999
|
className: ["ds-side-page", v && "ds-side-page--closing"].filter(Boolean).join(" "),
|
|
2000
|
+
"data-surface": "2",
|
|
1998
2001
|
"data-side": a,
|
|
1999
2002
|
"data-size": o,
|
|
2000
2003
|
role: "dialog",
|
package/dist/tokens.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@layer base{:root{--color-white: #F8F9FA;--color-black: #0E0F11;--color-red-light: #EE7A7A;--color-red: #EA6464;--color-red-dark: #E15252;--data-red: #EA6464;--data-orange: #F59E42;--data-yellow: #FFCD1B;--data-teal: #34D399;--data-blue: #60A5FA;--data-violet: #A78BFA;--data-pink: #F472B6;--color-info: #60A5FA;--color-info-dark: #2563EB;--color-success: #00C86E;--color-success-dark: #00A055;--color-warning: #FFBB00;--color-warning-dark: #D97706;--color-error: #FF1200;--color-error-dark: #DC2626;--color-surface-0: #0E0F11;--color-surface-1: #16181C;--color-surface-2: #1E2026;--color-surface-3: #262830;--color-fg-primary: rgba(248, 249, 250, .92);--color-fg-secondary: rgba(248, 249, 250, .65);--color-fg-disabled: rgba(248, 249, 250, .3);--color-state-hover: rgba(248, 249, 250, .07);--color-state-active: rgba(248, 249, 250, .12);--color-state-selected: rgba(248, 249, 250, .1);--color-state-focus: rgba(248, 249, 250, .3);--color-border-light: rgba(248, 249, 250, .08);--color-border-default: rgba(248, 249, 250, .2);--color-border-strong: rgba(248, 249, 250, .4);--color-border-focus: rgba(248, 249, 250, .5);--color-accent-default: var(--color-red);--color-accent-hover: var(--color-red-light);--color-accent-fg: var(--color-white);--color-accent-hover-fg: var(--color-accent-fg);--color-accent-bg: rgba(234, 100, 100, .12);--color-status-info: var(--color-info);--color-status-info-bg: rgba(37, 99, 235, .15);--color-status-success: var(--color-success);--color-status-success-bg: rgba(0, 160, 85, .15);--color-status-warning: var(--color-warning);--color-status-warning-bg: rgba(217, 119, 6, .15);--color-status-error: var(--color-error);--color-status-error-bg: rgba(220, 38, 38, .15);--color-overlay: rgba(14, 15, 17, .65);--control-checked-bg: var(--color-status-success);--control-checked-border: var(--color-status-success);--control-checked-fg: var(--color-white);--logo-fg-on-dark: var(--color-white);--logo-fg-on-light: var(--color-black);--logo-fg: var(--logo-fg-on-dark);--data-1-fg: var(--data-red);--data-1-bg: rgba(234, 100, 100, .15);--data-1-border: rgba(234, 100, 100, .35);--data-2-fg: var(--data-orange);--data-2-bg: rgba(245, 158, 66, .15);--data-2-border: rgba(245, 158, 66, .35);--data-3-fg: var(--data-yellow);--data-3-bg: rgba(255, 205, 27, .15);--data-3-border: rgba(255, 205, 27, .35);--data-4-fg: var(--data-teal);--data-4-bg: rgba( 52, 211, 153, .15);--data-4-border: rgba( 52, 211, 153, .35);--data-5-fg: var(--data-blue);--data-5-bg: rgba( 96, 165, 250, .15);--data-5-border: rgba( 96, 165, 250, .35);--data-6-fg: var(--data-violet);--data-6-bg: rgba(167, 139, 250, .15);--data-6-border: rgba(167, 139, 250, .35);--data-7-fg: var(--data-pink);--data-7-bg: rgba(244, 114, 182, .15);--data-7-border: rgba(244, 114, 182, .35);--shadow-1: 0 2px 8px rgba(0, 0, 0, .4), 0 0 0 1px rgba(248, 249, 250, .06);--shadow-2: 0 8px 24px rgba(0, 0, 0, .5), 0 0 0 1px rgba(248, 249, 250, .08);--shadow-3: 0 16px 48px rgba(0, 0, 0, .6), 0 0 0 1px rgba(248, 249, 250, .1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-1: 2px;--radius-2: 4px;--radius-3: 6px;--radius-4: 8px;--radius-6: 12px;--radius-8: 16px;--radius-full: 9999px;--height-1: 24px;--height-2: 32px;--height-2-5: 36px;--height-3: 44px;--height-4: 56px;--icon-1: 16px;--icon-2: 20px;--icon-3: 24px;--icon-4: 28px;--icon-5: 48px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--font-mono: "Fira Code", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--text-4xl: 32px;--text-3xl: 28px;--text-2xl: 24px;--text-xl: 20px;--text-lg: 16px;--text-md: 14px;--text-sm: 12px;--text-xs: 10px;--tracking-4xl: 0;--tracking-3xl: 0;--tracking-2xl: 0;--tracking-xl: 0;--tracking-lg: .02em;--tracking-md: .04em;--tracking-sm: .06em;--z-sticky: 100;--z-drawer: 200;--z-modal: 300;--z-dropdown: 400;--z-toast: 500;--z-tooltip: 600;--layout-padding-x: 16px;--layout-padding-y: 32px;--layout-header-height: 64px;--easing-standard: cubic-bezier(.2, 0, 0, 1);--easing-decelerate: cubic-bezier(0, 0, .2, 1);--easing-accelerate: cubic-bezier(.3, 0, 1, 1);--easing-emphasized: cubic-bezier(.2, 0, 0, 1);--motion-duration-instant: .1s;--motion-duration-quick: .2s;--motion-duration-moderate: .3s;--motion-duration-slow: .5s;--motion-hover: var(--motion-duration-quick) var(--easing-standard);--motion-enter: var(--motion-duration-moderate) var(--easing-decelerate);--motion-exit: var(--motion-duration-quick) var(--easing-accelerate);--motion-emphasis: var(--motion-duration-slow) var(--easing-emphasized);--transition-fast: var(--motion-duration-instant) var(--easing-standard);--transition-normal: var(--motion-duration-quick) var(--easing-standard);--transition-slow: var(--motion-duration-moderate) var(--easing-standard);--state-disabled-opacity: .4;--focus-ring-color: var(--color-state-focus);--focus-ring-offset: 2px;--focus-ring-width: 2px;--focus-ring: 0 0 0 var(--focus-ring-offset) var(--color-surface-0), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);--font-ui: inherit;--ui-font-weight: var(--font-weight-medium);--ui-tracking: 0;--tab-tracking: 0;--ui-text-transform: none;--tab-font-size-xs: var(--text-sm);--tab-font-size-s: var(--text-md);--tab-font-size-m: var(--text-lg);--tab-font-size-l: var(--text-lg);--tab-icon-size-xs: var(--icon-1);--tab-icon-size-s: var(--icon-2);--tab-icon-size-m: var(--icon-2);--tab-icon-size-l: var(--icon-2);--label-font-size: var(--text-md);--label-color: var(--color-fg-primary);--label-tracking: 0;--label-text-transform: none;--field-border: var(--color-border-default);--field-border-active: var(--color-border-strong);--btn-padding-ratio: .5;--btn-font-weight: var(--font-weight-medium);--btn-font-size-xs: var(--text-sm);--btn-font-size-s: var(--text-md);--btn-font-size-m: var(--text-lg);--btn-font-size-l: var(--text-lg);--btn-icon-size-xs: var(--icon-1);--btn-icon-size-s: var(--icon-2);--btn-icon-size-m: var(--icon-2);--btn-icon-size-l: var(--icon-2);--btn-secondary-color: var(--color-fg-primary);--btn-secondary-border: var(--color-border-default);--btn-secondary-hover-border: var(--color-border-strong);--btn-secondary-hover-bg: var(--color-state-hover);--btn-secondary-hover-color: var(--btn-secondary-color);--badge-font-size-xs: 11px;--badge-font-size-s: var(--text-sm);--badge-font-size-m: var(--text-md);--badge-tracking: var(--ui-tracking);--badge-text-transform: var(--ui-text-transform);--card-border: rgba(248, 249, 250, .14);--card-hover-transform: none;--table-th-font-family: var(--font-ui);--table-th-font-size: inherit;--table-th-color: var(--color-fg-secondary);--table-th-weight: var(--font-weight-semibold);--table-th-tracking: 0;--table-th-text-transform: none;--table-wrap-border: rgba(248, 249, 250, .14);--table-row-border: rgba(248, 249, 250, .12);--table-subrow-bg: var(--color-surface-2);--table-subrow-color: var(--color-fg-secondary);--table-subrow-font: var(--font-ui);--table-subrow-tracking: 0;--table-subrow-transform: none;--color-accent-2: #FFCD1B;--color-accent-2-bg: rgba(255, 205, 27, .1);--color-accent-2-fg: #0A0A0B;--breakpoint-mobile: 375px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1280px}[data-density=compact]{--height-1: 20px;--height-2: 28px;--height-2-5: 32px;--height-3: 36px;--height-4: 44px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--text-md: 13px;--text-sm: 11px}@media (max-width: 767px){[data-density=compact]{--height-1: 24px;--height-2: 32px;--height-2-5: 36px;--height-3: 44px;--height-4: 56px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--text-md: 14px;--text-sm: 12px}}[data-corners=sharp]{--radius-1: 0;--radius-2: 0;--radius-3: 0;--radius-4: 0;--radius-6: 0;--radius-8: 0}[data-density=airy]{--card-hover-transform: translateY(-3px)}@supports (background: color-mix(in srgb,red,blue)){:root{--color-state-hover: color-mix(in srgb, currentColor 7%, transparent);--color-state-active: color-mix(in srgb, currentColor 12%, transparent);--color-state-selected: color-mix(in srgb, currentColor 10%, transparent)}}@media (min-width: 768px){:root{--text-4xl: 40px;--text-3xl: 36px;--text-2xl: 28px;--text-xl: 24px;--text-lg: 18px;--text-md: 16px;--text-sm: 14px;--tracking-lg: .02em;--tracking-md: .02em;--tracking-sm: .04em;--layout-padding-x: 20px;--layout-padding-y: 48px;--layout-header-height: 72px}}@media (min-width: 1280px){:root{--layout-padding-x: 24px;--layout-padding-y: 64px}}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-surface-0);color:var(--color-fg-primary);transition:background-color var(--motion-emphasis),color var(--motion-emphasis)}*{box-sizing:border-box}::selection{background-color:var(--color-state-selected);color:var(--color-fg-primary)}@media (prefers-reduced-motion: reduce){:root{--motion-duration-instant: .01ms;--motion-duration-quick: .01ms;--motion-duration-moderate: .01ms;--motion-duration-slow: .01ms}}}.ds-spinner{display:inline-block;border-radius:var(--radius-full, 9999px);border-style:solid;border-color:currentColor;border-top-color:transparent;flex-shrink:0;animation:ds-spin .7s linear infinite}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-spinner--xs{width:12px;height:12px;border-width:1.5px}.ds-spinner--s{width:16px;height:16px;border-width:2px}.ds-spinner--m{width:20px;height:20px;border-width:2px}.ds-spinner--l{width:24px;height:24px;border-width:2.5px}.ds-spinner--xl{width:32px;height:32px;border-width:3px}.ds-spinner--default{color:var(--color-accent-default)}.ds-spinner--secondary{color:var(--color-fg-secondary)}.ds-spinner--on-accent{color:var(--color-accent-fg)}@media (prefers-reduced-motion: reduce){.ds-spinner{animation-duration:.01ms;animation-iteration-count:1}}.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2, 8px);font-size:var(--text-lg, 16px);font-weight:var(--btn-font-weight);font-family:var(--font-ui, inherit);letter-spacing:var(--ui-tracking, 0);text-transform:var(--ui-text-transform, none);line-height:1;border:none;cursor:pointer;transition:background-color var(--motion-hover, .2s ease),border-color var(--motion-hover, .2s ease),color var(--motion-hover, .2s ease);white-space:nowrap;text-decoration:none;position:relative;isolation:isolate}.ds-button:disabled,.ds-button[aria-disabled=true]{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-button--primary:disabled,.ds-button--primary[aria-disabled=true]{background-color:transparent;color:var(--btn-secondary-color);border:1px solid var(--btn-secondary-border)}.ds-button__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-button__icon>svg{width:var(--_btn-icon-sz, 20px);height:var(--_btn-icon-sz, 20px);stroke-width:1.5px}.ds-button--xs{--_btn-icon-sz: var(--btn-icon-size-xs, 14px)}.ds-button--s{--_btn-icon-sz: var(--btn-icon-size-s, 16px)}.ds-button--m{--_btn-icon-sz: var(--btn-icon-size-m, 20px)}.ds-button--l{--_btn-icon-sz: var(--btn-icon-size-l, 24px)}.ds-button--primary{color:var(--color-accent-fg);background-color:var(--color-accent-default)}.ds-button--primary:hover:not(:disabled):not([aria-disabled=true]):not([data-active=true]):not([aria-pressed=true]){background-color:var(--color-accent-hover);color:var(--color-accent-hover-fg)}.ds-button--primary:active:not(:disabled):not([aria-disabled=true]):not([data-active=true]):not([aria-pressed=true]){background-color:var(--color-accent-hover);color:var(--color-accent-hover-fg);filter:brightness(.92)}.ds-button--secondary{color:var(--btn-secondary-color);background-color:transparent;border:1px solid var(--btn-secondary-border)}.ds-button--secondary:before,.ds-button--ghost:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--motion-hover, .2s ease)}.ds-button--secondary:hover:not(:disabled):not([aria-disabled=true]):not([data-active=true]):not([aria-pressed=true]){border-color:var(--btn-secondary-hover-border);color:var(--btn-secondary-hover-color)}.ds-button--secondary:hover:not(:disabled):not([aria-disabled=true]):not([data-active=true]):not([aria-pressed=true]):before{background-color:var(--btn-secondary-hover-bg)}.ds-button--secondary:active:not(:disabled):not([aria-disabled=true]):not([data-active=true]):not([aria-pressed=true]){border-color:var(--btn-secondary-hover-border);color:var(--btn-secondary-hover-color)}.ds-button--secondary:active:not(:disabled):not([aria-disabled=true]):not([data-active=true]):not([aria-pressed=true]):before{background-color:var(--color-state-active)}.ds-button--ghost{color:var(--color-fg-primary);background-color:transparent;border:1px solid transparent}.ds-button--ghost:hover:not(:disabled):not([aria-disabled=true]):not([data-active=true]):not([aria-pressed=true]){color:var(--color-fg-primary)}.ds-button--ghost:hover:not(:disabled):not([aria-disabled=true]):not([data-active=true]):not([aria-pressed=true]):before{background-color:var(--color-state-hover)}.ds-button--ghost:active:not(:disabled):not([aria-disabled=true]):not([data-active=true]):not([aria-pressed=true]){color:var(--color-fg-primary)}.ds-button--ghost:active:not(:disabled):not([aria-disabled=true]):not([data-active=true]):not([aria-pressed=true]):before{background-color:var(--color-state-active)}.ds-button--danger{color:var(--color-accent-fg);background-color:var(--color-error-dark)}.ds-button--danger:hover:not(:disabled):not([aria-disabled=true]):not([data-active=true]):not([aria-pressed=true]){background-color:#b91c1c}.ds-button--danger:active:not(:disabled):not([aria-disabled=true]):not([data-active=true]):not([aria-pressed=true]){background-color:#991b1b}.ds-button[data-active=true]:not(:disabled):not([aria-disabled=true]),.ds-button[aria-pressed=true]:not(:disabled):not([aria-disabled=true]){filter:none}.ds-button--primary[data-active=true]:not(:disabled):not([aria-disabled=true]),.ds-button--primary[aria-pressed=true]:not(:disabled):not([aria-disabled=true]){background-color:var(--color-accent-default);color:var(--color-accent-fg);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-accent-fg) 45%,transparent)}.ds-button--secondary[data-active=true]:not(:disabled):not([aria-disabled=true]),.ds-button--secondary[aria-pressed=true]:not(:disabled):not([aria-disabled=true]){color:var(--color-accent-default);border-color:var(--color-accent-default);background-color:var(--color-accent-bg)}.ds-button--secondary[data-active=true]:not(:disabled):not([aria-disabled=true]):before,.ds-button--secondary[aria-pressed=true]:not(:disabled):not([aria-disabled=true]):before{background-color:transparent}.ds-button--ghost[data-active=true]:not(:disabled):not([aria-disabled=true]),.ds-button--ghost[aria-pressed=true]:not(:disabled):not([aria-disabled=true]){color:var(--color-fg-primary);border-color:transparent;background-color:var(--color-surface-2)}.ds-button--ghost[data-active=true]:not(:disabled):not([aria-disabled=true]):before,.ds-button--ghost[aria-pressed=true]:not(:disabled):not([aria-disabled=true]):before{background-color:transparent}.ds-button--danger[data-active=true]:not(:disabled):not([aria-disabled=true]),.ds-button--danger[aria-pressed=true]:not(:disabled):not([aria-disabled=true]){background-color:var(--color-status-error-bg);color:var(--color-status-error);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-status-error) 40%,transparent)}.ds-button--xs{height:var(--height-1, 24px);padding:0 calc(var(--height-1, 24px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-xs, 12px);border-radius:var(--radius-2, 4px)}.ds-button--s{height:var(--height-2, 32px);padding:0 calc(var(--height-2, 32px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-s, 14px);border-radius:var(--radius-2, 4px)}.ds-button--sm{height:var(--height-2-5, 36px);padding:0 calc(var(--height-2-5, 36px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-s, 14px);border-radius:var(--radius-3, 6px)}.ds-button--m{height:var(--height-3, 44px);padding:0 calc(var(--height-3, 44px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-m, 16px);border-radius:var(--radius-3, 6px)}.ds-button--l{height:var(--height-4, 56px);padding:0 calc(var(--height-4, 56px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-l, 16px);border-radius:var(--radius-3, 6px);gap:var(--space-3, 12px)}.ds-button--full{width:100%}.ds-button--icon-only{aspect-ratio:1;padding-left:0;padding-right:0}.ds-button[data-state=loading],.ds-button[data-state=success],.ds-button[data-state=error]{cursor:default;pointer-events:none}.ds-button[data-state=loading]{opacity:.7}.ds-button--primary[data-state=loading]{background-color:transparent;color:var(--color-fg-disabled);border:1px solid var(--color-border-default);opacity:1}.ds-button--primary[data-state=success],.ds-button--secondary[data-state=success],.ds-button--danger[data-state=success]{background-color:var(--color-status-success-bg);border:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent);color:var(--color-status-success)}.ds-button--primary[data-state=error],.ds-button--secondary[data-state=error],.ds-button--danger[data-state=error]{background-color:var(--color-status-error-bg);border:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent);color:var(--color-status-error)}.ds-button--ghost[data-state=success]{color:var(--color-status-success)}.ds-button--ghost[data-state=error]{color:var(--color-status-error)}.ds-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-input-wrapper{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.ds-input-wrapper--full{width:100%}.ds-input-wrapper--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed}.ds-input-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color)}.ds-input-container{position:relative;display:flex;align-items:center}.ds-input{width:100%;font-family:inherit;color:var(--color-fg-primary);background-color:transparent;border:1px solid var(--field-border);transition:border-color var(--transition-normal, .2s ease);line-height:1.5}.ds-input::placeholder{color:var(--color-fg-secondary)}.ds-input:hover:not(:disabled){border-color:var(--field-border-active)}.ds-input:focus,.ds-input:active{outline:none;border-color:var(--field-border-active)}.ds-input:focus-visible{box-shadow:var(--focus-ring)}.ds-input:disabled{cursor:not-allowed}.ds-input--error{border-color:var(--color-error)}.ds-input--xs{height:var(--height-1, 24px);padding:0 calc(var(--height-1, 24px) / 4);font-size:var(--text-sm, 12px);border-radius:var(--radius-2, 4px)}.ds-input--s{height:var(--height-2, 32px);padding:0 calc(var(--height-2, 32px) / 4);font-size:var(--text-md, 14px);border-radius:var(--radius-2, 4px)}.ds-input--sm{height:var(--height-2-5, 36px);padding:0 10px;font-size:var(--text-md, 14px);border-radius:var(--radius-3, 6px)}.ds-input--m{height:var(--height-3, 44px);padding:0 calc(var(--height-3, 44px) / 4);font-size:var(--text-lg, 16px);border-radius:var(--radius-3, 6px)}.ds-input--with-icon.ds-input--xs{padding-left:calc(var(--height-1, 24px) / 4 + 16px + var(--height-1, 24px) / 4)}.ds-input--with-icon.ds-input--s{padding-left:calc(var(--height-2, 32px) / 4 + 20px + var(--height-2, 32px) / 4)}.ds-input--with-icon.ds-input--sm{padding-left:40px}.ds-input--with-icon.ds-input--m{padding-left:calc(var(--height-3, 44px) / 4 + 24px + var(--height-3, 44px) / 4)}.ds-input--with-icon-right.ds-input--xs{padding-right:calc(var(--height-1, 24px) / 4 + 16px + var(--height-1, 24px) / 4)}.ds-input--with-icon-right.ds-input--s{padding-right:calc(var(--height-2, 32px) / 4 + 20px + var(--height-2, 32px) / 4)}.ds-input--with-icon-right.ds-input--sm{padding-right:40px}.ds-input--with-icon-right.ds-input--m{padding-right:calc(var(--height-3, 44px) / 4 + 24px + var(--height-3, 44px) / 4)}.ds-input-icon{position:absolute;display:flex;align-items:center;color:var(--color-fg-secondary);pointer-events:none}.ds-input-icon--xs{left:6px}.ds-input-icon--s{left:8px}.ds-input-icon--m{left:11px}.ds-input-icon-right{position:absolute;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-fg-secondary);cursor:pointer;transition:color var(--transition-normal, .2s ease);padding:0}.ds-input-icon-right:hover{color:var(--color-fg-primary)}.ds-input-icon-right--xs{right:6px}.ds-input-icon-right--s{right:8px}.ds-input-icon-right--m{right:11px}.ds-input-hint{font-size:var(--text-md, 14px);color:var(--color-fg-secondary)}.ds-input-error-wrap{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--transition-fast, .1s ease)}.ds-input-wrapper--error .ds-input-error-wrap{grid-template-rows:1fr}.ds-input-error-inner{overflow:hidden;min-height:0}.ds-input-error{display:block;padding-top:var(--space-1, 4px);font-size:var(--text-md, 14px);color:var(--color-error)}.ds-textarea-wrapper{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.ds-textarea-wrapper--full{width:100%}.ds-textarea-wrapper--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-textarea-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color)}.ds-textarea{width:100%;font-family:inherit;color:var(--color-fg-primary);background-color:transparent;border:1px solid var(--field-border);transition:border-color var(--transition-normal, .2s ease);line-height:1.5;resize:vertical;background:linear-gradient(315deg,transparent 5px,var(--field-border) 5px,var(--field-border) 6px,transparent 6px),linear-gradient(315deg,transparent 10px,var(--field-border) 10px,var(--field-border) 11px,transparent 11px);background-repeat:no-repeat;background-position:bottom right;background-size:16px 16px}.ds-textarea::placeholder{color:var(--color-fg-secondary)}.ds-textarea::-webkit-resizer{display:none}.ds-textarea:hover:not(:disabled){border-color:var(--field-border-active);background:linear-gradient(315deg,transparent 5px,var(--field-border-active) 5px,var(--field-border-active) 6px,transparent 6px),linear-gradient(315deg,transparent 10px,var(--field-border-active) 10px,var(--field-border-active) 11px,transparent 11px);background-repeat:no-repeat;background-position:bottom right;background-size:16px 16px}.ds-textarea:focus-visible{box-shadow:var(--focus-ring)}.ds-textarea:focus,.ds-textarea:active{outline:none;border-color:var(--field-border-active);background:linear-gradient(315deg,transparent 5px,var(--field-border-active) 5px,var(--field-border-active) 6px,transparent 6px),linear-gradient(315deg,transparent 10px,var(--field-border-active) 10px,var(--field-border-active) 11px,transparent 11px);background-repeat:no-repeat;background-position:bottom right;background-size:16px 16px}.ds-textarea:disabled{cursor:not-allowed}.ds-textarea--error{border-color:var(--color-error);background:linear-gradient(315deg,transparent 5px,var(--color-error) 5px,var(--color-error) 6px,transparent 6px),linear-gradient(315deg,transparent 10px,var(--color-error) 10px,var(--color-error) 11px,transparent 11px);background-repeat:no-repeat;background-position:bottom right;background-size:16px 16px}.ds-textarea--no-resize{resize:none;background:none}.ds-textarea--xs{padding:var(--space-2, 8px);font-size:var(--text-sm, 12px);border-radius:var(--radius-2, 4px)}.ds-textarea--s{padding:var(--space-2, 8px) var(--space-3, 12px);font-size:var(--text-md, 14px);border-radius:var(--radius-2, 4px)}.ds-textarea--m{padding:var(--space-3, 12px);font-size:var(--text-lg, 16px);border-radius:var(--radius-3, 6px)}.ds-textarea-hint{font-size:var(--text-md, 14px);color:var(--color-fg-secondary)}.ds-textarea-error{font-size:var(--text-md, 14px);color:var(--color-error)}.ds-select-wrapper{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.ds-select-wrapper--full{width:100%}.ds-select-wrapper--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-select-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color)}.ds-select-container{position:relative}.ds-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, 12px);font-family:inherit;color:var(--color-fg-primary);background-color:transparent;border:1px solid var(--field-border);cursor:pointer;transition:border-color var(--transition-normal, .2s ease);text-align:left;line-height:1.5}.ds-select-trigger>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-select-trigger:hover:not(:disabled){border-color:var(--field-border-active)}.ds-select-trigger:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-select-trigger:disabled{cursor:not-allowed}.ds-select-trigger--error{border-color:var(--color-error)}.ds-select-trigger--xs{height:var(--height-1, 24px);padding:0 calc(var(--height-1, 24px) / 4);font-size:var(--text-sm, 12px);border-radius:var(--radius-2, 4px)}.ds-select-trigger--s{height:var(--height-2, 32px);padding:0 calc(var(--height-2, 32px) / 4);font-size:var(--text-md, 14px);border-radius:var(--radius-2, 4px)}.ds-select-trigger--m{height:var(--height-3, 44px);padding:0 calc(var(--height-3, 44px) / 4);font-size:var(--text-lg, 16px);border-radius:var(--radius-3, 6px)}.ds-select-placeholder{color:var(--color-fg-secondary)}.ds-select-icon{flex-shrink:0;color:var(--color-fg-secondary);transition:transform var(--transition-normal, .2s ease)}.ds-select-icon--open{transform:rotate(180deg)}.ds-select-icon--up{transform:rotate(0)}@keyframes ds-select-in-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-select-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes ds-select-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-select-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}.ds-select-dropdown{position:fixed;background-color:var(--color-surface-0);border:1px solid var(--field-border);box-shadow:var(--shadow-1);z-index:var(--z-dropdown);max-height:300px;overflow-y:auto}.ds-select-dropdown--down{animation:ds-select-in-down var(--motion-enter, .3s ease)}.ds-select-dropdown--down.ds-select-dropdown--closing{animation:ds-select-out-down var(--motion-exit, .2s ease) forwards}.ds-select-dropdown--up{animation:ds-select-in-up var(--motion-enter, .3s ease)}.ds-select-dropdown--up.ds-select-dropdown--closing{animation:ds-select-out-up var(--motion-exit, .2s ease) forwards}.ds-select-dropdown--s{border-radius:var(--radius-2, 4px)}.ds-select-dropdown--m{border-radius:var(--radius-3, 6px)}.ds-select-option{width:100%;font-family:inherit;color:var(--color-fg-primary);background-color:transparent;border:none;cursor:pointer;text-align:left;line-height:1.5;white-space:normal;word-wrap:break-word;position:relative;isolation:isolate}.ds-select-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal, .2s ease)}.ds-select-option--s{min-height:var(--height-2, 32px);padding:var(--space-2, 8px) calc(var(--height-2, 32px) / 4);font-size:var(--text-md, 14px)}.ds-select-option--m{min-height:var(--height-3, 44px);padding:var(--space-2, 8px) calc(var(--height-3, 44px) / 4);font-size:var(--text-lg, 16px)}.ds-select-option:hover:before{background-color:var(--color-state-hover)}.ds-select-option--selected:before{background-color:var(--color-state-selected)}.ds-select-option--active:before{background-color:var(--color-state-hover)}.ds-select-error{font-size:var(--text-md, 14px);color:var(--color-error)}.ds-scrollable{scrollbar-width:thin;scrollbar-color:var(--color-border-default) transparent}.ds-scrollable::-webkit-scrollbar{width:4px;height:4px}.ds-scrollable::-webkit-scrollbar-track{background:transparent}.ds-scrollable::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-full, 9999px)}.ds-scrollable::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.ds-stepper-wrapper{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.ds-stepper-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color)}.ds-stepper{display:flex;align-items:stretch;width:fit-content;border:1px solid var(--field-border);border-radius:var(--radius-2, 4px);transition:border-color var(--transition-normal, .2s ease)}.ds-stepper:hover:not(.ds-stepper--disabled){border-color:var(--field-border-active)}.ds-stepper:focus-within{border-color:var(--field-border-active)}.ds-stepper--disabled{cursor:not-allowed}.ds-stepper-button{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;color:var(--color-fg-secondary);cursor:pointer;transition:color var(--transition-fast, .1s ease);flex-shrink:0;position:relative;isolation:isolate}.ds-stepper-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-fast, .1s ease)}.ds-stepper-button:hover:not(:disabled){color:var(--color-fg-primary)}.ds-stepper-button:hover:not(:disabled):before{background-color:var(--color-state-hover)}.ds-stepper-button:active:not(:disabled):before{background-color:var(--color-state-active)}.ds-stepper-button:focus-visible{outline:none;box-shadow:var(--focus-ring);z-index:1}.ds-stepper-button:disabled{opacity:.5;cursor:not-allowed}.ds-stepper-button--minus{border-radius:var(--radius-2, 4px) 0 0 var(--radius-2, 4px);border-right:1px solid var(--field-border)}.ds-stepper-button--plus{border-radius:0 var(--radius-2, 4px) var(--radius-2, 4px) 0;border-left:1px solid var(--field-border)}.ds-stepper-input{width:80px;text-align:center;border:none;background-color:transparent;color:var(--color-fg-primary);font-size:var(--text-lg, 16px);letter-spacing:var(--tracking-lg);outline:none;cursor:text}.ds-stepper-input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-stepper-input:disabled{cursor:not-allowed}.ds-stepper-input::-webkit-inner-spin-button,.ds-stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ds-stepper-input[type=number]{-moz-appearance:textfield}.ds-stepper--xs{height:var(--height-1, 24px)}.ds-stepper--xs .ds-stepper-button{width:var(--height-1, 24px);padding:0}.ds-stepper--xs .ds-stepper-input{font-size:var(--text-sm, 12px);letter-spacing:var(--tracking-sm);padding:0 var(--space-2, 8px)}.ds-stepper--s{height:var(--height-2, 32px)}.ds-stepper--s .ds-stepper-button{width:var(--height-2, 32px);padding:0}.ds-stepper--s .ds-stepper-input{font-size:var(--text-md, 14px);letter-spacing:var(--tracking-md);padding:0 var(--space-2, 8px)}.ds-stepper--m{height:var(--height-3, 44px)}.ds-stepper--m .ds-stepper-button{width:var(--height-3, 44px);padding:0}.ds-stepper--m .ds-stepper-input{font-size:var(--text-lg, 16px);letter-spacing:var(--tracking-lg);padding:0 var(--space-3, 12px)}.ds-stepper-hint{font-size:var(--text-md, 14px);letter-spacing:var(--tracking-md);color:var(--color-fg-secondary)}.ds-stepper-error{font-size:var(--text-md, 14px);letter-spacing:var(--tracking-md);color:var(--color-status-error)}.ds-stepper-wrapper--error .ds-stepper{border-color:var(--color-status-error)}.ds-stepper-wrapper--error .ds-stepper:hover:not(.ds-stepper--disabled){border-color:var(--color-status-error)}.ds-stepper-wrapper--error .ds-stepper:focus-within{border-color:var(--color-status-error)}.ds-stepper-wrapper--disabled{opacity:.5;cursor:not-allowed}.ds-stepper-wrapper--disabled *{cursor:not-allowed}.ds-card{display:flex;flex-direction:column;min-width:0;background-color:transparent;border-radius:var(--radius-3, 6px);border:1px solid var(--card-border);transition:border-color var(--motion-hover, .2s ease),background-color var(--motion-hover, .2s ease),transform var(--motion-hover, .2s ease);text-decoration:none;color:inherit;text-align:left;font:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;width:100%;box-sizing:border-box}.ds-card--interactive{cursor:pointer;background-color:var(--color-surface-1);border:none;position:relative;isolation:isolate}.ds-card--interactive:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal, .2s ease)}.ds-card--interactive:hover:not([aria-disabled=true]){transform:var(--card-hover-transform, none)}.ds-card--interactive:hover:not([aria-disabled=true]):before{background-color:var(--color-state-hover)}.ds-card--interactive:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-card[aria-disabled=true]{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-card--none{padding:0;gap:0}.ds-card--s{padding:var(--space-3, 12px);gap:var(--space-2, 8px)}.ds-card--m{padding:var(--space-4, 16px);gap:var(--space-3, 12px)}.ds-card--l{padding:var(--space-6, 24px);gap:var(--space-4, 16px)}.ds-h1{font-size:var(--text-4xl, 32px);font-weight:var(--font-weight-regular, 400);line-height:1.2;color:var(--color-fg-primary);letter-spacing:var(--tracking-4xl);margin:0}.ds-h2{font-size:var(--text-3xl, 24px);font-weight:var(--font-weight-regular, 400);line-height:1.3;color:var(--color-fg-primary);letter-spacing:var(--tracking-3xl);margin:0}.ds-h3{font-size:var(--text-2xl, 20px);font-weight:var(--font-weight-regular, 400);line-height:1.3;color:var(--color-fg-primary);letter-spacing:var(--tracking-2xl);margin:0}.ds-h4{font-size:var(--text-xl, 18px);font-weight:var(--font-weight-regular, 400);line-height:1.4;color:var(--color-fg-primary);letter-spacing:var(--tracking-xl);margin:0}.ds-p1{font-size:var(--text-lg, 16px);font-weight:var(--font-weight-regular, 400);line-height:1.5;color:var(--color-fg-primary);letter-spacing:var(--tracking-lg);margin:0}.ds-p1--secondary{color:var(--color-fg-secondary)}.ds-p2{font-size:var(--text-md, 14px);font-weight:var(--font-weight-regular, 400);line-height:1.5;color:var(--color-fg-primary);letter-spacing:var(--tracking-md);margin:0}.ds-p2--secondary{color:var(--color-fg-secondary)}.ds-p3{font-size:var(--text-sm, 12px);font-weight:var(--font-weight-regular, 400);line-height:1.5;color:var(--color-fg-primary);letter-spacing:var(--tracking-sm);margin:0}.ds-p3--secondary{color:var(--color-fg-secondary)}.ds-badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-ui, inherit);font-weight:var(--ui-font-weight, 500);letter-spacing:var(--badge-tracking);text-transform:var(--badge-text-transform);white-space:nowrap}.ds-badge--xs{padding:1px var(--space-1, 4px);font-size:var(--badge-font-size-xs);letter-spacing:var(--tracking-sm);border-radius:var(--radius-1, 2px)}.ds-badge--s{padding:2px var(--space-2, 8px);font-size:var(--badge-font-size-s);border-radius:var(--radius-2, 4px)}.ds-badge--m{padding:3px var(--space-3, 12px);font-size:var(--badge-font-size-m);border-radius:var(--radius-3, 6px)}.ds-badge--default{background-color:var(--color-state-selected);color:var(--color-fg-secondary)}.ds-badge--info{background-color:var(--color-status-info-bg);color:var(--color-status-info)}.ds-badge--success{background-color:var(--color-status-success-bg);color:var(--color-status-success)}.ds-badge--warning{background-color:var(--color-status-warning-bg);color:var(--color-status-warning)}.ds-badge--error{background-color:var(--color-status-error-bg);color:var(--color-status-error)}.ds-badge--accent{background-color:var(--color-accent-bg);color:var(--color-accent-default)}.ds-badge--danger{background-color:var(--color-status-error-bg);color:var(--color-status-error)}.ds-badge--data-1{background-color:var(--data-1-bg);color:var(--data-1-fg)}.ds-badge--data-2{background-color:var(--data-2-bg);color:var(--data-2-fg)}.ds-badge--data-3{background-color:var(--data-3-bg);color:var(--data-3-fg)}.ds-badge--data-4{background-color:var(--data-4-bg);color:var(--data-4-fg)}.ds-badge--data-5{background-color:var(--data-5-bg);color:var(--data-5-fg)}.ds-badge--data-6{background-color:var(--data-6-bg);color:var(--data-6-fg)}.ds-badge--data-7{background-color:var(--data-7-bg);color:var(--data-7-fg)}[data-variant=edgy] .ds-badge{box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent)}.ds-alert{display:flex;align-items:flex-start;gap:var(--space-3, 12px);padding:var(--space-3, 12px);border-radius:var(--radius-3, 6px)}.ds-alert--no-title{align-items:center}.ds-alert__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-alert:not(.ds-alert--no-title) .ds-alert__icon{margin-top:2px}.ds-alert__content{flex:1;min-width:0}.ds-alert__title{font-size:var(--text-lg, 16px);font-weight:var(--font-weight-regular, 400);margin-bottom:var(--space-2, 8px)}.ds-alert__message{font-size:var(--text-md, 14px);line-height:1.5}.ds-alert__close{flex-shrink:0;background:none;border:none;color:inherit;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity var(--transition-normal, .2s ease)}.ds-alert__close:hover{opacity:1}.ds-alert__close:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-2, 4px)}.ds-alert--info{background:linear-gradient(var(--color-status-info-bg),var(--color-status-info-bg)),var(--color-surface-1);color:var(--color-status-info)}.ds-alert--info .ds-alert__message{color:var(--color-fg-primary)}.ds-alert--success{background:linear-gradient(var(--color-status-success-bg),var(--color-status-success-bg)),var(--color-surface-1);color:var(--color-status-success)}.ds-alert--success .ds-alert__message{color:var(--color-fg-primary)}.ds-alert--warning{background:linear-gradient(var(--color-status-warning-bg),var(--color-status-warning-bg)),var(--color-surface-1);color:var(--color-status-warning)}.ds-alert--warning .ds-alert__message{color:var(--color-fg-primary)}.ds-alert--error{background:linear-gradient(var(--color-status-error-bg),var(--color-status-error-bg)),var(--color-surface-1);color:var(--color-status-error)}.ds-alert--error .ds-alert__message{color:var(--color-fg-primary)}@keyframes ds-modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes ds-modal-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes ds-modal-content-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-modal-content-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.ds-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-overlay);display:flex;align-items:flex-start;justify-content:center;z-index:var(--z-modal);padding:var(--space-4, 16px);overflow-y:auto;animation:ds-modal-backdrop-in var(--motion-enter, .3s ease)}.ds-modal{background-color:var(--color-surface-2);border-radius:var(--radius-4, 8px);box-shadow:var(--shadow-2);display:flex;flex-direction:column;margin:auto 0;position:relative;animation:ds-modal-content-in var(--motion-enter, .3s ease) .05s both}.ds-modal__close{position:absolute;top:var(--space-2, 8px);right:var(--space-2, 8px);z-index:1}.ds-modal-overlay--closing{animation:ds-modal-backdrop-out var(--motion-exit, .2s ease) forwards}.ds-modal-overlay--closing .ds-modal{animation:ds-modal-content-out var(--motion-exit, .2s ease) forwards}.ds-modal--s{width:100%;max-width:400px}.ds-modal--m{width:100%;max-width:600px}.ds-modal--l{width:100%;max-width:900px}.ds-modal__header{display:flex;flex-direction:column;padding:var(--space-6, 24px) var(--space-6, 24px) var(--space-4, 16px);gap:var(--space-4, 16px)}.ds-modal__title{font-size:var(--text-2xl, 20px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);margin:0}.ds-modal__subheader{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.ds-modal__body{padding:0 var(--space-6, 24px) var(--space-6, 24px);flex:1}.ds-modal__body:last-child{border-bottom-left-radius:var(--radius-4, 8px);border-bottom-right-radius:var(--radius-4, 8px)}.ds-modal--scrollable{max-height:85vh}.ds-modal--scrollable .ds-modal__body{overflow-y:auto;min-height:0;padding-top:var(--space-6, 24px);overscroll-behavior:contain}.ds-modal--scrollable .ds-modal__header{border-bottom:1px solid var(--color-border-light)}.ds-modal--scrollable .ds-modal__footer{border-top:1px solid var(--color-border-light)}.ds-modal__footer{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3, 12px);padding:var(--space-4, 16px) var(--space-6, 24px) var(--space-6, 24px);background-color:var(--color-surface-2);position:relative;z-index:10;border-bottom-left-radius:var(--space-3, 12px);border-bottom-right-radius:var(--space-3, 12px)}@keyframes ds-sheet-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ds-sheet-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes ds-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ds-sheet-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}.ds-bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay);z-index:var(--z-modal);display:flex;align-items:flex-end;animation:ds-sheet-overlay-in .2s ease}.ds-bottom-sheet-overlay--closing{animation:ds-sheet-overlay-out .32s ease forwards}.ds-bottom-sheet{width:100%;max-width:1280px;height:95vh;margin:0 auto;background-color:var(--color-surface-2);border-radius:var(--radius-4, 12px) var(--radius-4, 12px) 0 0;box-shadow:var(--shadow-2);display:flex;flex-direction:column;position:relative;animation:ds-sheet-in .35s cubic-bezier(.32,.72,0,1)}.ds-bottom-sheet__close{position:absolute;top:var(--space-2, 8px);right:var(--space-2, 8px);z-index:1}.ds-bottom-sheet--closing{animation:ds-sheet-out .32s cubic-bezier(.32,.72,0,1) forwards}.ds-bottom-sheet__handle{width:36px;height:4px;background:var(--color-border-default);border-radius:var(--radius-full, 9999px);margin:var(--space-3) auto var(--space-1);flex-shrink:0}.ds-bottom-sheet__header{display:flex;flex-direction:column;padding:var(--space-4) var(--space-6) var(--space-4);gap:var(--space-4);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.ds-bottom-sheet__title{font-size:var(--text-2xl, 20px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);margin:0}.ds-bottom-sheet__subheader{display:flex;flex-direction:column;gap:var(--space-4)}.ds-bottom-sheet__body{padding:var(--space-6);flex:1;overflow-y:auto;min-height:0;overscroll-behavior:contain}.ds-bottom-sheet .ds-modal__footer{border-top:1px solid var(--color-border-light);border-bottom-left-radius:0;border-bottom-right-radius:0}.ds-code-accordion{min-width:0}.ds-code-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:var(--color-surface-1);border:none;border-radius:var(--radius-3, 6px);color:var(--color-fg-primary);font-size:var(--text-lg, 16px);font-family:inherit;cursor:pointer;position:relative;isolation:isolate}.ds-code-accordion__header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal, .2s ease)}.ds-code-accordion__header[aria-expanded=true]{border-radius:var(--radius-3, 6px) var(--radius-3, 6px) 0 0}.ds-code-accordion__header:hover:before{background-color:var(--color-state-hover)}.ds-code-accordion__header:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-code-accordion__title{font-weight:var(--font-weight-regular, 400)}.ds-code-accordion__icon{flex-shrink:0;color:var(--color-fg-secondary);transition:transform var(--transition-normal, .2s ease)}.ds-code-accordion__icon--expanded{transform:rotate(180deg)}.ds-code-accordion__content{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--transition-normal, .2s ease)}.ds-code-accordion--expanded .ds-code-accordion__content{grid-template-rows:1fr}.ds-code-accordion__inner{overflow:hidden;min-height:0;opacity:0;visibility:hidden;transition:opacity var(--transition-normal, .2s ease) .05s,visibility 0s var(--transition-normal, .2s ease)}.ds-code-accordion--expanded .ds-code-accordion__inner{opacity:1;visibility:visible;transition:opacity var(--transition-normal, .2s ease) .05s,visibility 0s 0s}.ds-code-accordion__pre{overflow-x:auto;font-family:var(--font-mono, ui-monospace, "SF Mono", Menlo, Consolas, monospace);font-size:var(--text-md, 14px);background-color:var(--color-surface-2);color:var(--color-fg-primary);border-radius:0 0 var(--radius-3, 6px) var(--radius-3, 6px);line-height:1.6;margin:0}.ds-code-accordion--s .ds-code-accordion__header,.ds-code-accordion--s .ds-code-accordion__pre{padding:var(--space-2, 8px)}.ds-code-accordion--m .ds-code-accordion__header,.ds-code-accordion--m .ds-code-accordion__pre{padding:var(--space-3, 12px)}.ds-code-accordion--l .ds-code-accordion__header,.ds-code-accordion--l .ds-code-accordion__pre{padding:var(--space-4, 16px)}.ds-code-accordion__pre code{background:none;border:none;padding:0;font-family:inherit;font-size:inherit;color:inherit}@media (max-width: 640px){.ds-code-accordion__header{font-size:var(--text-md, 14px)}.ds-code-accordion--l .ds-code-accordion__header,.ds-code-accordion--l .ds-code-accordion__pre{padding:var(--space-3, 12px)}}@media (prefers-reduced-motion: reduce){.ds-code-accordion__inner{transition:none}}.ds-code-inline{font-family:var(--font-mono, ui-monospace, "SF Mono", Menlo, Consolas, monospace);font-size:.9em;background-color:var(--color-surface-2);color:var(--color-fg-primary);padding:2px 6px;border-radius:var(--radius-3, 6px);white-space:nowrap}.ds-code-block{font-family:var(--font-mono, ui-monospace, "SF Mono", Menlo, Consolas, monospace);font-size:var(--text-md, 14px);background-color:var(--color-surface-2);color:var(--color-fg-primary);padding:var(--space-3, 12px);border-radius:var(--radius-3, 6px);overflow-x:auto;line-height:1.6;margin:0}.ds-code-block code{background:none;border:none;padding:0;font-family:inherit;font-size:inherit;color:inherit}.ds-link{color:var(--color-accent-default);text-decoration:none;cursor:pointer;transition:color var(--transition-fast, .1s ease),text-decoration var(--transition-fast, .1s ease);font-size:inherit;font-weight:inherit;line-height:inherit}.ds-link:hover{color:var(--color-accent-hover);text-decoration:underline}.ds-link:active{color:var(--color-accent-hover)}.ds-link:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:2px}.ds-tabs{display:flex;gap:var(--space-2, 8px);flex-wrap:wrap}.ds-tab{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2, 8px);font-family:var(--font-ui, inherit);font-weight:var(--ui-font-weight, 500);letter-spacing:var(--tab-tracking);text-transform:var(--ui-text-transform, none);line-height:1;cursor:pointer;background-color:transparent;color:var(--color-fg-primary);transition:border-color var(--motion-hover, .2s ease),background-color var(--motion-hover, .2s ease);white-space:nowrap;text-decoration:none}.ds-tab--ghost{border:none;color:var(--color-fg-secondary);position:relative;isolation:isolate}.ds-tab--ghost:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--motion-hover, .2s ease)}.ds-tab--ghost:hover:not(.ds-tab--selected):not(:disabled):not([aria-disabled=true]){color:var(--color-fg-primary)}.ds-tab--ghost:hover:not(.ds-tab--selected):not(:disabled):not([aria-disabled=true]):before{background-color:var(--color-state-hover)}.ds-tab--ghost.ds-tab--selected{color:var(--color-fg-primary)}.ds-tab--ghost.ds-tab--selected:before{background-color:var(--color-state-selected)}.ds-tab--xs{--_tab-icon-sz: var(--tab-icon-size-xs)}.ds-tab--s,.ds-tab--sm{--_tab-icon-sz: var(--tab-icon-size-s, 14px)}.ds-tab--m{--_tab-icon-sz: var(--tab-icon-size-m, 16px)}.ds-tab--l{--_tab-icon-sz: var(--tab-icon-size-l, 20px)}.ds-tab--xs{height:var(--height-1, 24px);padding:0 calc(var(--height-1, 24px) / 2);font-size:var(--tab-font-size-xs);border-radius:var(--radius-2, 4px)}.ds-tab--s{height:var(--height-2, 32px);padding:0 calc(var(--height-2, 32px) / 2);font-size:var(--tab-font-size-s, 13px);border-radius:var(--radius-2, 4px)}.ds-tab--sm{height:var(--height-2-5, 36px);padding:0 14px;font-size:var(--tab-font-size-s, 13px);border-radius:var(--radius-3, 6px)}.ds-tab--m{height:var(--height-3, 44px);padding:0 calc(var(--height-3, 44px) / 2);font-size:var(--tab-font-size-m, 14px);border-radius:var(--radius-3, 6px)}.ds-tab--l{height:var(--height-4, 56px);padding:0 calc(var(--height-4, 56px) / 2);font-size:var(--tab-font-size-l, 15px);border-radius:var(--radius-3, 6px);gap:var(--space-3, 12px)}.ds-tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-tab:disabled,.ds-tab[aria-disabled=true]{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-tab-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-tab-icon>svg{width:var(--_tab-icon-sz, 16px);height:var(--_tab-icon-sz, 16px);stroke-width:1.5px}.ds-tab--icon-only{aspect-ratio:1;padding-left:0;padding-right:0}.ds-browser-pane{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;background:var(--color-surface-1);overflow:hidden}.ds-browser-tabs{display:flex;align-items:flex-end;gap:0;flex-shrink:0;min-width:0;overflow-x:auto;overflow-y:hidden;padding:6px 8px 0;background:var(--color-surface-2);position:relative}.ds-browser-tabs:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--color-border-default);pointer-events:none;z-index:0}.ds-browser-tab{display:inline-flex;align-items:center;justify-content:flex-start;flex:1 1 0;min-width:72px;max-width:180px;height:30px;margin:0;border:1px solid transparent;border-bottom:1px solid transparent;border-radius:var(--radius-4, 8px) var(--radius-4, 8px) 0 0;background:transparent;color:var(--color-fg-secondary);position:relative;z-index:1}.ds-browser-tab:not(.ds-browser-tab--active):before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:14px;background:var(--color-border-default);opacity:.9;pointer-events:none}.ds-browser-tab:first-child:before,.ds-browser-tab--active:before,.ds-browser-tab--active+.ds-browser-tab:before,.ds-browser-tab:hover:before,.ds-browser-tab:hover+.ds-browser-tab:before{opacity:0}.ds-browser-tab:hover{background:var(--color-state-hover);color:var(--color-fg-primary);z-index:1}.ds-browser-tab--active{background:var(--color-surface-1);border-color:var(--color-border-default);border-bottom-color:var(--color-surface-1);color:var(--color-fg-primary);z-index:2}.ds-browser-tab:not(.ds-browser-tab--closable){flex:0 1 9rem}.ds-browser-tab__hit{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1 auto;min-width:0;display:inline-flex;align-items:center;gap:6px;height:100%;padding:0 10px;margin:0;border:none;background:transparent;color:inherit;font:inherit;font-family:var(--font-ui, inherit);font-size:var(--text-sm, 12px);font-weight:var(--ui-font-weight, 500);letter-spacing:var(--tab-tracking, 0);cursor:pointer}.ds-browser-tab__hit:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-browser-tab__icon{display:inline-flex;flex-shrink:0;width:14px;height:14px;opacity:.85}.ds-browser-tab__icon>svg{width:14px;height:14px}.ds-browser-tab--closable .ds-browser-tab__hit{padding-right:4px}.ds-browser-tab__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-browser-tab__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;margin-left:auto;margin-right:6px;padding:0;border:none;border-radius:var(--radius-2, 4px);background:transparent;color:var(--color-fg-secondary);cursor:pointer}.ds-browser-tab__close:hover{background:var(--color-state-hover);color:var(--color-fg-primary)}.ds-browser-tab__close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-list{display:flex;flex-direction:column}.ds-list-row{display:grid;grid-template-columns:28px minmax(0,1fr);grid-auto-columns:max-content;grid-auto-flow:column;align-items:center;gap:var(--space-3, 12px);width:100%;min-height:48px;padding:8px 16px;margin:0;border:none;border-bottom:1px solid var(--color-border-light, var(--color-border-default));background:transparent;color:inherit;font:inherit;font-family:var(--font-ui, inherit);text-align:left;box-sizing:border-box}.ds-list-row--no-icon{grid-template-columns:minmax(0,1fr)}.ds-list-row--interactive{cursor:pointer}.ds-list-row--interactive:hover{background:var(--color-state-hover)}.ds-list-row--interactive:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-list-row__icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-3, 6px);color:var(--color-fg-secondary);background:color-mix(in srgb,var(--color-fg-secondary) 10%,transparent)}.ds-list-row__icon>svg{width:16px;height:16px;stroke-width:1.5px}.ds-list-row__name{display:flex;flex-direction:column;min-width:0;gap:1px}.ds-list-row__title{font-size:var(--text-md, 14px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-list-row__subtitle{font-size:var(--text-xs, 11px);color:var(--color-fg-secondary)}.ds-list-row__meta{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.ds-seg{display:inline-flex;position:relative;padding:3px;border:1px solid var(--color-border-default);border-radius:var(--radius-3, 6px);background:var(--color-surface-1)}.ds-seg--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-seg__pill{position:absolute;top:3px;bottom:3px;background:var(--color-state-hover);border-radius:calc(var(--radius-3, 6px) - 2px);pointer-events:none;z-index:0}.ds-seg__btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--space-1, 4px);background:transparent;border:none;cursor:pointer;font-family:var(--font-ui, inherit);font-size:var(--text-md, 14px);letter-spacing:var(--ui-tracking, 0);text-transform:var(--ui-text-transform, none);color:var(--color-fg-secondary);border-radius:calc(var(--radius-3, 6px) - 2px);white-space:nowrap;transition:color var(--motion-hover, .2s ease)}.ds-seg__btn:hover:not(:disabled){color:var(--color-fg-primary)}.ds-seg__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-seg__btn--active{color:var(--color-fg-primary)}.ds-seg__btn-icon{display:flex;align-items:center;flex-shrink:0}.ds-seg--s .ds-seg__btn{height:var(--height-1, 24px);padding:0 var(--space-2, 8px);font-size:var(--text-sm, 12px)}.ds-seg--m .ds-seg__btn{height:var(--height-2, 32px);padding:0 var(--space-3, 12px)}.ds-seg--sm .ds-seg__btn{height:var(--height-2-5, 36px);padding:0 var(--space-3, 12px)}.ds-seg--l .ds-seg__btn{height:var(--height-3, 44px);padding:0 var(--space-4, 16px);font-size:var(--text-lg, 16px)}@media (prefers-reduced-motion: reduce){.ds-seg__pill{transition:none}}.ds-accordion{min-width:0}.ds-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:var(--color-surface-1);border:none;border-radius:var(--radius-3, 6px);color:var(--color-fg-primary);font-size:var(--text-xl, 18px);font-family:inherit;cursor:pointer;position:relative;isolation:isolate}.ds-accordion__header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal, .2s ease)}.ds-accordion__header[aria-expanded=true]{border-radius:var(--radius-3, 6px) var(--radius-3, 6px) 0 0}.ds-accordion__header:hover:before{background-color:var(--color-state-hover)}.ds-accordion__header:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-accordion__title{font-weight:var(--font-weight-regular, 400)}.ds-accordion__icon{flex-shrink:0;color:var(--color-fg-secondary);transition:transform var(--transition-normal, .2s ease)}.ds-accordion__icon--expanded{transform:rotate(180deg)}.ds-accordion__content{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--transition-normal, .2s ease)}.ds-accordion--expanded .ds-accordion__content{grid-template-rows:1fr}.ds-accordion__content-inner{overflow:hidden;min-height:0;opacity:0;visibility:hidden;transition:opacity var(--transition-normal, .2s ease) .05s,visibility 0s var(--transition-normal, .2s ease)}.ds-accordion--expanded .ds-accordion__content-inner{opacity:1;visibility:visible;transition:opacity var(--transition-normal, .2s ease) .05s,visibility 0s 0s}.ds-accordion__content-body{display:flex;flex-direction:column;background-color:var(--color-surface-1);border-radius:0 0 var(--radius-3, 6px) var(--radius-3, 6px)}.ds-accordion--s .ds-accordion__header{padding:var(--space-3, 12px)}.ds-accordion--s .ds-accordion__content-body{padding:var(--space-3, 12px);gap:var(--space-2, 8px)}.ds-accordion--m .ds-accordion__header{padding:var(--space-4, 16px)}.ds-accordion--m .ds-accordion__content-body{padding:var(--space-4, 16px);gap:var(--space-3, 12px)}.ds-accordion--l .ds-accordion__header{padding:var(--space-6, 24px)}.ds-accordion--l .ds-accordion__content-body{padding:var(--space-6, 24px);gap:var(--space-4, 16px)}@media (max-width: 640px){.ds-accordion__header{font-size:var(--text-lg, 16px)}.ds-accordion--l .ds-accordion__header{padding:var(--space-4, 16px)}.ds-accordion--l .ds-accordion__content-inner{padding:var(--space-4, 16px);gap:var(--space-3, 12px)}}.ds-tooltip-wrapper{position:relative;display:inline-flex}.ds-tooltip{background-color:var(--color-surface-3);color:var(--color-fg-secondary);font-size:var(--text-sm, 12px);letter-spacing:var(--tracking-sm);width:max-content;max-width:200px;padding:var(--space-2, 8px);border:1px solid var(--color-border-default);box-shadow:var(--shadow-1);z-index:var(--z-tooltip);border-radius:var(--radius-2, 4px);white-space:normal;word-wrap:break-word;pointer-events:none;line-height:1.4}.ds-tooltip--top:after{content:"";position:absolute;top:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:4px solid transparent;border-top-color:var(--color-border-default)}.ds-tooltip--top:before{content:"";position:absolute;top:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:3px solid transparent;border-top-color:var(--color-surface-3);z-index:1}.ds-tooltip--bottom:after{content:"";position:absolute;bottom:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:4px solid transparent;border-bottom-color:var(--color-border-default)}.ds-tooltip--bottom:before{content:"";position:absolute;bottom:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:3px solid transparent;border-bottom-color:var(--color-surface-3);z-index:1}.ds-tooltip--left:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:4px solid transparent;border-left-color:var(--color-border-default)}.ds-tooltip--left:before{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:3px solid transparent;border-left-color:var(--color-surface-3);z-index:1}.ds-tooltip--right:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:4px solid transparent;border-right-color:var(--color-border-default)}.ds-tooltip--right:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:3px solid transparent;border-right-color:var(--color-surface-3);z-index:1}.ds-mention{display:inline;margin:0;padding:0;border:none;background:none;font:inherit;font-weight:var(--font-weight-semibold, 600);color:var(--color-accent-default);cursor:pointer;text-decoration:none;border-bottom:1px dashed color-mix(in srgb,var(--color-accent-default) 55%,transparent);vertical-align:baseline}.ds-mention:hover,.ds-mention:focus-visible,.ds-mention[aria-expanded=true]{border-bottom-style:solid;border-bottom-color:var(--color-accent-default);outline:none}.ds-mention--custom{display:inline-flex;align-items:center;font-weight:inherit;color:inherit;border-bottom:none}.ds-mention--custom:hover,.ds-mention--custom:focus-visible,.ds-mention--custom[aria-expanded=true]{border-bottom:none}.ds-mention--pending{cursor:default;opacity:.75;pointer-events:none}.ds-mention__popover{position:fixed;z-index:var(--z-dropdown, 400);box-sizing:border-box;width:min(17.5rem,calc(100vw - 16px));padding:var(--space-4, 16px);display:flex;flex-direction:column;gap:var(--space-3, 12px);background:var(--color-surface-3);color:var(--color-fg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-4, 8px);box-shadow:var(--shadow-2);pointer-events:auto}.ds-mention__head{display:flex;align-items:flex-start;gap:var(--space-3, 12px)}.ds-mention__meta{display:flex;flex-direction:column;gap:2px;min-width:0;padding-top:2px}.ds-mention__name{font-size:var(--text-md, 14px);font-weight:var(--font-weight-semibold, 600);color:var(--color-fg-primary);line-height:1.3}.ds-mention__handle{font-size:var(--text-xs, 11px);color:var(--color-fg-secondary);line-height:1.3}.ds-mention__desc{margin:0;font-size:var(--text-sm, 12px);font-weight:var(--font-weight-regular, 400);line-height:1.45;letter-spacing:var(--tracking-sm, 0);color:var(--color-fg-secondary);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.ds-mention__actions{display:flex;flex-direction:column;gap:var(--space-2, 8px);margin-top:var(--space-1, 4px);width:100%}.ds-mention__actions .ds-button,.ds-mention__actions>*{width:100%;justify-content:center}.ds-toggle{display:inline-flex;align-items:center;gap:var(--space-3, 12px);cursor:pointer}.ds-toggle--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed}.ds-toggle__input{position:absolute;opacity:0;pointer-events:none}.ds-toggle__track{position:relative;display:flex;align-items:center;background-color:var(--color-surface-1);border:1px solid var(--field-border);transition:background-color var(--transition-normal, .2s ease),border-color var(--transition-normal, .2s ease);flex-shrink:0}.ds-toggle__input:focus-visible+.ds-toggle__track{box-shadow:var(--focus-ring)}.ds-toggle__input:checked+.ds-toggle__track{background-color:var(--control-checked-bg, var(--color-status-success));border-color:var(--control-checked-border, var(--color-status-success))}.ds-toggle__input:not(:checked)+.ds-toggle__track:hover{border-color:var(--field-border-active)}.ds-toggle__thumb{background-color:var(--control-checked-fg, var(--color-white));border-radius:50%;transition:transform var(--transition-normal, .2s ease);box-shadow:0 1px 3px #0003}.ds-toggle__label{font-size:var(--text-lg, 16px);color:var(--color-fg-primary);-webkit-user-select:none;user-select:none}.ds-toggle--xs .ds-toggle__track{width:calc(var(--icon-1, 16px) * 1.75);height:var(--icon-1, 16px);border-radius:calc(var(--icon-1, 16px) / 2);padding:2px}.ds-toggle--xs .ds-toggle__thumb{width:calc(var(--icon-1, 16px) - 4px);height:calc(var(--icon-1, 16px) - 4px)}.ds-toggle--xs .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-1, 16px) * .75))}.ds-toggle--xs .ds-toggle__label{font-size:var(--text-sm, 12px)}.ds-toggle--s .ds-toggle__track{width:calc(var(--icon-2, 20px) * 1.75);height:var(--icon-2, 20px);border-radius:calc(var(--icon-2, 20px) / 2);padding:2px}.ds-toggle--s .ds-toggle__thumb{width:calc(var(--icon-2, 20px) - 4px);height:calc(var(--icon-2, 20px) - 4px)}.ds-toggle--s .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-2, 20px) * .75))}.ds-toggle--s .ds-toggle__label{font-size:var(--text-md, 14px)}.ds-toggle--m .ds-toggle__track{width:calc(var(--icon-3, 24px) * 1.75);height:var(--icon-3, 24px);border-radius:calc(var(--icon-3, 24px) / 2);padding:2px}.ds-toggle--m .ds-toggle__thumb{width:calc(var(--icon-3, 24px) - 4px);height:calc(var(--icon-3, 24px) - 4px)}.ds-toggle--m .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-3, 24px) * .75))}.ds-toggle--m .ds-toggle__label{font-size:var(--text-lg, 16px)}.ds-toggle--l .ds-toggle__track{width:calc(var(--icon-4, 28px) * 1.75);height:var(--icon-4, 28px);border-radius:calc(var(--icon-4, 28px) / 2);padding:3px}.ds-toggle--l .ds-toggle__thumb{width:calc(var(--icon-4, 28px) - 6px);height:calc(var(--icon-4, 28px) - 6px)}.ds-toggle--l .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-4, 28px) * .75))}.ds-toggle--l .ds-toggle__label{font-size:var(--text-lg, 16px)}.ds-checkbox{display:inline-flex;align-items:center;gap:var(--space-3, 12px);cursor:pointer}.ds-checkbox--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed}.ds-checkbox__input{position:absolute;opacity:0;pointer-events:none}.ds-checkbox__box{position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-1);border:1px solid var(--field-border);transition:background-color var(--transition-normal, .2s ease),border-color var(--transition-normal, .2s ease);flex-shrink:0;border-radius:4px}.ds-checkbox__input:focus-visible+.ds-checkbox__box{box-shadow:var(--focus-ring)}.ds-checkbox__input:checked+.ds-checkbox__box{background-color:var(--control-checked-bg, var(--color-status-success));border-color:var(--control-checked-border, var(--color-status-success))}.ds-checkbox__input:not(:checked)+.ds-checkbox__box:hover{border-color:var(--field-border-active)}.ds-checkbox__icon{color:var(--control-checked-fg, var(--color-white))}.ds-checkbox__label{font-size:var(--text-lg, 16px);color:var(--color-fg-primary);-webkit-user-select:none;user-select:none}.ds-checkbox--xs .ds-checkbox__box{width:var(--icon-1, 16px);height:var(--icon-1, 16px)}.ds-checkbox--xs .ds-checkbox__label{font-size:var(--text-sm, 12px)}.ds-checkbox--s .ds-checkbox__box{width:var(--icon-2, 20px);height:var(--icon-2, 20px)}.ds-checkbox--s .ds-checkbox__label{font-size:var(--text-md, 14px)}.ds-checkbox--m .ds-checkbox__box{width:var(--icon-3, 24px);height:var(--icon-3, 24px)}.ds-checkbox--m .ds-checkbox__label{font-size:var(--text-lg, 16px)}.ds-checkbox--l .ds-checkbox__box{width:var(--icon-4, 28px);height:var(--icon-4, 28px)}.ds-checkbox--l .ds-checkbox__label{font-size:var(--text-lg, 16px)}.ds-radio{display:inline-flex;align-items:center;gap:var(--space-3, 12px);cursor:pointer}.ds-radio--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed}.ds-radio__input{position:absolute;opacity:0;pointer-events:none}.ds-radio__circle{position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-1);border:1px solid var(--field-border);transition:background-color var(--transition-normal, .2s ease),border-color var(--transition-normal, .2s ease);flex-shrink:0;border-radius:50%}.ds-radio__input:checked+.ds-radio__circle{background-color:var(--control-checked-bg, var(--color-status-success));border-color:var(--control-checked-border, var(--color-status-success))}.ds-radio__input:focus-visible+.ds-radio__circle{box-shadow:var(--focus-ring)}.ds-radio__input:not(:checked)+.ds-radio__circle:hover{border-color:var(--field-border-active)}.ds-radio__dot{background-color:var(--control-checked-fg, var(--color-white));border-radius:50%;opacity:0;transition:opacity var(--transition-normal, .2s ease)}.ds-radio__input:checked+.ds-radio__circle .ds-radio__dot{opacity:1}.ds-radio__label{font-size:var(--text-lg, 16px);color:var(--color-fg-primary);-webkit-user-select:none;user-select:none}.ds-radio--xs .ds-radio__circle{width:var(--icon-1, 16px);height:var(--icon-1, 16px)}.ds-radio--xs .ds-radio__dot{width:6px;height:6px}.ds-radio--xs .ds-radio__label{font-size:var(--text-sm, 12px)}.ds-radio--s .ds-radio__circle{width:var(--icon-2, 20px);height:var(--icon-2, 20px)}.ds-radio--s .ds-radio__dot{width:8px;height:8px}.ds-radio--s .ds-radio__label{font-size:var(--text-md, 14px)}.ds-radio--m .ds-radio__circle{width:var(--icon-3, 24px);height:var(--icon-3, 24px)}.ds-radio--m .ds-radio__dot{width:10px;height:10px}.ds-radio--m .ds-radio__label{font-size:var(--text-lg, 16px)}.ds-radio--l .ds-radio__circle{width:var(--icon-4, 28px);height:var(--icon-4, 28px)}.ds-radio--l .ds-radio__dot{width:12px;height:12px}.ds-radio--l .ds-radio__label{font-size:var(--text-lg, 16px)}.ds-skeleton{display:block;background-color:var(--color-surface-2);animation:ds-skeleton-pulse 1.5s ease-in-out infinite}@keyframes ds-skeleton-pulse{0%,to{opacity:.4}50%{opacity:.85}}.ds-skeleton--rect{border-radius:var(--radius-2, 4px)}.ds-skeleton--circle{border-radius:var(--radius-full, 9999px)}.ds-skeleton--text{height:1em;border-radius:var(--radius-2, 4px)}.ds-skeleton--pill{border-radius:var(--radius-full, 9999px)}.ds-skeleton-text{display:flex;flex-direction:column;gap:var(--space-2, 8px);width:100%}.ds-avatar__initials{font-size:.4em;font-weight:var(--font-weight-medium, 500);line-height:1;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.ds-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block}.ds-avatar{flex-shrink:0;border-radius:var(--radius-full, 9999px);display:grid;place-items:center;border:1px solid var(--color-border-default);background-color:hsl(var(--ds-avatar-h, 220) 22% 88%);color:hsl(var(--ds-avatar-h, 220) 30% 35%);overflow:hidden}[data-theme=dark] .ds-avatar,:root:not([data-theme=light]) .ds-avatar{background-color:hsl(var(--ds-avatar-h, 220) 18% 22%);color:hsl(var(--ds-avatar-h, 220) 40% 72%)}.ds-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-3, 6px);border:1px solid var(--table-wrap-border)}.ds-table-wrap--scroll{overflow-y:auto}.ds-table{width:100%;border-collapse:collapse;background-color:var(--color-surface-1)}.ds-table thead{background-color:var(--color-surface-2)}.ds-table th{font-family:var(--table-th-font-family);font-weight:var(--table-th-weight);font-size:var(--table-th-font-size);color:var(--table-th-color);letter-spacing:var(--table-th-tracking);text-transform:var(--table-th-text-transform);text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none;position:sticky;top:var(--ds-table-sticky-top, 0px);z-index:2;background-color:var(--color-surface-2);box-shadow:0 1px 0 var(--table-row-border)}.ds-th--sortable{cursor:pointer}.ds-th--sortable:hover{color:var(--color-fg-primary)}.ds-th--sortable:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-table td{text-align:left;color:var(--color-fg-primary);border-bottom:1px solid var(--table-row-border);vertical-align:middle}.ds-table tbody tr:last-child td{border-bottom:none}.ds-table--compact th,.ds-table--compact td{padding:var(--space-2, 8px) var(--space-3, 12px);font-size:var(--text-sm, 12px);letter-spacing:var(--tracking-sm);line-height:1.4}.ds-table--default th,.ds-table--default td{padding:var(--space-3, 12px) var(--space-4, 16px);font-size:var(--text-md, 14px);letter-spacing:var(--tracking-md)}.ds-table-row--interactive{cursor:pointer;transition:background-color var(--transition-fast, .1s ease)}.ds-table-row--interactive:hover{background-color:var(--color-state-hover)}.ds-table-row--interactive:active{background-color:var(--color-state-active)}.ds-table-row--interactive:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:-2px}.ds-table-row--selected,.ds-table-row--selected.ds-table-row--interactive:hover{background-color:var(--color-state-selected)}.ds-table-cell--center{text-align:center}.ds-table-cell--right{text-align:right}.ds-table-cell--secondary{color:var(--color-fg-secondary)}.ds-table-cell--muted{color:var(--color-fg-disabled)}.ds-table-cell--truncate{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-table-cell--nowrap{white-space:nowrap}.ds-th__inner{display:inline-flex;align-items:center;gap:var(--space-1, 4px)}.ds-th__sort-icon{flex-shrink:0;opacity:.35;transition:opacity var(--transition-fast, .1s ease)}.ds-th--sorted .ds-th__sort-icon{opacity:1;color:var(--color-accent-default)}.ds-th--sortable:hover .ds-th__sort-icon{opacity:.7}.ds-table-row--subheader td{font-family:var(--table-subrow-font);color:var(--table-subrow-color);background-color:var(--table-subrow-bg);letter-spacing:var(--table-subrow-tracking);text-transform:var(--table-subrow-transform);font-weight:var(--table-th-weight);border-top:1px solid var(--table-row-border);border-bottom:1px solid var(--table-row-border);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes ds-row-exit{to{opacity:0;transform:translateY(-3px)}}@keyframes ds-row-flash{0%{background-color:var(--color-accent-bg)}to{background-color:transparent}}.ds-table-row{transition:background-color .1s ease;transition:opacity .18s ease,transform .18s ease,background-color .1s ease}@starting-style{.ds-table-row{opacity:0;transform:translateY(-3px)}}.ds-table-row--exiting{animation:ds-row-exit .18s ease forwards;pointer-events:none}.ds-table-row--updated{animation:ds-row-flash .6s ease}@media (prefers-reduced-motion: reduce){.ds-table-row,.ds-table-row--exiting,.ds-table-row--updated{animation:none;transition:none}}.ds-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center}.ds-empty-state__icon{color:var(--color-fg-disabled);flex-shrink:0;display:flex;align-items:center}.ds-empty-state--s .ds-empty-state__icon svg{width:var(--icon-3, 24px);height:var(--icon-3, 24px)}.ds-empty-state--m .ds-empty-state__icon svg,.ds-empty-state--l .ds-empty-state__icon svg{width:var(--icon-5, 48px);height:var(--icon-5, 48px)}.ds-empty-state__title{font-size:var(--text-lg, 16px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);line-height:1.4}.ds-empty-state__description{font-size:var(--text-md, 14px);color:var(--color-fg-secondary);line-height:1.5;max-width:360px}.ds-empty-state--s{padding:var(--space-6, 24px);gap:var(--space-2, 8px)}.ds-empty-state--s .ds-empty-state__title{font-size:var(--text-md, 14px)}.ds-empty-state--s .ds-empty-state__description{font-size:var(--text-sm, 12px)}.ds-empty-state--m{padding:var(--space-10, 40px);gap:var(--space-3, 12px)}.ds-empty-state--l{padding:var(--space-16, 64px);gap:var(--space-4, 16px)}.ds-empty-state--l .ds-empty-state__title{font-size:var(--text-xl, 18px)}.ds-empty-state__action{margin-top:var(--space-1, 4px)}.ds-field{display:flex;flex-direction:column}.ds-field[data-disabled]{opacity:var(--state-disabled-opacity, .4);pointer-events:none;cursor:not-allowed}.ds-field-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color);margin-bottom:var(--space-1, 4px)}.ds-field[data-required] .ds-field-label:after{content:" *";color:var(--color-error)}.ds-field-hint,.ds-field-error{font-size:var(--text-md, 14px);line-height:1.5;margin-top:var(--space-2, 8px)}.ds-field-hint{color:var(--color-fg-secondary)}.ds-field-error{color:var(--color-error)}[data-state=error] .ds-field-control .ds-input,[data-state=error] .ds-field-control .ds-textarea,[data-state=error] .ds-field-control .ds-select-trigger{border-color:var(--color-error)}[data-density=compact] .ds-field-hint,[data-density=compact] .ds-field-error{font-size:var(--text-sm, 12px);margin-top:var(--space-1, 4px)}.ds-stat{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.ds-stat--inline{flex-direction:row;align-items:baseline;gap:var(--space-3, 12px)}.ds-stat--xs .ds-stat-label{font-size:11px}.ds-stat--xs .ds-stat-value{font-size:20px}.ds-stat--s .ds-stat-label{font-size:var(--text-sm, 12px)}.ds-stat--s .ds-stat-value{font-size:24px}.ds-stat--m .ds-stat-label{font-size:var(--text-md, 14px)}.ds-stat--m .ds-stat-value{font-size:32px}.ds-stat--l .ds-stat-label{font-size:var(--text-md, 14px)}.ds-stat--l .ds-stat-value{font-size:40px}.ds-stat-label{font-family:var(--font-ui, inherit);color:var(--color-fg-secondary);letter-spacing:var(--ui-tracking, 0);text-transform:var(--ui-text-transform, none);line-height:1.2}.ds-stat-value{font-weight:var(--font-weight-semibold, 600);color:var(--color-fg-primary);line-height:1.1;font-variant-numeric:tabular-nums}.ds-stat-delta{font-size:var(--text-sm, 12px);font-weight:var(--font-weight-medium, 500);line-height:1.2}.ds-stat-delta--up{color:var(--color-status-success)}.ds-stat-delta--down{color:var(--color-status-error)}.ds-stat-delta--neutral{color:var(--color-fg-secondary)}[data-density=compact] .ds-stat--m .ds-stat-value{font-size:24px}[data-density=compact] .ds-stat--l .ds-stat-value{font-size:32px}.ds-breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;font-family:var(--font-ui, inherit);font-size:var(--text-md, 14px)}.ds-breadcrumb-item{display:flex;align-items:center}.ds-breadcrumb-sep{padding:0 var(--space-2, 8px);color:var(--color-fg-disabled);-webkit-user-select:none;user-select:none}.ds-breadcrumb-list a{color:var(--color-fg-secondary);text-decoration:none;border-radius:var(--radius-1, 2px);transition:color var(--motion-hover, .2s ease)}.ds-breadcrumb-list a:hover{color:var(--color-fg-primary)}.ds-breadcrumb-list a:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-breadcrumb-list [aria-current=page]{color:var(--color-fg-primary);font-weight:var(--font-weight-medium, 500)}[data-density=compact] .ds-breadcrumb-list{font-size:var(--text-sm, 12px)}.ds-pagination{display:flex;align-items:center;gap:var(--space-1, 4px);font-family:var(--font-ui, inherit)}.ds-pagination-page,.ds-pagination-arrow{display:flex;align-items:center;justify-content:center;height:var(--height-2, 32px);min-width:var(--height-2, 32px);padding:0 var(--space-2, 8px);border:none;background:none;color:var(--color-fg-secondary);font-family:inherit;font-size:var(--text-md, 14px);border-radius:var(--radius-2, 4px);cursor:pointer;transition:background-color var(--motion-hover, .2s ease),color var(--motion-hover, .2s ease)}.ds-pagination-page:hover:not(:disabled),.ds-pagination-arrow:hover:not(:disabled){background-color:var(--color-state-hover);color:var(--color-fg-primary)}.ds-pagination-page:focus-visible,.ds-pagination-arrow:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-pagination-page:disabled,.ds-pagination-arrow:disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed}.ds-pagination-page--current{background-color:var(--color-state-selected);color:var(--color-fg-primary);font-weight:var(--font-weight-medium, 500);cursor:default}.ds-pagination-page--current:hover{background-color:var(--color-state-selected)}.ds-pagination-gap{display:flex;align-items:center;justify-content:center;min-width:var(--height-2, 32px);color:var(--color-fg-disabled);font-size:var(--text-md, 14px);-webkit-user-select:none;user-select:none}[data-density=compact] .ds-pagination-page,[data-density=compact] .ds-pagination-arrow{font-size:var(--text-sm, 12px)}@keyframes ds-side-page-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ds-side-page-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes ds-side-page-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes ds-side-page-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes ds-side-page-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes ds-side-page-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.ds-side-page-overlay{position:fixed;top:0;bottom:0;left:var(--ds-side-page-offset-left, 0);right:var(--ds-side-page-offset-right, 0);background-color:var(--color-overlay);z-index:var(--z-modal);display:flex;align-items:stretch;animation:ds-side-page-overlay-in .2s ease}.ds-side-page-overlay[data-side=right]{justify-content:flex-end}.ds-side-page-overlay[data-side=left]{justify-content:flex-start}.ds-side-page-overlay--closing{animation:ds-side-page-overlay-out .3s ease forwards}.ds-side-page{height:100%;background-color:var(--color-surface-2);box-shadow:var(--shadow-3);display:flex;flex-direction:column;position:relative;overflow:hidden}.ds-side-page[data-size=narrow]{width:360px;max-width:100%}.ds-side-page[data-size=medium]{width:600px;max-width:100%}.ds-side-page[data-size=wide]{width:90vw;max-width:960px}.ds-side-page[data-side=right]{border-radius:var(--radius-4, 12px) 0 0 var(--radius-4, 12px);animation:ds-side-page-in-right .35s cubic-bezier(.32,.72,0,1)}.ds-side-page[data-side=left]{border-radius:0 var(--radius-4, 12px) var(--radius-4, 12px) 0;animation:ds-side-page-in-left .35s cubic-bezier(.32,.72,0,1)}.ds-side-page--closing[data-side=right]{animation:ds-side-page-out-right .3s cubic-bezier(.32,.72,0,1) forwards}.ds-side-page--closing[data-side=left]{animation:ds-side-page-out-left .3s cubic-bezier(.32,.72,0,1) forwards}.ds-side-page__close{position:absolute;top:var(--space-2, 8px);right:var(--space-2, 8px);z-index:1}.ds-side-page__header{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-4);padding-right:calc(var(--space-6, 24px) + 32px + var(--space-2, 8px));border-bottom:1px solid var(--color-border-light);flex-shrink:0}.ds-side-page__title{font-size:var(--text-2xl, 20px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);margin:0}.ds-side-page[data-size=narrow] .ds-side-page__title{font-size:var(--text-xl, 18px)}.ds-side-page__subheader{display:flex;flex-direction:column;gap:var(--space-4)}.ds-side-page__body{padding:var(--space-6);flex:1;overflow-y:auto;min-height:0;overscroll-behavior:contain}.ds-side-page__footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--color-border-light);background-color:var(--color-surface-2);flex-shrink:0}@media (max-width: 639px){.ds-side-page{width:100%!important;max-width:100%!important;border-radius:0!important}}.ds-nav-rail{display:flex;flex-direction:column;width:240px;background-color:var(--color-surface-1);overflow:hidden;transition:width var(--motion-hover);flex-shrink:0;box-sizing:border-box}.ds-nav-rail--left{border-right:1px solid var(--color-border-light)}.ds-nav-rail--right{border-left:1px solid var(--color-border-light)}.ds-nav-rail--collapsed{width:56px}.ds-nav-rail--collapsed[data-expandable]{cursor:e-resize}.ds-nav-rail--right.ds-nav-rail--collapsed[data-expandable]{cursor:w-resize}.ds-nav-rail--collapsed[data-expandable] button,.ds-nav-rail--collapsed[data-expandable] a{cursor:pointer}.ds-nav-rail[data-collapsible]{cursor:w-resize}.ds-nav-rail--right[data-collapsible]{cursor:e-resize}.ds-nav-rail[data-collapsible] button,.ds-nav-rail[data-collapsible] a{cursor:pointer}.ds-nav-rail__item{position:relative;display:flex;align-items:center;gap:var(--space-3);height:var(--height-3, 44px);min-height:var(--height-3, 44px);flex-shrink:0;padding:0 var(--space-3);margin:1px 0;color:var(--color-fg-secondary);border-radius:var(--radius-3);outline:none;cursor:pointer;text-decoration:none;border:none;background:transparent;width:100%;text-align:left;box-sizing:border-box;transition:color var(--motion-hover);font-family:var(--font-ui, inherit)}.ds-nav-rail__item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:transparent;pointer-events:none;transition:background-color var(--motion-hover);z-index:0}.ds-nav-rail__item:hover:before{background-color:var(--color-state-hover)}.ds-nav-rail__item:active:before{background-color:var(--color-state-active)}.ds-nav-rail__item[data-selected]{color:var(--color-fg-primary);font-weight:var(--font-weight-medium, 500)}.ds-nav-rail__item[data-selected]:before{background-color:var(--color-state-selected)}.ds-nav-rail__item[data-selected]:after{content:"";position:absolute;left:calc(-1 * var(--space-2));top:var(--space-2);bottom:var(--space-2);width:2px;background:var(--color-fg-primary);border-radius:0 var(--radius-1) var(--radius-1) 0}.ds-nav-rail--right .ds-nav-rail__item[data-selected]:after{left:auto;right:calc(-1 * var(--space-2));border-radius:var(--radius-1) 0 0 var(--radius-1)}.ds-nav-rail__item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-nav-rail__item[data-disabled]{color:var(--color-fg-disabled);cursor:not-allowed;pointer-events:none}.ds-nav-rail__item[data-disabled]:before,.ds-nav-rail__item[data-disabled]:after{display:none}.ds-nav-rail__item[data-open]{box-shadow:inset 0 0 0 1px var(--color-border-strong)}.ds-nav-rail__item[data-open][data-selected]{box-shadow:inset 0 0 0 1px var(--color-border-strong),var(--focus-ring, none)}.ds-nav-rail__item[data-onboarding]{box-shadow:0 0 0 2px var(--color-accent-2)}.ds-nav-rail__icon,.ds-nav-rail__label,.ds-nav-rail__count,.ds-nav-rail__count-collapsed,.ds-nav-rail__dot{position:relative;z-index:1}.ds-nav-rail__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.ds-nav-rail__label{flex:1;font-size:var(--text-s, 14px);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-nav-rail__count{font-size:var(--text-xs, 12px);color:var(--color-fg-secondary);min-width:16px;text-align:right;flex-shrink:0}.ds-nav-rail__count--zero{color:var(--color-fg-disabled)}.ds-nav-rail__count[data-updated]{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background-color:var(--color-accent-default);color:var(--color-accent-fg);text-align:center;box-sizing:border-box}.ds-nav-rail__count-collapsed{position:absolute;top:4px;right:4px;min-width:14px;height:14px;padding:0 3px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;line-height:1;font-weight:var(--font-weight-medium, 500);border-radius:var(--radius-full);background-color:var(--color-state-selected);color:var(--color-fg-secondary);box-sizing:border-box}.ds-nav-rail__count-collapsed[data-updated]{background-color:var(--color-accent-default);color:var(--color-accent-fg)}.ds-nav-rail__dot{position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:var(--radius-full);background-color:var(--color-accent-default);animation:ds-nav-rail-pulse 2s ease-in-out infinite}.ds-nav-rail__dot--inline{position:relative;top:auto;right:auto;flex-shrink:0}@keyframes ds-nav-rail-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.ds-nav-rail__dot{animation:none}.ds-nav-rail{transition:none}}.ds-nav-rail__header{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-2) var(--space-2) var(--space-1);flex-shrink:0}.ds-nav-rail__body{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--space-1) var(--space-2)}.ds-nav-rail__footer{display:flex;flex-direction:column;padding:var(--space-1) var(--space-2) var(--space-2);flex-shrink:0}.ds-nav-rail__divider{border:none;border-top:1px solid var(--color-border-light);margin:var(--space-1) var(--space-2);flex-shrink:0}.ds-nav-rail__recents{display:flex;flex-direction:column}.ds-nav-rail__recents-toggle{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3) var(--space-1);background:none;border:none;cursor:pointer;outline:none;width:100%;text-align:left;color:var(--color-fg-disabled)}.ds-nav-rail__recents-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-2)}.ds-nav-rail__recents-label{flex:1;font-size:var(--text-xs, 12px);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.04em}.ds-nav-rail__recents-chevron{flex-shrink:0;transition:transform var(--motion-hover)}.ds-nav-rail__recents-toggle--closed .ds-nav-rail__recents-chevron{transform:rotate(-90deg)}.ds-nav-rail__recents-body{display:flex;flex-direction:column}.ds-nav-rail__agent .ds-nav-rail__icon{width:24px;height:24px}.ds-nav-rail--collapsed{--_strip-offset: calc((56px - var(--height-3, 44px)) / 2)}.ds-nav-rail--collapsed .ds-nav-rail__item{justify-content:center;padding:0;width:var(--height-3, 44px);margin-left:auto;margin-right:auto}.ds-nav-rail--collapsed .ds-nav-rail__item[data-selected]:after{left:calc(-1 * var(--_strip-offset))}.ds-nav-rail--right.ds-nav-rail--collapsed .ds-nav-rail__item[data-selected]:after{left:auto;right:calc(-1 * var(--_strip-offset))}.ds-nav-rail--collapsed .ds-nav-rail__body,.ds-nav-rail--collapsed .ds-nav-rail__header,.ds-nav-rail--collapsed .ds-nav-rail__footer{padding-left:0;padding-right:0;align-items:center}.ds-nav-rail--collapsed .ds-tooltip-wrapper{display:flex;width:100%;justify-content:center;align-items:center}.ds-nav-rail--collapsed .ds-nav-rail__header{align-items:center}.ds-nav-rail--collapsed .ds-nav-rail__label,.ds-nav-rail--collapsed .ds-nav-rail__count{display:none}.ds-nav-rail-flyout{position:fixed;width:240px;background-color:var(--color-surface-2);border:1px solid var(--color-border-light);border-radius:var(--radius-3, 8px);box-shadow:var(--shadow-3);display:flex;flex-direction:column;max-height:calc(100vh - 16px);overflow:hidden;opacity:0;pointer-events:none;z-index:var(--z-dropdown, 400)}.ds-nav-rail-flyout--left{transform:translate(-6px);transition:opacity var(--motion-enter, .2s ease),transform var(--motion-enter, .2s ease)}.ds-nav-rail-flyout--right{transform:translate(6px);transition:opacity var(--motion-enter, .2s ease),transform var(--motion-enter, .2s ease)}.ds-nav-rail-flyout--visible{opacity:1;transform:translate(0);pointer-events:auto}.ds-nav-rail-flyout__header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.ds-nav-rail-flyout__title{flex:1;font-size:var(--text-s, 14px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);font-family:var(--font-ui, inherit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-nav-rail-flyout__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border:none;background:none;border-radius:var(--radius-1, 4px);color:var(--color-fg-secondary);cursor:pointer;padding:0}.ds-nav-rail-flyout__close:hover{background-color:var(--color-state-hover);color:var(--color-fg-primary)}.ds-nav-rail-flyout__close:active{background-color:var(--color-state-active)}.ds-nav-rail-flyout__close:focus-visible{box-shadow:var(--focus-ring);outline:none}.ds-nav-rail-flyout__body{flex:1;overflow-y:auto;padding:var(--space-1) var(--space-2)}.ds-banner{display:flex;align-items:center;gap:var(--space-3, 12px);min-height:var(--height-3, 44px);padding:0 var(--space-5, 20px);width:100%;font-family:var(--font-ui, inherit);font-size:var(--text-md, 14px)}.ds-banner-icon{display:flex;align-items:center;flex-shrink:0}.ds-banner-text{flex:1;color:var(--color-fg-primary);line-height:1.5}.ds-banner-action{background:none;border:1px solid currentColor;border-radius:var(--radius-2, 4px);color:inherit;cursor:pointer;font-family:inherit;font-size:var(--text-sm, 12px);font-weight:var(--font-weight-medium, 500);padding:2px var(--space-3, 12px);white-space:nowrap;transition:opacity var(--motion-hover, .2s ease)}.ds-banner-action:hover{opacity:.8}.ds-banner-action:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-banner-dismiss{display:flex;align-items:center;background:none;border:none;color:inherit;cursor:pointer;opacity:.7;padding:0;flex-shrink:0;transition:opacity var(--motion-hover, .2s ease)}.ds-banner-dismiss:hover{opacity:1}.ds-banner-dismiss:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-2, 4px)}.ds-banner--info{background:linear-gradient(var(--color-status-info-bg),var(--color-status-info-bg)),var(--color-surface-1);color:var(--color-status-info)}.ds-banner--success{background:linear-gradient(var(--color-status-success-bg),var(--color-status-success-bg)),var(--color-surface-1);color:var(--color-status-success)}.ds-banner--warning{background:linear-gradient(var(--color-status-warning-bg),var(--color-status-warning-bg)),var(--color-surface-1);color:var(--color-status-warning)}.ds-banner--error{background:linear-gradient(var(--color-status-error-bg),var(--color-status-error-bg)),var(--color-surface-1);color:var(--color-status-error)}.ds-dropdown{position:relative;display:inline-block}.ds-dropdown--full-width{display:block;width:100%}.ds-dropdown__trigger{display:inline-flex}.ds-dropdown--full-width>.ds-dropdown__trigger{display:flex;width:100%}.ds-dropdown--full-width .ds-tooltip-wrapper{width:100%;justify-content:center}@keyframes ds-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-dropdown-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.ds-dropdown__menu{position:fixed;z-index:var(--z-dropdown);min-width:180px;background-color:var(--color-surface-2);border:1px solid var(--color-border-default);border-radius:var(--radius-3, 6px);box-shadow:var(--shadow-2);padding:var(--space-2, 8px);animation:ds-dropdown-in var(--motion-enter, .3s ease)}.ds-dropdown__menu--closing{animation:ds-dropdown-out var(--motion-exit, .2s ease) forwards}.ds-dropdown__item{display:flex;align-items:center;gap:var(--space-2, 8px);width:100%;height:var(--height-2, 32px);padding:0 var(--space-3, 12px);background:none;border:none;border-radius:var(--radius-2, 4px);cursor:pointer;font-size:var(--text-md, 14px);font-family:var(--font-ui, inherit);font-weight:var(--font-weight-regular, 400);color:var(--color-fg-secondary);text-align:left;text-decoration:none;transition:background-color var(--transition-normal, .2s ease),color var(--transition-normal, .2s ease)}.ds-dropdown__item:hover:not(:disabled):not([aria-disabled=true]),.ds-dropdown__item:focus-visible{background-color:var(--color-state-hover);color:var(--color-fg-primary);outline:none}.ds-dropdown__item:disabled,.ds-dropdown__item[aria-disabled=true]{color:var(--color-fg-disabled);cursor:not-allowed}.ds-dropdown__item--danger{color:var(--color-status-error)}.ds-dropdown__item--danger:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-status-error-bg);color:var(--color-status-error)}.ds-dropdown__item-icon{display:flex;align-items:center;flex-shrink:0}.ds-dropdown__item-label{flex:1}.ds-dropdown__item-shortcut{font-size:var(--text-sm, 12px);color:var(--color-fg-disabled);padding-left:var(--space-3, 12px)}.ds-dropdown__separator{height:1px;background-color:var(--color-border-light);margin:var(--space-2, 8px) 0}.ds-dropdown__section{padding:var(--space-2, 8px) var(--space-2, 8px) var(--space-2, 8px)}.ds-dropdown__section-label{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);margin-bottom:var(--space-2, 8px);padding:0 var(--space-1, 4px)}.ds-progress{display:flex;align-items:center;gap:var(--space-2, 8px);width:100%}.ds-progress__track{flex:1;background-color:var(--color-state-selected);border-radius:var(--radius-full, 9999px);overflow:hidden}.ds-progress__fill{height:100%;border-radius:var(--radius-full, 9999px);transition:width .35s ease}.ds-progress--instant .ds-progress__fill{transition:none}.ds-progress__fill--default{background-color:var(--color-accent-default)}.ds-progress__fill--success{background-color:var(--color-status-success)}.ds-progress__fill--warning{background-color:var(--color-status-warning)}.ds-progress__fill--danger{background-color:var(--color-status-error)}.ds-progress--xs .ds-progress__track{height:var(--space-1, 4px)}.ds-progress--s .ds-progress__track{height:var(--space-2, 8px)}.ds-progress--m .ds-progress__track{height:var(--space-3, 12px)}.ds-progress--l .ds-progress__track{height:var(--space-6, 24px)}.ds-progress__value{flex-shrink:0;font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);font-family:var(--font-ui, inherit);min-width:2.5ch;text-align:right}@media (prefers-reduced-motion: reduce){.ds-progress__fill{transition:none}}.ds-toast-container{position:fixed;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2, 8px);pointer-events:none}.ds-toast-container--bottom-right{bottom:var(--space-6, 24px);right:var(--space-6, 24px);align-items:flex-end}.ds-toast-container--bottom-left{bottom:var(--space-6, 24px);left:var(--space-6, 24px);align-items:flex-start}.ds-toast-container--top-right{top:var(--space-6, 24px);right:var(--space-6, 24px);align-items:flex-end}.ds-toast-container--top-left{top:var(--space-6, 24px);left:var(--space-6, 24px);align-items:flex-start}.ds-toast-container--bottom-center{bottom:var(--space-6, 24px);left:50%;transform:translate(-50%);align-items:center}.ds-toast{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-3, 12px);border-radius:var(--radius-3, 6px);box-shadow:var(--shadow-3);font-size:var(--text-md, 14px);pointer-events:all;max-width:380px;min-width:240px;opacity:0;transform:translateY(8px);transition:opacity var(--motion-enter, .3s ease),transform var(--motion-enter, .3s ease)}.ds-toast--visible{opacity:1;transform:translateY(0)}.ds-toast--default{background:linear-gradient(var(--color-status-info-bg),var(--color-status-info-bg)),var(--color-surface-1);color:var(--color-status-info)}.ds-toast--success{background:linear-gradient(var(--color-status-success-bg),var(--color-status-success-bg)),var(--color-surface-1);color:var(--color-status-success)}.ds-toast--warning{background:linear-gradient(var(--color-status-warning-bg),var(--color-status-warning-bg)),var(--color-surface-1);color:var(--color-status-warning)}.ds-toast--error{background:linear-gradient(var(--color-status-error-bg),var(--color-status-error-bg)),var(--color-surface-1);color:var(--color-status-error)}.ds-toast__icon{flex-shrink:0;display:flex;align-items:center}.ds-toast__message{flex:1;color:var(--color-fg-primary);line-height:1.5}.ds-toast__close{flex-shrink:0;background:none;border:none;cursor:pointer;color:inherit;opacity:.7;padding:0;display:flex;align-items:center;transition:opacity var(--transition-normal, .2s ease)}.ds-toast__close:hover{opacity:1}.ds-toast__close:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-2, 4px)}.ds-tool-card{border-radius:var(--radius-3);overflow:hidden}.ds-tool-card .ds-accordion__header{font-size:var(--text-sm, 12px)}.ds-tool-card__title-row{display:flex;align-items:center;gap:var(--space-2, 8px);min-width:0}.ds-tool-card__icon{display:inline-flex;flex-shrink:0;color:var(--color-fg-secondary)}.ds-tool-card__label{font-family:var(--font-mono, monospace);font-size:var(--text-sm, 12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-tool-card__body{display:flex;flex-direction:column;gap:var(--space-3, 12px)}.ds-tool-card--running .ds-accordion__icon{display:none}.ds-tool-card--running .ds-accordion__header{cursor:default;pointer-events:none}.ds-tool-card--bubble{display:flex;align-items:center;padding:var(--space-3, 12px);background:var(--color-surface-1);color:var(--color-fg-secondary)}.ds-streaming-text{white-space:pre-wrap}.ds-cursor{display:inline-block;margin-left:2px;background:currentColor;opacity:.8;vertical-align:text-bottom;animation:ds-cursor-blink 1s steps(2,end) infinite}.ds-cursor--line{width:2px;height:1.1em}.ds-cursor--block{width:.5em;height:1em}@keyframes ds-cursor-blink{50%{opacity:0}}@media (prefers-reduced-motion: reduce){.ds-cursor{animation:none;opacity:.6}}.ds-reasoning__title{display:flex;align-items:center;gap:var(--space-2, 8px)}.ds-reasoning__icon{color:var(--color-fg-secondary);flex-shrink:0}.ds-step-indicator{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, 12px)}.ds-step-indicator__dots{display:flex;gap:var(--space-2, 8px);align-items:center}.ds-step-indicator__dot{width:18px;height:6px;border-radius:var(--radius-full, 9999px);border:none;padding:0;background:var(--color-border-default);cursor:default;transition:width var(--transition-fast, .15s ease),background-color var(--transition-fast, .15s ease);display:inline-flex;align-items:center;justify-content:center;color:transparent}.ds-step-indicator__dot:not(:disabled){cursor:pointer}.ds-step-indicator__dot:not(:disabled):hover{background:var(--color-fg-secondary)}.ds-step-indicator__dot--active{background:var(--color-accent-default);width:28px}.ds-step-indicator__dot--done{background:var(--color-accent-default);color:#fff}.ds-step-indicator__dot:disabled:not(.ds-step-indicator__dot--active):not(.ds-step-indicator__dot--done){opacity:.5}.ds-step-indicator__counter{font-variant-numeric:tabular-nums;letter-spacing:.02em}.ds-chat-message{display:flex;flex-direction:column;position:relative}.ds-chat-message--user{align-items:flex-end;padding-left:10%}.ds-chat-message--user .ds-chat-message__bubble{position:relative;max-width:80%;padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--color-surface-1);border-radius:var(--radius-4, 8px) var(--radius-4, 8px) 0 var(--radius-4, 8px);overflow-wrap:break-word;word-break:break-word}.ds-chat-message--user .ds-chat-message__bubble:after{content:"";position:absolute;bottom:0;right:-6px;width:0;height:0;border-style:solid;border-width:6px 0 0 6px;border-color:transparent transparent transparent var(--color-surface-1)}.ds-chat-message--user .ds-chat-message__footer{margin-top:var(--space-1, 4px);margin-bottom:var(--space-2, 8px);display:flex;justify-content:flex-end}.ds-chat-message--assistant{padding-left:var(--space-2, 8px);padding-right:10%}.ds-chat-message--assistant .ds-chat-message__footer{margin-top:var(--space-1, 4px);margin-bottom:var(--space-2, 8px);display:flex;align-items:center;gap:var(--space-1, 4px)}.ds-chat-message--tool{padding-left:var(--space-2, 8px)}.ds-chat-message--system{align-items:center;padding:var(--space-1, 4px) 0}.ds-chat-message__system-label{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);background:var(--color-state-selected);padding:var(--space-1, 4px) var(--space-3, 12px);border-radius:var(--radius-full, 9999px)}.ds-chat-message__attachments{display:flex;flex-wrap:wrap;gap:var(--space-2, 8px);margin-bottom:var(--space-3, 12px)}.ds-chat-message:has(.ds-chat-message__footer) .ds-chat-message__body>*:last-child,.ds-chat-message:has(.ds-chat-message__footer) .ds-chat-message__bubble>*:last-child{margin-bottom:0}.ds-message-action{display:inline-flex;flex-shrink:0;opacity:0;transition:opacity var(--transition-fast)}.ds-chat-message--assistant:hover .ds-message-action,.ds-chat-message--user:hover .ds-message-action,.ds-message-action:focus-within{opacity:1}@media (hover: none){.ds-message-action{opacity:1}}.ds-chat-message__timestamp{font-size:var(--text-xs, 11px);color:var(--color-fg-secondary);white-space:nowrap;align-items:center;margin-left:var(--space-3, 12px)}.ds-chat-message--user .ds-chat-message__footer .ds-chat-message__timestamp{margin-left:0;margin-right:var(--space-3, 12px)}.ds-prompt-input{display:flex;gap:var(--space-3);background-color:var(--color-surface-0)}.ds-prompt-input__file-input{display:none}.ds-prompt-input__box{flex:1;display:flex;flex-direction:column;gap:var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-3);padding:var(--space-3);box-shadow:var(--shadow-1);transition:border-color var(--transition-fast),background-color var(--transition-fast);position:relative}.ds-prompt-input__box:hover{border-color:var(--color-border-strong)}.ds-prompt-input__box:focus-within{border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}.ds-prompt-input__box--dragging{border-color:var(--color-accent-default)!important;background-color:var(--color-accent-bg)}.ds-prompt-input__drag-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-3);border:2px dashed var(--color-accent-default);background:var(--color-accent-bg);z-index:10;pointer-events:none;color:var(--color-accent-default);font-size:var(--text-md);font-family:inherit}.ds-prompt-input__textarea{resize:none;background-color:transparent;border:none;color:var(--color-fg-primary);font-size:var(--text-md);font-family:inherit;outline:none;width:100%}.ds-prompt-input__textarea--anim{caret-color:transparent}.ds-prompt-input__anim{position:absolute;top:var(--space-3);left:var(--space-3);right:var(--space-3);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:var(--text-md);font-family:inherit;line-height:1.4;color:var(--color-fg-secondary);opacity:.78;display:flex;align-items:baseline;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;text-overflow:clip}.ds-prompt-input__anim-text{display:inline-block;white-space:nowrap}.ds-prompt-input__anim-cursor{display:inline-block;width:.55ch;height:1.05em;margin-left:1px;background:currentColor;transform:translateY(.16em);animation:ds-prompt-cursor-blink 1.05s steps(1) infinite;flex-shrink:0}@keyframes ds-prompt-cursor-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.ds-prompt-input__images{display:flex;gap:var(--space-2);flex-wrap:wrap}.ds-prompt-input__image-thumb{position:relative;width:56px;height:56px;border-radius:var(--radius-3);overflow:hidden;border:1px solid var(--color-border-default)}.ds-prompt-input__image-thumb img{width:100%;height:100%;object-fit:cover}.ds-prompt-input__image-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background-color:var(--color-overlay);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.ds-prompt-input__attachments{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ds-prompt-input__badge-content{display:flex;align-items:center;gap:var(--space-2)}.ds-prompt-input__uploading{color:var(--color-fg-secondary);font-size:var(--text-sm)}.ds-prompt-input__remove-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;color:var(--color-fg-primary)}.ds-prompt-input__warnings{display:flex;flex-direction:column;gap:var(--space-2)}.ds-prompt-input__warning{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-3);background:var(--color-state-warning-subtle, var(--color-surface-1));color:var(--color-fg-primary);font-size:var(--text-sm)}.ds-prompt-input__warning-close{background:none;border:none;cursor:pointer;padding:0;display:flex;color:inherit;flex-shrink:0}.ds-prompt-input__toolbar{display:flex;align-items:center;gap:var(--space-2)}.ds-prompt-input__spacer{flex:1}.ds-model-picker{position:relative;display:inline-flex}.ds-model-picker__trigger{display:inline-flex;align-items:center;gap:var(--space-2, 8px);padding:4px var(--space-2, 8px);border:1px solid var(--color-border-default);border-radius:var(--radius-3);background:transparent;color:var(--color-fg-primary);font-size:var(--text-sm);font-family:inherit;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);white-space:nowrap}.ds-model-picker__trigger:hover{border-color:var(--color-border-strong);background:var(--color-state-hover)}.ds-model-picker__trigger-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-model-picker__menu{background:var(--color-surface-1);border:1px solid var(--color-border-default);border-radius:var(--radius-3);box-shadow:var(--shadow-2);padding:var(--space-1, 4px);min-width:200px;max-height:320px;overflow-y:auto}.ds-model-picker__separator{height:1px;background:var(--color-border-light);margin:var(--space-1, 4px) 0}.ds-model-picker__group-label{padding:var(--space-1, 4px) var(--space-2, 8px);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-fg-secondary)}.ds-model-picker__group-label[data-tier=fast]{color:var(--data-5-fg)}.ds-model-picker__group-label[data-tier=standard]{color:var(--data-3-fg)}.ds-model-picker__group-label[data-tier=premium]{color:var(--data-6-fg)}.ds-model-picker__item{display:flex;align-items:center;gap:var(--space-2, 8px);width:100%;padding:var(--space-2, 8px) var(--space-2, 8px);border:none;border-radius:var(--radius-2);background:transparent;color:var(--color-fg-primary);font-size:var(--text-sm);font-family:inherit;cursor:pointer;text-align:left;transition:background-color var(--transition-fast)}.ds-model-picker__item:hover{background:var(--color-state-hover)}.ds-model-picker__item--active{background:var(--color-state-selected)}.ds-model-picker__item--auto{background:var(--color-accent-bg)}.ds-model-picker__item--auto:hover{background:var(--color-accent-bg);filter:brightness(1.1)}.ds-model-picker__item-icon{display:inline-flex;flex-shrink:0;color:var(--color-fg-secondary)}.ds-model-picker__item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-sources-panel{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.ds-sources-panel__title{font-size:var(--text-xs, 11px);font-weight:600;color:var(--color-fg-secondary);text-transform:uppercase;letter-spacing:.08em;padding:0 var(--space-1, 4px);margin-bottom:var(--space-1, 4px)}.ds-sources-panel .ds-accordion__header{font-size:var(--text-sm, 12px)}.ds-sources-panel__row{display:flex;align-items:center;gap:var(--space-2, 8px);padding:var(--space-2, 8px) var(--space-3, 12px);border-radius:var(--radius-3, 6px);background:var(--color-surface-1);font-size:var(--text-sm, 12px);cursor:default}.ds-sources-panel__row--clickable{cursor:pointer}.ds-sources-panel__row--clickable:hover .ds-sources-panel__filename{color:var(--color-accent-default);text-decoration:underline}.ds-sources-panel__filename{font-weight:400;color:var(--color-fg-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.ds-sources-panel__pages{color:var(--color-fg-secondary);flex-shrink:0;font-variant-numeric:tabular-nums}.ds-sources-panel__snippet{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);line-height:1.5;padding:var(--space-1, 4px) var(--space-2, 8px);border-left:2px solid var(--color-border-default);margin:var(--space-1, 4px) 0}.ds-sources-panel__snippet--clickable{cursor:pointer}.ds-sources-panel__snippet--clickable:hover{border-left-color:var(--color-accent-default);color:var(--color-fg-primary)}.ds-sources-panel__more{font-size:var(--text-sm, 12px);color:var(--color-accent-default);background:none;border:none;padding:var(--space-1, 4px) var(--space-1, 4px);cursor:pointer;text-align:left}.ds-sources-panel__more:hover{text-decoration:underline}.ds-sources-panel--compact .ds-sources-panel__compact-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm, 12px);padding:var(--space-1) 0;cursor:default}.ds-sources-panel--compact .ds-sources-panel__compact-row--clickable{cursor:pointer}.ds-sources-panel--compact .ds-sources-panel__compact-row--clickable:hover .ds-sources-panel__filename{color:var(--color-accent-default);text-decoration:underline}.ds-sources-panel--compact .ds-sources-panel__compact-icon{flex-shrink:0;color:var(--color-fg-secondary)}.ds-sources-panel--compact .ds-sources-panel__filename{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-sources-panel--compact .ds-sources-panel__pages{flex-shrink:0}.ds-token-counter{display:flex;flex-direction:column;gap:var(--space-1)}.ds-token-counter__track{width:100%;background-color:var(--color-state-selected);border-radius:var(--radius-full);overflow:hidden}.ds-token-counter--s .ds-token-counter__track{height:4px}.ds-token-counter--m .ds-token-counter__track{height:6px}.ds-token-counter__fill{height:100%;border-radius:var(--radius-full);transition:width .35s ease,background-color .35s ease}.ds-token-counter__fill--normal{background-color:var(--color-fg-secondary)}.ds-token-counter__fill--warning{background-color:var(--data-2-fg)}.ds-token-counter__fill--error{background-color:var(--data-1-fg)}.ds-token-counter__label{font-size:var(--text-sm, 12px);font-family:var(--font-mono, monospace);color:var(--color-fg-secondary);display:flex;justify-content:space-between}.ds-token-counter__label--normal{color:var(--color-fg-secondary)}.ds-token-counter__label--warning{color:var(--data-2-fg)}.ds-token-counter__label--error{color:var(--data-1-fg)}.ds-confidence-bar{display:inline-flex;align-items:center;gap:var(--space-2)}.ds-confidence-bar--block{display:flex}.ds-confidence-bar__segments{display:flex;gap:2px;align-items:center}.ds-confidence-bar__seg{border-radius:var(--radius-full);flex-shrink:0;opacity:.2}.ds-confidence-bar__seg--filled{opacity:1}.ds-confidence-bar--xs .ds-confidence-bar__seg{width:8px;height:3px}.ds-confidence-bar--s .ds-confidence-bar__seg{width:10px;height:4px}.ds-confidence-bar--low .ds-confidence-bar__seg{background-color:var(--data-1-fg)}.ds-confidence-bar--medium .ds-confidence-bar__seg{background-color:var(--data-2-fg)}.ds-confidence-bar--high .ds-confidence-bar__seg{background-color:var(--data-4-fg)}.ds-confidence-bar__label{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);white-space:nowrap}.ds-diff-view{font-family:var(--font-mono, monospace);font-size:var(--text-sm, 12px);border-radius:var(--radius-3);border:1px solid var(--color-border-light);overflow:hidden}.ds-diff-view__title{padding:var(--space-2) var(--space-3);font-family:var(--font-ui, inherit);font-size:var(--text-sm, 12px);font-weight:600;color:var(--color-fg-secondary);border-bottom:1px solid var(--color-border-light);background:var(--color-surface-1)}.ds-diff-view__body{overflow-x:auto;overflow-y:auto}.ds-diff-view__line{display:flex;align-items:stretch;min-width:0}.ds-diff-view__line--add{background-color:var(--data-4-bg)}.ds-diff-view__line--remove{background-color:var(--data-1-bg)}.ds-diff-view__line--context{background-color:transparent}.ds-diff-view__lineno{flex-shrink:0;width:3.5ch;padding:2px var(--space-2);text-align:right;color:var(--color-fg-secondary);opacity:.5;border-right:1px solid var(--color-border-light);-webkit-user-select:none;user-select:none}.ds-diff-view__prefix{flex-shrink:0;width:1.5ch;padding:2px 0 2px var(--space-2);-webkit-user-select:none;user-select:none}.ds-diff-view__line--add .ds-diff-view__prefix{color:var(--data-4-fg)}.ds-diff-view__line--remove .ds-diff-view__prefix{color:var(--data-1-fg)}.ds-diff-view__line--context .ds-diff-view__prefix{color:var(--color-fg-secondary);opacity:.4}.ds-diff-view__text{flex:1;padding:2px var(--space-2) 2px var(--space-1);white-space:pre;min-width:0;color:var(--color-fg-primary)}.ds-diff-view--wrap .ds-diff-view__text{white-space:pre-wrap;word-break:break-all}.ds-diff-view__line--context .ds-diff-view__text{color:var(--color-fg-secondary)}.ds-diff-view--split .ds-diff-view__body{display:flex}.ds-diff-view__split-col{flex:1;min-width:0;overflow-x:auto}.ds-diff-view__split-col+.ds-diff-view__split-col{border-left:1px solid var(--color-border-light)}.ds-message-feedback{display:inline-flex;gap:var(--space-2, 8px)}.ds-message-feedback__btn{display:inline-flex;align-items:center;justify-content:center;padding:4px;background:none;border:none;border-radius:var(--radius-3);color:var(--color-fg-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),opacity var(--transition-fast)}.ds-message-feedback__btn:hover{color:var(--color-fg-primary);background:var(--color-state-hover)}.ds-message-feedback__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-message-feedback__btn--liked{color:var(--color-accent-default);cursor:default;pointer-events:none}.ds-message-feedback__btn--disliked{color:var(--color-status-error);cursor:default;pointer-events:none}.ds-message-feedback.ds-message-feedback--voted{opacity:1}.ds-message-footer{display:inline-flex;align-items:center;gap:var(--space-2, 8px)}.ds-message-footer__timestamp{font-size:var(--text-xs, 11px);color:var(--color-fg-secondary);white-space:nowrap}.ds-thinking-dot{display:inline-flex;align-items:center;gap:var(--space-2, 8px)}.ds-thinking-dot__pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-accent-default);flex-shrink:0;animation:ds-thinking-pulse 1.4s ease-in-out infinite}.ds-thinking-dot__label{font-size:var(--text-xs, 11px);color:var(--color-fg-secondary);animation:ds-thinking-color 2s ease-in-out infinite}@keyframes ds-thinking-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes ds-thinking-color{0%,to{color:var(--color-fg-secondary)}50%{color:var(--color-fg-primary)}}.ds-coachmark__spotlight{position:fixed;pointer-events:none;border-radius:var(--radius-3);z-index:var(--z-tooltip);--_overlay: transparent;--_ring: var(--color-accent-2);box-shadow:0 0 0 2px var(--_ring),0 0 0 9999px var(--_overlay);opacity:0;transition:opacity var(--motion-exit, .2s ease)}.ds-coachmark__spotlight--overlay{--_overlay: var(--color-overlay, rgba(14, 15, 17, .65))}.ds-coachmark__spotlight--no-ring{--_ring: transparent}.ds-coachmark__spotlight--visible{opacity:1;transition:opacity var(--motion-enter, .3s ease)}.ds-coachmark__bubble{width:280px;background:var(--color-surface-3);border:1px solid var(--color-border-default);border-radius:var(--radius-4, 8px);box-shadow:var(--shadow-2);z-index:calc(var(--z-tooltip) + 1);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);outline:none;opacity:0;transition:opacity var(--motion-exit, .2s ease)}.ds-coachmark__bubble--visible{opacity:1;transition:opacity var(--motion-enter, .3s ease)}.ds-coachmark__title{font-size:var(--text-s, 14px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);line-height:1.3;font-family:var(--font-ui, inherit);padding-right:28px}.ds-coachmark__body{font-size:var(--text-s, 14px);color:var(--color-fg-secondary);line-height:1.5;font-family:var(--font-ui, inherit)}.ds-coachmark__close{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--color-fg-secondary);border-radius:var(--radius-2);cursor:pointer;outline:none;transition:color var(--motion-hover),background-color var(--motion-hover)}.ds-coachmark__close:hover{background-color:var(--color-state-hover);color:var(--color-fg-primary)}.ds-coachmark__close:active{background-color:var(--color-state-active)}.ds-coachmark__close:focus-visible{box-shadow:var(--focus-ring)}.ds-coachmark__footer{display:flex;align-items:center;gap:var(--space-2)}.ds-coachmark__counter{font-size:var(--text-xs, 12px);color:var(--color-fg-disabled);font-family:var(--font-ui, inherit);flex:1}.ds-coachmark__footer-nav{display:flex;align-items:center;gap:var(--space-2)}.ds-coachmark__bubble--top:after{content:"";position:absolute;top:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:10px solid transparent;border-top-color:var(--color-border-default)}.ds-coachmark__bubble--top:before{content:"";position:absolute;top:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:9px solid transparent;border-top-color:var(--color-surface-3);z-index:1}.ds-coachmark__bubble--bottom:after{content:"";position:absolute;bottom:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:10px solid transparent;border-bottom-color:var(--color-border-default)}.ds-coachmark__bubble--bottom:before{content:"";position:absolute;bottom:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:9px solid transparent;border-bottom-color:var(--color-surface-3);z-index:1}.ds-coachmark__bubble--left:after{content:"";position:absolute;left:100%;top:calc(50% + var(--arrow-offset-y, 0px));transform:translateY(-50%);border:10px solid transparent;border-left-color:var(--color-border-default)}.ds-coachmark__bubble--left:before{content:"";position:absolute;left:100%;top:calc(50% + var(--arrow-offset-y, 0px));transform:translateY(-50%);border:9px solid transparent;border-left-color:var(--color-surface-3);z-index:1}.ds-coachmark__bubble--right:after{content:"";position:absolute;right:100%;top:calc(50% + var(--arrow-offset-y, 0px));transform:translateY(-50%);border:10px solid transparent;border-right-color:var(--color-border-default)}.ds-coachmark__bubble--right:before{content:"";position:absolute;right:100%;top:calc(50% + var(--arrow-offset-y, 0px));transform:translateY(-50%);border:9px solid transparent;border-right-color:var(--color-surface-3);z-index:1}@keyframes ds-shake{0%{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}to{transform:translate(0)}}.ds-shake{animation:ds-shake .45s var(--easing-standard, cubic-bezier(.2, 0, 0, 1))}@media (prefers-reduced-motion: reduce){.ds-shake{animation:none}}
|
|
1
|
+
@layer base{:root{--color-white: #F8F9FA;--color-black: #0E0F11;--color-red-light: #EE7A7A;--color-red: #EA6464;--color-red-dark: #E15252;--data-red: #EA6464;--data-orange: #F59E42;--data-yellow: #FFCD1B;--data-teal: #34D399;--data-blue: #60A5FA;--data-violet: #A78BFA;--data-pink: #F472B6;--color-info: #60A5FA;--color-info-dark: #2563EB;--color-success: #00C86E;--color-success-dark: #00A055;--color-warning: #FFBB00;--color-warning-dark: #D97706;--color-error: #FF1200;--color-error-dark: #DC2626;--color-surface-0: #0E0F11;--color-surface-1: #16181C;--color-surface-2: #1E2026;--color-surface-3: #262830;--color-surface-raised: var(--color-surface-1);--color-surface-nested: var(--color-surface-2);--color-fg-primary: rgba(248, 249, 250, .92);--color-fg-secondary: rgba(248, 249, 250, .65);--color-fg-disabled: rgba(248, 249, 250, .3);--color-state-hover: rgba(248, 249, 250, .07);--color-state-active: rgba(248, 249, 250, .12);--color-state-selected: rgba(248, 249, 250, .1);--color-state-focus: rgba(248, 249, 250, .3);--color-border-light: rgba(248, 249, 250, .08);--color-border-default: rgba(248, 249, 250, .2);--color-border-strong: rgba(248, 249, 250, .4);--color-border-focus: rgba(248, 249, 250, .5);--color-accent-default: var(--color-red);--color-accent-hover: var(--color-red-light);--color-accent-fg: var(--color-white);--color-accent-hover-fg: var(--color-accent-fg);--color-accent-bg: rgba(234, 100, 100, .12);--color-status-info: var(--color-info);--color-status-info-bg: rgba(37, 99, 235, .15);--color-status-success: var(--color-success);--color-status-success-bg: rgba(0, 160, 85, .15);--color-status-warning: var(--color-warning);--color-status-warning-bg: rgba(217, 119, 6, .15);--color-status-error: var(--color-error);--color-status-error-bg: rgba(220, 38, 38, .15);--color-overlay: rgba(14, 15, 17, .65);--control-checked-bg: var(--color-status-success);--control-checked-border: var(--color-status-success);--control-checked-fg: var(--color-white);--logo-fg-on-dark: var(--color-white);--logo-fg-on-light: var(--color-black);--logo-fg: var(--logo-fg-on-dark);--data-1-fg: var(--data-red);--data-1-bg: rgba(234, 100, 100, .15);--data-1-border: rgba(234, 100, 100, .35);--data-2-fg: var(--data-orange);--data-2-bg: rgba(245, 158, 66, .15);--data-2-border: rgba(245, 158, 66, .35);--data-3-fg: var(--data-yellow);--data-3-bg: rgba(255, 205, 27, .15);--data-3-border: rgba(255, 205, 27, .35);--data-4-fg: var(--data-teal);--data-4-bg: rgba( 52, 211, 153, .15);--data-4-border: rgba( 52, 211, 153, .35);--data-5-fg: var(--data-blue);--data-5-bg: rgba( 96, 165, 250, .15);--data-5-border: rgba( 96, 165, 250, .35);--data-6-fg: var(--data-violet);--data-6-bg: rgba(167, 139, 250, .15);--data-6-border: rgba(167, 139, 250, .35);--data-7-fg: var(--data-pink);--data-7-bg: rgba(244, 114, 182, .15);--data-7-border: rgba(244, 114, 182, .35);--shadow-1: 0 2px 8px rgba(0, 0, 0, .4), 0 0 0 1px rgba(248, 249, 250, .06);--shadow-2: 0 8px 24px rgba(0, 0, 0, .5), 0 0 0 1px rgba(248, 249, 250, .08);--shadow-3: 0 16px 48px rgba(0, 0, 0, .6), 0 0 0 1px rgba(248, 249, 250, .1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-1: 2px;--radius-2: 4px;--radius-3: 6px;--radius-4: 8px;--radius-6: 12px;--radius-8: 16px;--radius-full: 9999px;--height-1: 24px;--height-2: 32px;--height-2-5: 36px;--height-3: 44px;--height-4: 56px;--icon-1: 16px;--icon-2: 20px;--icon-3: 24px;--icon-4: 28px;--icon-5: 48px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--font-mono: "Fira Code", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--text-4xl: 32px;--text-3xl: 28px;--text-2xl: 24px;--text-xl: 20px;--text-lg: 16px;--text-md: 14px;--text-sm: 12px;--text-xs: 10px;--tracking-4xl: 0;--tracking-3xl: 0;--tracking-2xl: 0;--tracking-xl: 0;--tracking-lg: .02em;--tracking-md: .04em;--tracking-sm: .06em;--z-sticky: 100;--z-drawer: 200;--z-modal: 300;--z-dropdown: 400;--z-toast: 500;--z-tooltip: 600;--layout-padding-x: 16px;--layout-padding-y: 32px;--layout-header-height: 64px;--easing-standard: cubic-bezier(.2, 0, 0, 1);--easing-decelerate: cubic-bezier(0, 0, .2, 1);--easing-accelerate: cubic-bezier(.3, 0, 1, 1);--easing-emphasized: cubic-bezier(.2, 0, 0, 1);--motion-duration-instant: .1s;--motion-duration-quick: .2s;--motion-duration-moderate: .3s;--motion-duration-slow: .5s;--motion-hover: var(--motion-duration-quick) var(--easing-standard);--motion-enter: var(--motion-duration-moderate) var(--easing-decelerate);--motion-exit: var(--motion-duration-quick) var(--easing-accelerate);--motion-emphasis: var(--motion-duration-slow) var(--easing-emphasized);--transition-fast: var(--motion-duration-instant) var(--easing-standard);--transition-normal: var(--motion-duration-quick) var(--easing-standard);--transition-slow: var(--motion-duration-moderate) var(--easing-standard);--state-disabled-opacity: .4;--focus-ring-color: var(--color-state-focus);--focus-ring-offset: 2px;--focus-ring-width: 2px;--focus-ring: 0 0 0 var(--focus-ring-offset) var(--color-surface-0), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);--font-ui: inherit;--ui-font-weight: var(--font-weight-medium);--ui-tracking: 0;--tab-tracking: 0;--ui-text-transform: none;--tab-font-size-xs: var(--text-sm);--tab-font-size-s: var(--text-md);--tab-font-size-m: var(--text-lg);--tab-font-size-l: var(--text-lg);--tab-icon-size-xs: var(--icon-1);--tab-icon-size-s: var(--icon-2);--tab-icon-size-m: var(--icon-2);--tab-icon-size-l: var(--icon-2);--label-font-size: var(--text-md);--label-color: var(--color-fg-primary);--label-tracking: 0;--label-text-transform: none;--field-border: var(--color-border-default);--field-border-active: var(--color-border-strong);--btn-padding-ratio: .5;--btn-font-weight: var(--font-weight-medium);--btn-font-size-xs: var(--text-sm);--btn-font-size-s: var(--text-md);--btn-font-size-m: var(--text-lg);--btn-font-size-l: var(--text-lg);--btn-icon-size-xs: var(--icon-1);--btn-icon-size-s: var(--icon-2);--btn-icon-size-m: var(--icon-2);--btn-icon-size-l: var(--icon-2);--btn-secondary-color: var(--color-fg-primary);--btn-secondary-border: var(--color-border-default);--btn-secondary-hover-border: var(--color-border-strong);--btn-secondary-hover-bg: var(--color-state-hover);--btn-secondary-hover-color: var(--btn-secondary-color);--badge-font-size-xs: 11px;--badge-font-size-s: var(--text-sm);--badge-font-size-m: var(--text-md);--badge-tracking: var(--ui-tracking);--badge-text-transform: var(--ui-text-transform);--card-border: rgba(248, 249, 250, .14);--card-hover-transform: none;--table-th-font-family: var(--font-ui);--table-th-font-size: inherit;--table-th-color: var(--color-fg-secondary);--table-th-weight: var(--font-weight-semibold);--table-th-tracking: 0;--table-th-text-transform: none;--table-wrap-border: rgba(248, 249, 250, .14);--table-row-border: rgba(248, 249, 250, .12);--table-subrow-bg: var(--color-surface-2);--table-subrow-color: var(--color-fg-secondary);--table-subrow-font: var(--font-ui);--table-subrow-tracking: 0;--table-subrow-transform: none;--color-accent-2: #FFCD1B;--color-accent-2-bg: rgba(255, 205, 27, .1);--color-accent-2-fg: #0A0A0B;--breakpoint-mobile: 375px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1280px}[data-surface="0"]{--color-surface-raised: var(--color-surface-1);--color-surface-nested: var(--color-surface-2)}[data-surface="1"]{--color-surface-raised: var(--color-surface-2);--color-surface-nested: var(--color-surface-3)}[data-surface="2"]{--color-surface-raised: var(--color-surface-3);--color-surface-nested: var(--color-surface-3)}[data-density=compact]{--height-1: 20px;--height-2: 28px;--height-2-5: 32px;--height-3: 36px;--height-4: 44px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--text-md: 13px;--text-sm: 11px}@media (max-width: 767px){[data-density=compact]{--height-1: 24px;--height-2: 32px;--height-2-5: 36px;--height-3: 44px;--height-4: 56px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--text-md: 14px;--text-sm: 12px}}[data-corners=sharp]{--radius-1: 0;--radius-2: 0;--radius-3: 0;--radius-4: 0;--radius-6: 0;--radius-8: 0}[data-density=airy]{--card-hover-transform: translateY(-3px)}@supports (background: color-mix(in srgb,red,blue)){:root{--color-state-hover: color-mix(in srgb, currentColor 7%, transparent);--color-state-active: color-mix(in srgb, currentColor 12%, transparent);--color-state-selected: color-mix(in srgb, currentColor 10%, transparent)}}@media (min-width: 768px){:root{--text-4xl: 40px;--text-3xl: 36px;--text-2xl: 28px;--text-xl: 24px;--text-lg: 18px;--text-md: 16px;--text-sm: 14px;--tracking-lg: .02em;--tracking-md: .02em;--tracking-sm: .04em;--layout-padding-x: 20px;--layout-padding-y: 48px;--layout-header-height: 72px}}@media (min-width: 1280px){:root{--layout-padding-x: 24px;--layout-padding-y: 64px}}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-surface-0);color:var(--color-fg-primary);transition:background-color var(--motion-emphasis),color var(--motion-emphasis)}*{box-sizing:border-box}::selection{background-color:var(--color-state-selected);color:var(--color-fg-primary)}@media (prefers-reduced-motion: reduce){:root{--motion-duration-instant: .01ms;--motion-duration-quick: .01ms;--motion-duration-moderate: .01ms;--motion-duration-slow: .01ms}}}.ds-spinner{display:inline-block;border-radius:var(--radius-full, 9999px);border-style:solid;border-color:currentColor;border-top-color:transparent;flex-shrink:0;animation:ds-spin .7s linear infinite}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-spinner--xs{width:12px;height:12px;border-width:1.5px}.ds-spinner--s{width:16px;height:16px;border-width:2px}.ds-spinner--m{width:20px;height:20px;border-width:2px}.ds-spinner--l{width:24px;height:24px;border-width:2.5px}.ds-spinner--xl{width:32px;height:32px;border-width:3px}.ds-spinner--default{color:var(--color-accent-default)}.ds-spinner--secondary{color:var(--color-fg-secondary)}.ds-spinner--on-accent{color:var(--color-accent-fg)}@media (prefers-reduced-motion: reduce){.ds-spinner{animation-duration:.01ms;animation-iteration-count:1}}.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2, 8px);font-size:var(--text-lg, 16px);font-weight:var(--btn-font-weight);font-family:var(--font-ui, inherit);letter-spacing:var(--ui-tracking, 0);text-transform:var(--ui-text-transform, none);line-height:1;border:none;cursor:pointer;transition:background-color var(--motion-hover, .2s ease),border-color var(--motion-hover, .2s ease),color var(--motion-hover, .2s ease);white-space:nowrap;text-decoration:none;position:relative;isolation:isolate}.ds-button:disabled,.ds-button[aria-disabled=true]{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-button--primary:disabled,.ds-button--primary[aria-disabled=true]{background-color:transparent;color:var(--btn-secondary-color);border:1px solid var(--btn-secondary-border)}.ds-button__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-button__icon>svg{width:var(--_btn-icon-sz, 20px);height:var(--_btn-icon-sz, 20px);stroke-width:1.5px}.ds-button--xs{--_btn-icon-sz: var(--btn-icon-size-xs, 14px)}.ds-button--s{--_btn-icon-sz: var(--btn-icon-size-s, 16px)}.ds-button--m{--_btn-icon-sz: var(--btn-icon-size-m, 20px)}.ds-button--l{--_btn-icon-sz: var(--btn-icon-size-l, 24px)}.ds-button--primary{color:var(--color-accent-fg);background-color:var(--color-accent-default)}.ds-button--primary:hover:not(:disabled):not([aria-disabled=true]):not([data-active=true]):not([aria-pressed=true]){background-color:var(--color-accent-hover);color:var(--color-accent-hover-fg)}.ds-button--primary:active:not(:disabled):not([aria-disabled=true]):not([data-active=true]):not([aria-pressed=true]){background-color:var(--color-accent-hover);color:var(--color-accent-hover-fg);filter:brightness(.92)}.ds-button--secondary{color:var(--btn-secondary-color);background-color:transparent;border:1px solid var(--btn-secondary-border)}.ds-button--secondary:before,.ds-button--ghost:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--motion-hover, .2s ease)}.ds-button--secondary:hover:not(:disabled):not([aria-disabled=true]):not([data-active=true]):not([aria-pressed=true]){border-color:var(--btn-secondary-hover-border);color:var(--btn-secondary-hover-color)}.ds-button--secondary:hover:not(:disabled):not([aria-disabled=true]):not([data-active=true]):not([aria-pressed=true]):before{background-color:var(--btn-secondary-hover-bg)}.ds-button--secondary:active:not(:disabled):not([aria-disabled=true]):not([data-active=true]):not([aria-pressed=true]){border-color:var(--btn-secondary-hover-border);color:var(--btn-secondary-hover-color)}.ds-button--secondary:active:not(:disabled):not([aria-disabled=true]):not([data-active=true]):not([aria-pressed=true]):before{background-color:var(--color-state-active)}.ds-button--ghost{color:var(--color-fg-primary);background-color:transparent;border:1px solid transparent}.ds-button--ghost:hover:not(:disabled):not([aria-disabled=true]):not([data-active=true]):not([aria-pressed=true]){color:var(--color-fg-primary)}.ds-button--ghost:hover:not(:disabled):not([aria-disabled=true]):not([data-active=true]):not([aria-pressed=true]):before{background-color:var(--color-state-hover)}.ds-button--ghost:active:not(:disabled):not([aria-disabled=true]):not([data-active=true]):not([aria-pressed=true]){color:var(--color-fg-primary)}.ds-button--ghost:active:not(:disabled):not([aria-disabled=true]):not([data-active=true]):not([aria-pressed=true]):before{background-color:var(--color-state-active)}.ds-button--danger{color:var(--color-accent-fg);background-color:var(--color-error-dark)}.ds-button--danger:hover:not(:disabled):not([aria-disabled=true]):not([data-active=true]):not([aria-pressed=true]){background-color:#b91c1c}.ds-button--danger:active:not(:disabled):not([aria-disabled=true]):not([data-active=true]):not([aria-pressed=true]){background-color:#991b1b}.ds-button[data-active=true]:not(:disabled):not([aria-disabled=true]),.ds-button[aria-pressed=true]:not(:disabled):not([aria-disabled=true]){filter:none}.ds-button--primary[data-active=true]:not(:disabled):not([aria-disabled=true]),.ds-button--primary[aria-pressed=true]:not(:disabled):not([aria-disabled=true]){background-color:var(--color-accent-default);color:var(--color-accent-fg);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-accent-fg) 45%,transparent)}.ds-button--secondary[data-active=true]:not(:disabled):not([aria-disabled=true]),.ds-button--secondary[aria-pressed=true]:not(:disabled):not([aria-disabled=true]){color:var(--color-accent-default);border-color:var(--color-accent-default);background-color:var(--color-accent-bg)}.ds-button--secondary[data-active=true]:not(:disabled):not([aria-disabled=true]):before,.ds-button--secondary[aria-pressed=true]:not(:disabled):not([aria-disabled=true]):before{background-color:transparent}.ds-button--ghost[data-active=true]:not(:disabled):not([aria-disabled=true]),.ds-button--ghost[aria-pressed=true]:not(:disabled):not([aria-disabled=true]){color:var(--color-fg-primary);border-color:transparent;background-color:var(--color-surface-2)}.ds-button--ghost[data-active=true]:not(:disabled):not([aria-disabled=true]):before,.ds-button--ghost[aria-pressed=true]:not(:disabled):not([aria-disabled=true]):before{background-color:transparent}.ds-button--danger[data-active=true]:not(:disabled):not([aria-disabled=true]),.ds-button--danger[aria-pressed=true]:not(:disabled):not([aria-disabled=true]){background-color:var(--color-status-error-bg);color:var(--color-status-error);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-status-error) 40%,transparent)}.ds-button--xs{height:var(--height-1, 24px);padding:0 calc(var(--height-1, 24px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-xs, 12px);border-radius:var(--radius-2, 4px)}.ds-button--s{height:var(--height-2, 32px);padding:0 calc(var(--height-2, 32px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-s, 14px);border-radius:var(--radius-2, 4px)}.ds-button--sm{height:var(--height-2-5, 36px);padding:0 calc(var(--height-2-5, 36px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-s, 14px);border-radius:var(--radius-3, 6px)}.ds-button--m{height:var(--height-3, 44px);padding:0 calc(var(--height-3, 44px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-m, 16px);border-radius:var(--radius-3, 6px)}.ds-button--l{height:var(--height-4, 56px);padding:0 calc(var(--height-4, 56px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-l, 16px);border-radius:var(--radius-3, 6px);gap:var(--space-3, 12px)}.ds-button--full{width:100%}.ds-button--icon-only{aspect-ratio:1;padding-left:0;padding-right:0}.ds-button[data-state=loading],.ds-button[data-state=success],.ds-button[data-state=error]{cursor:default;pointer-events:none}.ds-button[data-state=loading]{opacity:.7}.ds-button--primary[data-state=loading]{background-color:transparent;color:var(--color-fg-disabled);border:1px solid var(--color-border-default);opacity:1}.ds-button--primary[data-state=success],.ds-button--secondary[data-state=success],.ds-button--danger[data-state=success]{background-color:var(--color-status-success-bg);border:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent);color:var(--color-status-success)}.ds-button--primary[data-state=error],.ds-button--secondary[data-state=error],.ds-button--danger[data-state=error]{background-color:var(--color-status-error-bg);border:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent);color:var(--color-status-error)}.ds-button--ghost[data-state=success]{color:var(--color-status-success)}.ds-button--ghost[data-state=error]{color:var(--color-status-error)}.ds-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-input-wrapper{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.ds-input-wrapper--full{width:100%}.ds-input-wrapper--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed}.ds-input-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color)}.ds-input-container{position:relative;display:flex;align-items:center}.ds-input{width:100%;font-family:inherit;color:var(--color-fg-primary);background-color:transparent;border:1px solid var(--field-border);transition:border-color var(--transition-normal, .2s ease);line-height:1.5}.ds-input::placeholder{color:var(--color-fg-secondary)}.ds-input:hover:not(:disabled){border-color:var(--field-border-active)}.ds-input:focus,.ds-input:active{outline:none;border-color:var(--field-border-active)}.ds-input:focus-visible{box-shadow:var(--focus-ring)}.ds-input:disabled{cursor:not-allowed}.ds-input--error{border-color:var(--color-error)}.ds-input--xs{height:var(--height-1, 24px);padding:0 calc(var(--height-1, 24px) / 4);font-size:var(--text-sm, 12px);border-radius:var(--radius-2, 4px)}.ds-input--s{height:var(--height-2, 32px);padding:0 calc(var(--height-2, 32px) / 4);font-size:var(--text-md, 14px);border-radius:var(--radius-2, 4px)}.ds-input--sm{height:var(--height-2-5, 36px);padding:0 10px;font-size:var(--text-md, 14px);border-radius:var(--radius-3, 6px)}.ds-input--m{height:var(--height-3, 44px);padding:0 calc(var(--height-3, 44px) / 4);font-size:var(--text-lg, 16px);border-radius:var(--radius-3, 6px)}.ds-input--with-icon.ds-input--xs{padding-left:calc(var(--height-1, 24px) / 4 + 16px + var(--height-1, 24px) / 4)}.ds-input--with-icon.ds-input--s{padding-left:calc(var(--height-2, 32px) / 4 + 20px + var(--height-2, 32px) / 4)}.ds-input--with-icon.ds-input--sm{padding-left:40px}.ds-input--with-icon.ds-input--m{padding-left:calc(var(--height-3, 44px) / 4 + 24px + var(--height-3, 44px) / 4)}.ds-input--with-icon-right.ds-input--xs{padding-right:calc(var(--height-1, 24px) / 4 + 16px + var(--height-1, 24px) / 4)}.ds-input--with-icon-right.ds-input--s{padding-right:calc(var(--height-2, 32px) / 4 + 20px + var(--height-2, 32px) / 4)}.ds-input--with-icon-right.ds-input--sm{padding-right:40px}.ds-input--with-icon-right.ds-input--m{padding-right:calc(var(--height-3, 44px) / 4 + 24px + var(--height-3, 44px) / 4)}.ds-input-icon{position:absolute;display:flex;align-items:center;color:var(--color-fg-secondary);pointer-events:none}.ds-input-icon--xs{left:6px}.ds-input-icon--s{left:8px}.ds-input-icon--m{left:11px}.ds-input-icon-right{position:absolute;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-fg-secondary);cursor:pointer;transition:color var(--transition-normal, .2s ease);padding:0}.ds-input-icon-right:hover{color:var(--color-fg-primary)}.ds-input-icon-right--xs{right:6px}.ds-input-icon-right--s{right:8px}.ds-input-icon-right--m{right:11px}.ds-input-hint{font-size:var(--text-md, 14px);color:var(--color-fg-secondary)}.ds-input-error-wrap{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--transition-fast, .1s ease)}.ds-input-wrapper--error .ds-input-error-wrap{grid-template-rows:1fr}.ds-input-error-inner{overflow:hidden;min-height:0}.ds-input-error{display:block;padding-top:var(--space-1, 4px);font-size:var(--text-md, 14px);color:var(--color-error)}.ds-textarea-wrapper{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.ds-textarea-wrapper--full{width:100%}.ds-textarea-wrapper--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-textarea-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color)}.ds-textarea{width:100%;font-family:inherit;color:var(--color-fg-primary);background-color:transparent;border:1px solid var(--field-border);transition:border-color var(--transition-normal, .2s ease);line-height:1.5;resize:vertical;background:linear-gradient(315deg,transparent 5px,var(--field-border) 5px,var(--field-border) 6px,transparent 6px),linear-gradient(315deg,transparent 10px,var(--field-border) 10px,var(--field-border) 11px,transparent 11px);background-repeat:no-repeat;background-position:bottom right;background-size:16px 16px}.ds-textarea::placeholder{color:var(--color-fg-secondary)}.ds-textarea::-webkit-resizer{display:none}.ds-textarea:hover:not(:disabled){border-color:var(--field-border-active);background:linear-gradient(315deg,transparent 5px,var(--field-border-active) 5px,var(--field-border-active) 6px,transparent 6px),linear-gradient(315deg,transparent 10px,var(--field-border-active) 10px,var(--field-border-active) 11px,transparent 11px);background-repeat:no-repeat;background-position:bottom right;background-size:16px 16px}.ds-textarea:focus-visible{box-shadow:var(--focus-ring)}.ds-textarea:focus,.ds-textarea:active{outline:none;border-color:var(--field-border-active);background:linear-gradient(315deg,transparent 5px,var(--field-border-active) 5px,var(--field-border-active) 6px,transparent 6px),linear-gradient(315deg,transparent 10px,var(--field-border-active) 10px,var(--field-border-active) 11px,transparent 11px);background-repeat:no-repeat;background-position:bottom right;background-size:16px 16px}.ds-textarea:disabled{cursor:not-allowed}.ds-textarea--error{border-color:var(--color-error);background:linear-gradient(315deg,transparent 5px,var(--color-error) 5px,var(--color-error) 6px,transparent 6px),linear-gradient(315deg,transparent 10px,var(--color-error) 10px,var(--color-error) 11px,transparent 11px);background-repeat:no-repeat;background-position:bottom right;background-size:16px 16px}.ds-textarea--no-resize{resize:none;background:none}.ds-textarea--xs{padding:var(--space-2, 8px);font-size:var(--text-sm, 12px);border-radius:var(--radius-2, 4px)}.ds-textarea--s{padding:var(--space-2, 8px) var(--space-3, 12px);font-size:var(--text-md, 14px);border-radius:var(--radius-2, 4px)}.ds-textarea--m{padding:var(--space-3, 12px);font-size:var(--text-lg, 16px);border-radius:var(--radius-3, 6px)}.ds-textarea-hint{font-size:var(--text-md, 14px);color:var(--color-fg-secondary)}.ds-textarea-error{font-size:var(--text-md, 14px);color:var(--color-error)}.ds-select-wrapper{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.ds-select-wrapper--full{width:100%}.ds-select-wrapper--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-select-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color)}.ds-select-container{position:relative}.ds-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, 12px);font-family:inherit;color:var(--color-fg-primary);background-color:transparent;border:1px solid var(--field-border);cursor:pointer;transition:border-color var(--transition-normal, .2s ease);text-align:left;line-height:1.5}.ds-select-trigger>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-select-trigger:hover:not(:disabled){border-color:var(--field-border-active)}.ds-select-trigger:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-select-trigger:disabled{cursor:not-allowed}.ds-select-trigger--error{border-color:var(--color-error)}.ds-select-trigger--xs{height:var(--height-1, 24px);padding:0 calc(var(--height-1, 24px) / 4);font-size:var(--text-sm, 12px);border-radius:var(--radius-2, 4px)}.ds-select-trigger--s{height:var(--height-2, 32px);padding:0 calc(var(--height-2, 32px) / 4);font-size:var(--text-md, 14px);border-radius:var(--radius-2, 4px)}.ds-select-trigger--m{height:var(--height-3, 44px);padding:0 calc(var(--height-3, 44px) / 4);font-size:var(--text-lg, 16px);border-radius:var(--radius-3, 6px)}.ds-select-placeholder{color:var(--color-fg-secondary)}.ds-select-icon{flex-shrink:0;color:var(--color-fg-secondary);transition:transform var(--transition-normal, .2s ease)}.ds-select-icon--open{transform:rotate(180deg)}.ds-select-icon--up{transform:rotate(0)}@keyframes ds-select-in-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-select-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes ds-select-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-select-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}.ds-select-dropdown{position:fixed;background-color:var(--color-surface-0);border:1px solid var(--field-border);box-shadow:var(--shadow-1);z-index:var(--z-dropdown);max-height:300px;overflow-y:auto}.ds-select-dropdown--down{animation:ds-select-in-down var(--motion-enter, .3s ease)}.ds-select-dropdown--down.ds-select-dropdown--closing{animation:ds-select-out-down var(--motion-exit, .2s ease) forwards}.ds-select-dropdown--up{animation:ds-select-in-up var(--motion-enter, .3s ease)}.ds-select-dropdown--up.ds-select-dropdown--closing{animation:ds-select-out-up var(--motion-exit, .2s ease) forwards}.ds-select-dropdown--s{border-radius:var(--radius-2, 4px)}.ds-select-dropdown--m{border-radius:var(--radius-3, 6px)}.ds-select-option{width:100%;font-family:inherit;color:var(--color-fg-primary);background-color:transparent;border:none;cursor:pointer;text-align:left;line-height:1.5;white-space:normal;word-wrap:break-word;position:relative;isolation:isolate}.ds-select-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal, .2s ease)}.ds-select-option--s{min-height:var(--height-2, 32px);padding:var(--space-2, 8px) calc(var(--height-2, 32px) / 4);font-size:var(--text-md, 14px)}.ds-select-option--m{min-height:var(--height-3, 44px);padding:var(--space-2, 8px) calc(var(--height-3, 44px) / 4);font-size:var(--text-lg, 16px)}.ds-select-option:hover:before{background-color:var(--color-state-hover)}.ds-select-option--selected:before{background-color:var(--color-state-selected)}.ds-select-option--active:before{background-color:var(--color-state-hover)}.ds-select-error{font-size:var(--text-md, 14px);color:var(--color-error)}.ds-scrollable{scrollbar-width:thin;scrollbar-color:var(--color-border-default) transparent}.ds-scrollable::-webkit-scrollbar{width:4px;height:4px}.ds-scrollable::-webkit-scrollbar-track{background:transparent}.ds-scrollable::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-full, 9999px)}.ds-scrollable::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.ds-stepper-wrapper{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.ds-stepper-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color)}.ds-stepper{display:flex;align-items:stretch;width:fit-content;border:1px solid var(--field-border);border-radius:var(--radius-2, 4px);transition:border-color var(--transition-normal, .2s ease)}.ds-stepper:hover:not(.ds-stepper--disabled){border-color:var(--field-border-active)}.ds-stepper:focus-within{border-color:var(--field-border-active)}.ds-stepper--disabled{cursor:not-allowed}.ds-stepper-button{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;color:var(--color-fg-secondary);cursor:pointer;transition:color var(--transition-fast, .1s ease);flex-shrink:0;position:relative;isolation:isolate}.ds-stepper-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-fast, .1s ease)}.ds-stepper-button:hover:not(:disabled){color:var(--color-fg-primary)}.ds-stepper-button:hover:not(:disabled):before{background-color:var(--color-state-hover)}.ds-stepper-button:active:not(:disabled):before{background-color:var(--color-state-active)}.ds-stepper-button:focus-visible{outline:none;box-shadow:var(--focus-ring);z-index:1}.ds-stepper-button:disabled{opacity:.5;cursor:not-allowed}.ds-stepper-button--minus{border-radius:var(--radius-2, 4px) 0 0 var(--radius-2, 4px);border-right:1px solid var(--field-border)}.ds-stepper-button--plus{border-radius:0 var(--radius-2, 4px) var(--radius-2, 4px) 0;border-left:1px solid var(--field-border)}.ds-stepper-input{width:80px;text-align:center;border:none;background-color:transparent;color:var(--color-fg-primary);font-size:var(--text-lg, 16px);letter-spacing:var(--tracking-lg);outline:none;cursor:text}.ds-stepper-input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-stepper-input:disabled{cursor:not-allowed}.ds-stepper-input::-webkit-inner-spin-button,.ds-stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ds-stepper-input[type=number]{-moz-appearance:textfield}.ds-stepper--xs{height:var(--height-1, 24px)}.ds-stepper--xs .ds-stepper-button{width:var(--height-1, 24px);padding:0}.ds-stepper--xs .ds-stepper-input{font-size:var(--text-sm, 12px);letter-spacing:var(--tracking-sm);padding:0 var(--space-2, 8px)}.ds-stepper--s{height:var(--height-2, 32px)}.ds-stepper--s .ds-stepper-button{width:var(--height-2, 32px);padding:0}.ds-stepper--s .ds-stepper-input{font-size:var(--text-md, 14px);letter-spacing:var(--tracking-md);padding:0 var(--space-2, 8px)}.ds-stepper--m{height:var(--height-3, 44px)}.ds-stepper--m .ds-stepper-button{width:var(--height-3, 44px);padding:0}.ds-stepper--m .ds-stepper-input{font-size:var(--text-lg, 16px);letter-spacing:var(--tracking-lg);padding:0 var(--space-3, 12px)}.ds-stepper-hint{font-size:var(--text-md, 14px);letter-spacing:var(--tracking-md);color:var(--color-fg-secondary)}.ds-stepper-error{font-size:var(--text-md, 14px);letter-spacing:var(--tracking-md);color:var(--color-status-error)}.ds-stepper-wrapper--error .ds-stepper{border-color:var(--color-status-error)}.ds-stepper-wrapper--error .ds-stepper:hover:not(.ds-stepper--disabled){border-color:var(--color-status-error)}.ds-stepper-wrapper--error .ds-stepper:focus-within{border-color:var(--color-status-error)}.ds-stepper-wrapper--disabled{opacity:.5;cursor:not-allowed}.ds-stepper-wrapper--disabled *{cursor:not-allowed}.ds-card{display:flex;flex-direction:column;min-width:0;background-color:transparent;border-radius:var(--radius-3, 6px);border:1px solid var(--card-border);transition:border-color var(--motion-hover, .2s ease),background-color var(--motion-hover, .2s ease),transform var(--motion-hover, .2s ease);text-decoration:none;color:inherit;text-align:left;font:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;width:100%;box-sizing:border-box}.ds-card--interactive{cursor:pointer;background-color:var(--color-surface-raised);border:none;position:relative;isolation:isolate}.ds-card--interactive:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal, .2s ease)}.ds-card--interactive:hover:not([aria-disabled=true]){transform:var(--card-hover-transform, none)}.ds-card--interactive:hover:not([aria-disabled=true]):before{background-color:var(--color-state-hover)}.ds-card--interactive:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-card[aria-disabled=true]{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-card--none{padding:0;gap:0}.ds-card--s{padding:var(--space-3, 12px);gap:var(--space-2, 8px)}.ds-card--m{padding:var(--space-4, 16px);gap:var(--space-3, 12px)}.ds-card--l{padding:var(--space-6, 24px);gap:var(--space-4, 16px)}.ds-h1{font-size:var(--text-4xl, 32px);font-weight:var(--font-weight-regular, 400);line-height:1.2;color:var(--color-fg-primary);letter-spacing:var(--tracking-4xl);margin:0}.ds-h2{font-size:var(--text-3xl, 24px);font-weight:var(--font-weight-regular, 400);line-height:1.3;color:var(--color-fg-primary);letter-spacing:var(--tracking-3xl);margin:0}.ds-h3{font-size:var(--text-2xl, 20px);font-weight:var(--font-weight-regular, 400);line-height:1.3;color:var(--color-fg-primary);letter-spacing:var(--tracking-2xl);margin:0}.ds-h4{font-size:var(--text-xl, 18px);font-weight:var(--font-weight-regular, 400);line-height:1.4;color:var(--color-fg-primary);letter-spacing:var(--tracking-xl);margin:0}.ds-p1{font-size:var(--text-lg, 16px);font-weight:var(--font-weight-regular, 400);line-height:1.5;color:var(--color-fg-primary);letter-spacing:var(--tracking-lg);margin:0}.ds-p1--secondary{color:var(--color-fg-secondary)}.ds-p2{font-size:var(--text-md, 14px);font-weight:var(--font-weight-regular, 400);line-height:1.5;color:var(--color-fg-primary);letter-spacing:var(--tracking-md);margin:0}.ds-p2--secondary{color:var(--color-fg-secondary)}.ds-p3{font-size:var(--text-sm, 12px);font-weight:var(--font-weight-regular, 400);line-height:1.5;color:var(--color-fg-primary);letter-spacing:var(--tracking-sm);margin:0}.ds-p3--secondary{color:var(--color-fg-secondary)}.ds-badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-ui, inherit);font-weight:var(--ui-font-weight, 500);letter-spacing:var(--badge-tracking);text-transform:var(--badge-text-transform);white-space:nowrap}.ds-badge--xs{padding:1px var(--space-1, 4px);font-size:var(--badge-font-size-xs);letter-spacing:var(--tracking-sm);border-radius:var(--radius-1, 2px)}.ds-badge--s{padding:2px var(--space-2, 8px);font-size:var(--badge-font-size-s);border-radius:var(--radius-2, 4px)}.ds-badge--m{padding:3px var(--space-3, 12px);font-size:var(--badge-font-size-m);border-radius:var(--radius-3, 6px)}.ds-badge--default{background-color:var(--color-state-selected);color:var(--color-fg-secondary)}.ds-badge--info{background-color:var(--color-status-info-bg);color:var(--color-status-info)}.ds-badge--success{background-color:var(--color-status-success-bg);color:var(--color-status-success)}.ds-badge--warning{background-color:var(--color-status-warning-bg);color:var(--color-status-warning)}.ds-badge--error{background-color:var(--color-status-error-bg);color:var(--color-status-error)}.ds-badge--accent{background-color:var(--color-accent-bg);color:var(--color-accent-default)}.ds-badge--danger{background-color:var(--color-status-error-bg);color:var(--color-status-error)}.ds-badge--data-1{background-color:var(--data-1-bg);color:var(--data-1-fg)}.ds-badge--data-2{background-color:var(--data-2-bg);color:var(--data-2-fg)}.ds-badge--data-3{background-color:var(--data-3-bg);color:var(--data-3-fg)}.ds-badge--data-4{background-color:var(--data-4-bg);color:var(--data-4-fg)}.ds-badge--data-5{background-color:var(--data-5-bg);color:var(--data-5-fg)}.ds-badge--data-6{background-color:var(--data-6-bg);color:var(--data-6-fg)}.ds-badge--data-7{background-color:var(--data-7-bg);color:var(--data-7-fg)}[data-variant=edgy] .ds-badge{box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent)}.ds-alert{display:flex;align-items:flex-start;gap:var(--space-3, 12px);padding:var(--space-3, 12px);border-radius:var(--radius-3, 6px)}.ds-alert--no-title{align-items:center}.ds-alert__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-alert:not(.ds-alert--no-title) .ds-alert__icon{margin-top:2px}.ds-alert__content{flex:1;min-width:0}.ds-alert__title{font-size:var(--text-lg, 16px);font-weight:var(--font-weight-regular, 400);margin-bottom:var(--space-2, 8px)}.ds-alert__message{font-size:var(--text-md, 14px);line-height:1.5}.ds-alert__close{flex-shrink:0;background:none;border:none;color:inherit;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity var(--transition-normal, .2s ease)}.ds-alert__close:hover{opacity:1}.ds-alert__close:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-2, 4px)}.ds-alert--info{background:linear-gradient(var(--color-status-info-bg),var(--color-status-info-bg)),var(--color-surface-1);color:var(--color-status-info)}.ds-alert--info .ds-alert__message{color:var(--color-fg-primary)}.ds-alert--success{background:linear-gradient(var(--color-status-success-bg),var(--color-status-success-bg)),var(--color-surface-1);color:var(--color-status-success)}.ds-alert--success .ds-alert__message{color:var(--color-fg-primary)}.ds-alert--warning{background:linear-gradient(var(--color-status-warning-bg),var(--color-status-warning-bg)),var(--color-surface-1);color:var(--color-status-warning)}.ds-alert--warning .ds-alert__message{color:var(--color-fg-primary)}.ds-alert--error{background:linear-gradient(var(--color-status-error-bg),var(--color-status-error-bg)),var(--color-surface-1);color:var(--color-status-error)}.ds-alert--error .ds-alert__message{color:var(--color-fg-primary)}@keyframes ds-modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes ds-modal-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes ds-modal-content-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-modal-content-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.ds-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-overlay);display:flex;align-items:flex-start;justify-content:center;z-index:var(--z-modal);padding:var(--space-4, 16px);overflow-y:auto;animation:ds-modal-backdrop-in var(--motion-enter, .3s ease)}.ds-modal{background-color:var(--color-surface-2);border-radius:var(--radius-4, 8px);box-shadow:var(--shadow-2);display:flex;flex-direction:column;margin:auto 0;position:relative;animation:ds-modal-content-in var(--motion-enter, .3s ease) .05s both}.ds-modal__close{position:absolute;top:var(--space-2, 8px);right:var(--space-2, 8px);z-index:1}.ds-modal-overlay--closing{animation:ds-modal-backdrop-out var(--motion-exit, .2s ease) forwards}.ds-modal-overlay--closing .ds-modal{animation:ds-modal-content-out var(--motion-exit, .2s ease) forwards}.ds-modal--s{width:100%;max-width:400px}.ds-modal--m{width:100%;max-width:600px}.ds-modal--l{width:100%;max-width:900px}.ds-modal__header{display:flex;flex-direction:column;padding:var(--space-6, 24px) var(--space-6, 24px) var(--space-4, 16px);gap:var(--space-4, 16px)}.ds-modal__title{font-size:var(--text-2xl, 20px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);margin:0}.ds-modal__subheader{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.ds-modal__body{padding:0 var(--space-6, 24px) var(--space-6, 24px);flex:1}.ds-modal__body:last-child{border-bottom-left-radius:var(--radius-4, 8px);border-bottom-right-radius:var(--radius-4, 8px)}.ds-modal--scrollable{max-height:85vh}.ds-modal--scrollable .ds-modal__body{overflow-y:auto;min-height:0;padding-top:var(--space-6, 24px);overscroll-behavior:contain}.ds-modal--scrollable .ds-modal__header{border-bottom:1px solid var(--color-border-light)}.ds-modal--scrollable .ds-modal__footer{border-top:1px solid var(--color-border-light)}.ds-modal__footer{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3, 12px);padding:var(--space-4, 16px) var(--space-6, 24px) var(--space-6, 24px);background-color:var(--color-surface-2);position:relative;z-index:10;border-bottom-left-radius:var(--space-3, 12px);border-bottom-right-radius:var(--space-3, 12px)}@keyframes ds-sheet-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ds-sheet-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes ds-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ds-sheet-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}.ds-bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay);z-index:var(--z-modal);display:flex;align-items:flex-end;animation:ds-sheet-overlay-in .2s ease}.ds-bottom-sheet-overlay--closing{animation:ds-sheet-overlay-out .32s ease forwards}.ds-bottom-sheet{width:100%;max-width:1280px;height:95vh;margin:0 auto;background-color:var(--color-surface-2);border-radius:var(--radius-4, 12px) var(--radius-4, 12px) 0 0;box-shadow:var(--shadow-2);display:flex;flex-direction:column;position:relative;animation:ds-sheet-in .35s cubic-bezier(.32,.72,0,1)}.ds-bottom-sheet__close{position:absolute;top:var(--space-2, 8px);right:var(--space-2, 8px);z-index:1}.ds-bottom-sheet--closing{animation:ds-sheet-out .32s cubic-bezier(.32,.72,0,1) forwards}.ds-bottom-sheet__handle{width:36px;height:4px;background:var(--color-border-default);border-radius:var(--radius-full, 9999px);margin:var(--space-3) auto var(--space-1);flex-shrink:0}.ds-bottom-sheet__header{display:flex;flex-direction:column;padding:var(--space-4) var(--space-6) var(--space-4);gap:var(--space-4);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.ds-bottom-sheet__title{font-size:var(--text-2xl, 20px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);margin:0}.ds-bottom-sheet__subheader{display:flex;flex-direction:column;gap:var(--space-4)}.ds-bottom-sheet__body{padding:var(--space-6);flex:1;overflow-y:auto;min-height:0;overscroll-behavior:contain}.ds-bottom-sheet .ds-modal__footer{border-top:1px solid var(--color-border-light);border-bottom-left-radius:0;border-bottom-right-radius:0}.ds-code-accordion{min-width:0}.ds-code-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:var(--color-surface-raised);border:none;border-radius:var(--radius-3, 6px);color:var(--color-fg-primary);font-size:var(--text-lg, 16px);font-family:inherit;cursor:pointer;position:relative;isolation:isolate}.ds-code-accordion__header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal, .2s ease)}.ds-code-accordion__header[aria-expanded=true]{border-radius:var(--radius-3, 6px) var(--radius-3, 6px) 0 0}.ds-code-accordion__header:hover:before{background-color:var(--color-state-hover)}.ds-code-accordion__header:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-code-accordion__title{font-weight:var(--font-weight-regular, 400)}.ds-code-accordion__icon{flex-shrink:0;color:var(--color-fg-secondary);transition:transform var(--transition-normal, .2s ease)}.ds-code-accordion__icon--expanded{transform:rotate(180deg)}.ds-code-accordion__content{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--transition-normal, .2s ease)}.ds-code-accordion--expanded .ds-code-accordion__content{grid-template-rows:1fr}.ds-code-accordion__inner{overflow:hidden;min-height:0;opacity:0;visibility:hidden;transition:opacity var(--transition-normal, .2s ease) .05s,visibility 0s var(--transition-normal, .2s ease)}.ds-code-accordion--expanded .ds-code-accordion__inner{opacity:1;visibility:visible;transition:opacity var(--transition-normal, .2s ease) .05s,visibility 0s 0s}.ds-code-accordion__pre{overflow-x:auto;font-family:var(--font-mono, ui-monospace, "SF Mono", Menlo, Consolas, monospace);font-size:var(--text-md, 14px);background-color:var(--color-surface-nested);color:var(--color-fg-primary);border-radius:0 0 var(--radius-3, 6px) var(--radius-3, 6px);line-height:1.6;margin:0}.ds-code-accordion--s .ds-code-accordion__header,.ds-code-accordion--s .ds-code-accordion__pre{padding:var(--space-2, 8px)}.ds-code-accordion--m .ds-code-accordion__header,.ds-code-accordion--m .ds-code-accordion__pre{padding:var(--space-3, 12px)}.ds-code-accordion--l .ds-code-accordion__header,.ds-code-accordion--l .ds-code-accordion__pre{padding:var(--space-4, 16px)}.ds-code-accordion__pre code{background:none;border:none;padding:0;font-family:inherit;font-size:inherit;color:inherit}@media (max-width: 640px){.ds-code-accordion__header{font-size:var(--text-md, 14px)}.ds-code-accordion--l .ds-code-accordion__header,.ds-code-accordion--l .ds-code-accordion__pre{padding:var(--space-3, 12px)}}@media (prefers-reduced-motion: reduce){.ds-code-accordion__inner{transition:none}}.ds-code-inline{font-family:var(--font-mono, ui-monospace, "SF Mono", Menlo, Consolas, monospace);font-size:.9em;background-color:var(--color-surface-nested);color:var(--color-fg-primary);padding:2px 6px;border-radius:var(--radius-3, 6px);white-space:nowrap}.ds-code-block{font-family:var(--font-mono, ui-monospace, "SF Mono", Menlo, Consolas, monospace);font-size:var(--text-md, 14px);background-color:var(--color-surface-nested);color:var(--color-fg-primary);padding:var(--space-3, 12px);border-radius:var(--radius-3, 6px);overflow-x:auto;line-height:1.6;margin:0}.ds-code-block code{background:none;border:none;padding:0;font-family:inherit;font-size:inherit;color:inherit}.ds-link{color:var(--color-accent-default);text-decoration:none;cursor:pointer;transition:color var(--transition-fast, .1s ease),text-decoration var(--transition-fast, .1s ease);font-size:inherit;font-weight:inherit;line-height:inherit}.ds-link:hover{color:var(--color-accent-hover);text-decoration:underline}.ds-link:active{color:var(--color-accent-hover)}.ds-link:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:2px}.ds-tabs{display:flex;gap:var(--space-2, 8px);flex-wrap:wrap}.ds-tab{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2, 8px);font-family:var(--font-ui, inherit);font-weight:var(--ui-font-weight, 500);letter-spacing:var(--tab-tracking);text-transform:var(--ui-text-transform, none);line-height:1;cursor:pointer;background-color:transparent;color:var(--color-fg-primary);transition:border-color var(--motion-hover, .2s ease),background-color var(--motion-hover, .2s ease);white-space:nowrap;text-decoration:none}.ds-tab--ghost{border:none;color:var(--color-fg-secondary);position:relative;isolation:isolate}.ds-tab--ghost:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--motion-hover, .2s ease)}.ds-tab--ghost:hover:not(.ds-tab--selected):not(:disabled):not([aria-disabled=true]){color:var(--color-fg-primary)}.ds-tab--ghost:hover:not(.ds-tab--selected):not(:disabled):not([aria-disabled=true]):before{background-color:var(--color-state-hover)}.ds-tab--ghost.ds-tab--selected{color:var(--color-fg-primary)}.ds-tab--ghost.ds-tab--selected:before{background-color:var(--color-state-selected)}.ds-tab--xs{--_tab-icon-sz: var(--tab-icon-size-xs)}.ds-tab--s,.ds-tab--sm{--_tab-icon-sz: var(--tab-icon-size-s, 14px)}.ds-tab--m{--_tab-icon-sz: var(--tab-icon-size-m, 16px)}.ds-tab--l{--_tab-icon-sz: var(--tab-icon-size-l, 20px)}.ds-tab--xs{height:var(--height-1, 24px);padding:0 calc(var(--height-1, 24px) / 2);font-size:var(--tab-font-size-xs);border-radius:var(--radius-2, 4px)}.ds-tab--s{height:var(--height-2, 32px);padding:0 calc(var(--height-2, 32px) / 2);font-size:var(--tab-font-size-s, 13px);border-radius:var(--radius-2, 4px)}.ds-tab--sm{height:var(--height-2-5, 36px);padding:0 14px;font-size:var(--tab-font-size-s, 13px);border-radius:var(--radius-3, 6px)}.ds-tab--m{height:var(--height-3, 44px);padding:0 calc(var(--height-3, 44px) / 2);font-size:var(--tab-font-size-m, 14px);border-radius:var(--radius-3, 6px)}.ds-tab--l{height:var(--height-4, 56px);padding:0 calc(var(--height-4, 56px) / 2);font-size:var(--tab-font-size-l, 15px);border-radius:var(--radius-3, 6px);gap:var(--space-3, 12px)}.ds-tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-tab:disabled,.ds-tab[aria-disabled=true]{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-tab-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-tab-icon>svg{width:var(--_tab-icon-sz, 16px);height:var(--_tab-icon-sz, 16px);stroke-width:1.5px}.ds-tab--icon-only{aspect-ratio:1;padding-left:0;padding-right:0}.ds-browser-pane{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;background:var(--color-surface-1);overflow:hidden}.ds-browser-tabs{display:flex;align-items:flex-end;gap:0;flex-shrink:0;min-width:0;overflow-x:auto;overflow-y:hidden;padding:6px 8px 0;background:var(--color-surface-2);position:relative}.ds-browser-tabs:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--color-border-default);pointer-events:none;z-index:0}.ds-browser-tab{display:inline-flex;align-items:center;justify-content:flex-start;flex:1 1 0;min-width:72px;max-width:180px;height:30px;margin:0;border:1px solid transparent;border-bottom:1px solid transparent;border-radius:var(--radius-4, 8px) var(--radius-4, 8px) 0 0;background:transparent;color:var(--color-fg-secondary);position:relative;z-index:1}.ds-browser-tab:not(.ds-browser-tab--active):before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:14px;background:var(--color-border-default);opacity:.9;pointer-events:none}.ds-browser-tab:first-child:before,.ds-browser-tab--active:before,.ds-browser-tab--active+.ds-browser-tab:before,.ds-browser-tab:hover:before,.ds-browser-tab:hover+.ds-browser-tab:before{opacity:0}.ds-browser-tab:hover{background:var(--color-state-hover);color:var(--color-fg-primary);z-index:1}.ds-browser-tab--active{background:var(--color-surface-1);border-color:var(--color-border-default);border-bottom-color:var(--color-surface-1);color:var(--color-fg-primary);z-index:2}.ds-browser-tab__hit{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1 auto;min-width:0;display:inline-flex;align-items:center;gap:6px;height:100%;padding:0 10px;margin:0;border:none;background:transparent;color:inherit;font:inherit;font-family:var(--font-ui, inherit);font-size:var(--text-sm, 12px);font-weight:var(--ui-font-weight, 500);letter-spacing:var(--tab-tracking, 0);cursor:pointer}.ds-browser-tab__hit:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-browser-tab__icon{display:inline-flex;flex-shrink:0;width:14px;height:14px;opacity:.85}.ds-browser-tab__icon>svg{width:14px;height:14px}.ds-browser-tab--closable .ds-browser-tab__hit{padding-right:4px}.ds-browser-tab__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-browser-tab__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;margin-left:auto;margin-right:6px;padding:0;border:none;border-radius:var(--radius-2, 4px);background:transparent;color:var(--color-fg-secondary);cursor:pointer}.ds-browser-tab__close:hover{background:var(--color-state-hover);color:var(--color-fg-primary)}.ds-browser-tab__close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-list{display:flex;flex-direction:column}.ds-list-row{display:grid;grid-template-columns:28px minmax(0,1fr);grid-auto-columns:max-content;grid-auto-flow:column;align-items:center;gap:var(--space-3, 12px);width:100%;min-height:48px;padding:8px 16px;margin:0;border:none;border-top:1px solid var(--color-border-light, var(--color-border-default));border-bottom:1px solid var(--color-border-light, var(--color-border-default));background:transparent;color:inherit;font:inherit;font-family:var(--font-ui, inherit);text-align:left;box-sizing:border-box}.ds-list-row--no-icon{grid-template-columns:minmax(0,1fr)}.ds-list-row+.ds-list-row{border-top:none}.ds-list-row--interactive{cursor:pointer}.ds-list-row--interactive:hover{background:var(--color-state-hover)}.ds-list-row--interactive:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-list-row__icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-3, 6px);color:var(--color-fg-secondary);background:color-mix(in srgb,var(--color-fg-secondary) 10%,transparent)}.ds-list-row__icon>svg{width:16px;height:16px;stroke-width:1.5px}.ds-list-row__name{display:flex;flex-direction:column;min-width:0;gap:1px}.ds-list-row__title{font-size:var(--text-md, 14px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-list-row__subtitle{font-size:var(--text-xs, 11px);color:var(--color-fg-secondary)}.ds-list-row__meta{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.ds-seg{display:inline-flex;position:relative;padding:3px;border:1px solid var(--color-border-default);border-radius:var(--radius-3, 6px);background:var(--color-surface-1)}.ds-seg--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-seg__pill{position:absolute;top:3px;bottom:3px;background:var(--color-state-hover);border-radius:calc(var(--radius-3, 6px) - 2px);pointer-events:none;z-index:0}.ds-seg__btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--space-1, 4px);background:transparent;border:none;cursor:pointer;font-family:var(--font-ui, inherit);font-size:var(--text-md, 14px);letter-spacing:var(--ui-tracking, 0);text-transform:var(--ui-text-transform, none);color:var(--color-fg-secondary);border-radius:calc(var(--radius-3, 6px) - 2px);white-space:nowrap;transition:color var(--motion-hover, .2s ease)}.ds-seg__btn:hover:not(:disabled){color:var(--color-fg-primary)}.ds-seg__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-seg__btn--active{color:var(--color-fg-primary)}.ds-seg__btn-icon{display:flex;align-items:center;flex-shrink:0}.ds-seg--s .ds-seg__btn{height:var(--height-1, 24px);padding:0 var(--space-2, 8px);font-size:var(--text-sm, 12px)}.ds-seg--m .ds-seg__btn{height:var(--height-2, 32px);padding:0 var(--space-3, 12px)}.ds-seg--sm .ds-seg__btn{height:var(--height-2-5, 36px);padding:0 var(--space-3, 12px)}.ds-seg--l .ds-seg__btn{height:var(--height-3, 44px);padding:0 var(--space-4, 16px);font-size:var(--text-lg, 16px)}@media (prefers-reduced-motion: reduce){.ds-seg__pill{transition:none}}.ds-accordion{min-width:0}.ds-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:var(--color-surface-raised);border:none;border-radius:var(--radius-3, 6px);color:var(--color-fg-primary);font-size:var(--text-xl, 18px);font-family:inherit;cursor:pointer;position:relative;isolation:isolate}.ds-accordion__header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal, .2s ease)}.ds-accordion__header[aria-expanded=true]{border-radius:var(--radius-3, 6px) var(--radius-3, 6px) 0 0}.ds-accordion__header:hover:before{background-color:var(--color-state-hover)}.ds-accordion__header:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-accordion__title{font-weight:var(--font-weight-regular, 400)}.ds-accordion__icon{flex-shrink:0;color:var(--color-fg-secondary);transition:transform var(--transition-normal, .2s ease)}.ds-accordion__icon--expanded{transform:rotate(180deg)}.ds-accordion__content{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--transition-normal, .2s ease)}.ds-accordion--expanded .ds-accordion__content{grid-template-rows:1fr}.ds-accordion__content-inner{overflow:hidden;min-height:0;opacity:0;visibility:hidden;transition:opacity var(--transition-normal, .2s ease) .05s,visibility 0s var(--transition-normal, .2s ease)}.ds-accordion--expanded .ds-accordion__content-inner{opacity:1;visibility:visible;transition:opacity var(--transition-normal, .2s ease) .05s,visibility 0s 0s}.ds-accordion__content-body{display:flex;flex-direction:column;background-color:var(--color-surface-raised);border-radius:0 0 var(--radius-3, 6px) var(--radius-3, 6px)}.ds-accordion__content-body>*{--color-surface-raised: var(--color-surface-nested)}.ds-accordion--s .ds-accordion__header{padding:var(--space-3, 12px)}.ds-accordion--s .ds-accordion__content-body{padding:var(--space-3, 12px);gap:var(--space-2, 8px)}.ds-accordion--m .ds-accordion__header{padding:var(--space-4, 16px)}.ds-accordion--m .ds-accordion__content-body{padding:var(--space-4, 16px);gap:var(--space-3, 12px)}.ds-accordion--l .ds-accordion__header{padding:var(--space-6, 24px)}.ds-accordion--l .ds-accordion__content-body{padding:var(--space-6, 24px);gap:var(--space-4, 16px)}@media (max-width: 640px){.ds-accordion__header{font-size:var(--text-lg, 16px)}.ds-accordion--l .ds-accordion__header{padding:var(--space-4, 16px)}.ds-accordion--l .ds-accordion__content-inner{padding:var(--space-4, 16px);gap:var(--space-3, 12px)}}.ds-tooltip-wrapper{position:relative;display:inline-flex}.ds-tooltip{background-color:var(--color-surface-3);color:var(--color-fg-secondary);font-size:var(--text-sm, 12px);letter-spacing:var(--tracking-sm);width:max-content;max-width:200px;padding:var(--space-2, 8px);border:1px solid var(--color-border-default);box-shadow:var(--shadow-1);z-index:var(--z-tooltip);border-radius:var(--radius-2, 4px);white-space:normal;word-wrap:break-word;pointer-events:none;line-height:1.4}.ds-tooltip--top:after{content:"";position:absolute;top:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:4px solid transparent;border-top-color:var(--color-border-default)}.ds-tooltip--top:before{content:"";position:absolute;top:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:3px solid transparent;border-top-color:var(--color-surface-3);z-index:1}.ds-tooltip--bottom:after{content:"";position:absolute;bottom:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:4px solid transparent;border-bottom-color:var(--color-border-default)}.ds-tooltip--bottom:before{content:"";position:absolute;bottom:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:3px solid transparent;border-bottom-color:var(--color-surface-3);z-index:1}.ds-tooltip--left:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:4px solid transparent;border-left-color:var(--color-border-default)}.ds-tooltip--left:before{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:3px solid transparent;border-left-color:var(--color-surface-3);z-index:1}.ds-tooltip--right:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:4px solid transparent;border-right-color:var(--color-border-default)}.ds-tooltip--right:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:3px solid transparent;border-right-color:var(--color-surface-3);z-index:1}.ds-mention{display:inline;margin:0;padding:0;border:none;background:none;font:inherit;font-weight:var(--font-weight-semibold, 600);color:var(--color-accent-default);cursor:pointer;text-decoration:none;border-bottom:1px dashed color-mix(in srgb,var(--color-accent-default) 55%,transparent);vertical-align:baseline}.ds-mention:hover,.ds-mention:focus-visible,.ds-mention[aria-expanded=true]{border-bottom-style:solid;border-bottom-color:var(--color-accent-default);outline:none}.ds-mention--custom{display:inline-flex;align-items:center;font-weight:inherit;color:inherit;border-bottom:none}.ds-mention--custom:hover,.ds-mention--custom:focus-visible,.ds-mention--custom[aria-expanded=true]{border-bottom:none}.ds-mention--pending{cursor:default;opacity:.75;pointer-events:none}.ds-mention__popover{position:fixed;z-index:var(--z-dropdown, 400);box-sizing:border-box;width:min(17.5rem,calc(100vw - 16px));padding:var(--space-4, 16px);display:flex;flex-direction:column;gap:var(--space-3, 12px);background:var(--color-surface-3);color:var(--color-fg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-4, 8px);box-shadow:var(--shadow-2);pointer-events:auto}.ds-mention__head{display:flex;align-items:flex-start;gap:var(--space-3, 12px)}.ds-mention__meta{display:flex;flex-direction:column;gap:2px;min-width:0;padding-top:2px}.ds-mention__name{font-size:var(--text-md, 14px);font-weight:var(--font-weight-semibold, 600);color:var(--color-fg-primary);line-height:1.3}.ds-mention__handle{font-size:var(--text-xs, 11px);color:var(--color-fg-secondary);line-height:1.3}.ds-mention__desc{margin:0;font-size:var(--text-sm, 12px);font-weight:var(--font-weight-regular, 400);line-height:1.45;letter-spacing:var(--tracking-sm, 0);color:var(--color-fg-secondary);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.ds-mention__actions{display:flex;flex-direction:column;gap:var(--space-2, 8px);margin-top:var(--space-1, 4px);width:100%}.ds-mention__actions .ds-button,.ds-mention__actions>*{width:100%;justify-content:center}.ds-toggle{display:inline-flex;align-items:center;gap:var(--space-3, 12px);cursor:pointer}.ds-toggle--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed}.ds-toggle__input{position:absolute;opacity:0;pointer-events:none}.ds-toggle__track{position:relative;display:flex;align-items:center;background-color:var(--color-surface-1);border:1px solid var(--field-border);transition:background-color var(--transition-normal, .2s ease),border-color var(--transition-normal, .2s ease);flex-shrink:0}.ds-toggle__input:focus-visible+.ds-toggle__track{box-shadow:var(--focus-ring)}.ds-toggle__input:checked+.ds-toggle__track{background-color:var(--control-checked-bg, var(--color-status-success));border-color:var(--control-checked-border, var(--color-status-success))}.ds-toggle__input:not(:checked)+.ds-toggle__track:hover{border-color:var(--field-border-active)}.ds-toggle__thumb{background-color:var(--control-checked-fg, var(--color-white));border-radius:50%;transition:transform var(--transition-normal, .2s ease);box-shadow:0 1px 3px #0003}.ds-toggle__label{font-size:var(--text-lg, 16px);color:var(--color-fg-primary);-webkit-user-select:none;user-select:none}.ds-toggle--xs .ds-toggle__track{width:calc(var(--icon-1, 16px) * 1.75);height:var(--icon-1, 16px);border-radius:calc(var(--icon-1, 16px) / 2);padding:2px}.ds-toggle--xs .ds-toggle__thumb{width:calc(var(--icon-1, 16px) - 4px);height:calc(var(--icon-1, 16px) - 4px)}.ds-toggle--xs .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-1, 16px) * .75))}.ds-toggle--xs .ds-toggle__label{font-size:var(--text-sm, 12px)}.ds-toggle--s .ds-toggle__track{width:calc(var(--icon-2, 20px) * 1.75);height:var(--icon-2, 20px);border-radius:calc(var(--icon-2, 20px) / 2);padding:2px}.ds-toggle--s .ds-toggle__thumb{width:calc(var(--icon-2, 20px) - 4px);height:calc(var(--icon-2, 20px) - 4px)}.ds-toggle--s .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-2, 20px) * .75))}.ds-toggle--s .ds-toggle__label{font-size:var(--text-md, 14px)}.ds-toggle--m .ds-toggle__track{width:calc(var(--icon-3, 24px) * 1.75);height:var(--icon-3, 24px);border-radius:calc(var(--icon-3, 24px) / 2);padding:2px}.ds-toggle--m .ds-toggle__thumb{width:calc(var(--icon-3, 24px) - 4px);height:calc(var(--icon-3, 24px) - 4px)}.ds-toggle--m .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-3, 24px) * .75))}.ds-toggle--m .ds-toggle__label{font-size:var(--text-lg, 16px)}.ds-toggle--l .ds-toggle__track{width:calc(var(--icon-4, 28px) * 1.75);height:var(--icon-4, 28px);border-radius:calc(var(--icon-4, 28px) / 2);padding:3px}.ds-toggle--l .ds-toggle__thumb{width:calc(var(--icon-4, 28px) - 6px);height:calc(var(--icon-4, 28px) - 6px)}.ds-toggle--l .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-4, 28px) * .75))}.ds-toggle--l .ds-toggle__label{font-size:var(--text-lg, 16px)}.ds-checkbox{display:inline-flex;align-items:center;gap:var(--space-3, 12px);cursor:pointer}.ds-checkbox--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed}.ds-checkbox__input{position:absolute;opacity:0;pointer-events:none}.ds-checkbox__box{position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-1);border:1px solid var(--field-border);transition:background-color var(--transition-normal, .2s ease),border-color var(--transition-normal, .2s ease);flex-shrink:0;border-radius:4px}.ds-checkbox__input:focus-visible+.ds-checkbox__box{box-shadow:var(--focus-ring)}.ds-checkbox__input:checked+.ds-checkbox__box{background-color:var(--control-checked-bg, var(--color-status-success));border-color:var(--control-checked-border, var(--color-status-success))}.ds-checkbox__input:not(:checked)+.ds-checkbox__box:hover{border-color:var(--field-border-active)}.ds-checkbox__icon{color:var(--control-checked-fg, var(--color-white))}.ds-checkbox__label{font-size:var(--text-lg, 16px);color:var(--color-fg-primary);-webkit-user-select:none;user-select:none}.ds-checkbox--xs .ds-checkbox__box{width:var(--icon-1, 16px);height:var(--icon-1, 16px)}.ds-checkbox--xs .ds-checkbox__label{font-size:var(--text-sm, 12px)}.ds-checkbox--s .ds-checkbox__box{width:var(--icon-2, 20px);height:var(--icon-2, 20px)}.ds-checkbox--s .ds-checkbox__label{font-size:var(--text-md, 14px)}.ds-checkbox--m .ds-checkbox__box{width:var(--icon-3, 24px);height:var(--icon-3, 24px)}.ds-checkbox--m .ds-checkbox__label{font-size:var(--text-lg, 16px)}.ds-checkbox--l .ds-checkbox__box{width:var(--icon-4, 28px);height:var(--icon-4, 28px)}.ds-checkbox--l .ds-checkbox__label{font-size:var(--text-lg, 16px)}.ds-radio{display:inline-flex;align-items:center;gap:var(--space-3, 12px);cursor:pointer}.ds-radio--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed}.ds-radio__input{position:absolute;opacity:0;pointer-events:none}.ds-radio__circle{position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-1);border:1px solid var(--field-border);transition:background-color var(--transition-normal, .2s ease),border-color var(--transition-normal, .2s ease);flex-shrink:0;border-radius:50%}.ds-radio__input:checked+.ds-radio__circle{background-color:var(--control-checked-bg, var(--color-status-success));border-color:var(--control-checked-border, var(--color-status-success))}.ds-radio__input:focus-visible+.ds-radio__circle{box-shadow:var(--focus-ring)}.ds-radio__input:not(:checked)+.ds-radio__circle:hover{border-color:var(--field-border-active)}.ds-radio__dot{background-color:var(--control-checked-fg, var(--color-white));border-radius:50%;opacity:0;transition:opacity var(--transition-normal, .2s ease)}.ds-radio__input:checked+.ds-radio__circle .ds-radio__dot{opacity:1}.ds-radio__label{font-size:var(--text-lg, 16px);color:var(--color-fg-primary);-webkit-user-select:none;user-select:none}.ds-radio--xs .ds-radio__circle{width:var(--icon-1, 16px);height:var(--icon-1, 16px)}.ds-radio--xs .ds-radio__dot{width:6px;height:6px}.ds-radio--xs .ds-radio__label{font-size:var(--text-sm, 12px)}.ds-radio--s .ds-radio__circle{width:var(--icon-2, 20px);height:var(--icon-2, 20px)}.ds-radio--s .ds-radio__dot{width:8px;height:8px}.ds-radio--s .ds-radio__label{font-size:var(--text-md, 14px)}.ds-radio--m .ds-radio__circle{width:var(--icon-3, 24px);height:var(--icon-3, 24px)}.ds-radio--m .ds-radio__dot{width:10px;height:10px}.ds-radio--m .ds-radio__label{font-size:var(--text-lg, 16px)}.ds-radio--l .ds-radio__circle{width:var(--icon-4, 28px);height:var(--icon-4, 28px)}.ds-radio--l .ds-radio__dot{width:12px;height:12px}.ds-radio--l .ds-radio__label{font-size:var(--text-lg, 16px)}.ds-skeleton{display:block;background-color:var(--color-surface-nested);animation:ds-skeleton-pulse 1.5s ease-in-out infinite}@keyframes ds-skeleton-pulse{0%,to{opacity:.4}50%{opacity:.85}}.ds-skeleton--rect{border-radius:var(--radius-2, 4px)}.ds-skeleton--circle{border-radius:var(--radius-full, 9999px)}.ds-skeleton--text{height:1em;border-radius:var(--radius-2, 4px)}.ds-skeleton--pill{border-radius:var(--radius-full, 9999px)}.ds-skeleton-text{display:flex;flex-direction:column;gap:var(--space-2, 8px);width:100%}.ds-avatar__initials{font-size:.4em;font-weight:var(--font-weight-medium, 500);line-height:1;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.ds-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block}.ds-avatar{flex-shrink:0;border-radius:var(--radius-full, 9999px);display:grid;place-items:center;border:1px solid var(--color-border-default);background-color:hsl(var(--ds-avatar-h, 220) 22% 88%);color:hsl(var(--ds-avatar-h, 220) 30% 35%);overflow:hidden}[data-theme=dark] .ds-avatar,:root:not([data-theme=light]) .ds-avatar{background-color:hsl(var(--ds-avatar-h, 220) 18% 22%);color:hsl(var(--ds-avatar-h, 220) 40% 72%)}.ds-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-3, 6px);border:1px solid var(--table-wrap-border)}.ds-table-wrap--scroll{overflow-y:auto}.ds-table{width:100%;border-collapse:collapse;background-color:var(--color-surface-1)}.ds-table thead{background-color:var(--color-surface-2)}.ds-table th{font-family:var(--table-th-font-family);font-weight:var(--table-th-weight);font-size:var(--table-th-font-size);color:var(--table-th-color);letter-spacing:var(--table-th-tracking);text-transform:var(--table-th-text-transform);text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none;position:sticky;top:var(--ds-table-sticky-top, 0px);z-index:2;background-color:var(--color-surface-2);box-shadow:0 1px 0 var(--table-row-border)}.ds-th--sortable{cursor:pointer}.ds-th--sortable:hover{color:var(--color-fg-primary)}.ds-th--sortable:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-table td{text-align:left;color:var(--color-fg-primary);border-bottom:1px solid var(--table-row-border);vertical-align:middle}.ds-table tbody tr:last-child td{border-bottom:none}.ds-table--compact th,.ds-table--compact td{padding:var(--space-2, 8px) var(--space-3, 12px);font-size:var(--text-sm, 12px);letter-spacing:var(--tracking-sm);line-height:1.4}.ds-table--default th,.ds-table--default td{padding:var(--space-3, 12px) var(--space-4, 16px);font-size:var(--text-md, 14px);letter-spacing:var(--tracking-md)}.ds-table-row--interactive{cursor:pointer;transition:background-color var(--transition-fast, .1s ease)}.ds-table-row--interactive:hover{background-color:var(--color-state-hover)}.ds-table-row--interactive:active{background-color:var(--color-state-active)}.ds-table-row--interactive:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:-2px}.ds-table-row--selected,.ds-table-row--selected.ds-table-row--interactive:hover{background-color:var(--color-state-selected)}.ds-table-cell--center{text-align:center}.ds-table-cell--right{text-align:right}.ds-table-cell--secondary{color:var(--color-fg-secondary)}.ds-table-cell--muted{color:var(--color-fg-disabled)}.ds-table-cell--truncate{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-table-cell--nowrap{white-space:nowrap}.ds-th__inner{display:inline-flex;align-items:center;gap:var(--space-1, 4px)}.ds-th__sort-icon{flex-shrink:0;opacity:.35;transition:opacity var(--transition-fast, .1s ease)}.ds-th--sorted .ds-th__sort-icon{opacity:1;color:var(--color-accent-default)}.ds-th--sortable:hover .ds-th__sort-icon{opacity:.7}.ds-table-row--subheader td{font-family:var(--table-subrow-font);color:var(--table-subrow-color);background-color:var(--table-subrow-bg);letter-spacing:var(--table-subrow-tracking);text-transform:var(--table-subrow-transform);font-weight:var(--table-th-weight);border-top:1px solid var(--table-row-border);border-bottom:1px solid var(--table-row-border);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes ds-row-exit{to{opacity:0;transform:translateY(-3px)}}@keyframes ds-row-flash{0%{background-color:var(--color-accent-bg)}to{background-color:transparent}}.ds-table-row{transition:background-color .1s ease;transition:opacity .18s ease,transform .18s ease,background-color .1s ease}@starting-style{.ds-table-row{opacity:0;transform:translateY(-3px)}}.ds-table-row--exiting{animation:ds-row-exit .18s ease forwards;pointer-events:none}.ds-table-row--updated{animation:ds-row-flash .6s ease}@media (prefers-reduced-motion: reduce){.ds-table-row,.ds-table-row--exiting,.ds-table-row--updated{animation:none;transition:none}}.ds-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center}.ds-empty-state__icon{color:var(--color-fg-disabled);flex-shrink:0;display:flex;align-items:center}.ds-empty-state--s .ds-empty-state__icon svg{width:var(--icon-3, 24px);height:var(--icon-3, 24px)}.ds-empty-state--m .ds-empty-state__icon svg,.ds-empty-state--l .ds-empty-state__icon svg{width:var(--icon-5, 48px);height:var(--icon-5, 48px)}.ds-empty-state__title{font-size:var(--text-lg, 16px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);line-height:1.4}.ds-empty-state__description{font-size:var(--text-md, 14px);color:var(--color-fg-secondary);line-height:1.5;max-width:360px}.ds-empty-state--s{padding:var(--space-6, 24px);gap:var(--space-2, 8px)}.ds-empty-state--s .ds-empty-state__title{font-size:var(--text-md, 14px)}.ds-empty-state--s .ds-empty-state__description{font-size:var(--text-sm, 12px)}.ds-empty-state--m{padding:var(--space-10, 40px);gap:var(--space-3, 12px)}.ds-empty-state--l{padding:var(--space-16, 64px);gap:var(--space-4, 16px)}.ds-empty-state--l .ds-empty-state__title{font-size:var(--text-xl, 18px)}.ds-empty-state__action{margin-top:var(--space-1, 4px)}.ds-field{display:flex;flex-direction:column}.ds-field[data-disabled]{opacity:var(--state-disabled-opacity, .4);pointer-events:none;cursor:not-allowed}.ds-field-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color);margin-bottom:var(--space-1, 4px)}.ds-field[data-required] .ds-field-label:after{content:" *";color:var(--color-error)}.ds-field-hint,.ds-field-error{font-size:var(--text-md, 14px);line-height:1.5;margin-top:var(--space-2, 8px)}.ds-field-hint{color:var(--color-fg-secondary)}.ds-field-error{color:var(--color-error)}[data-state=error] .ds-field-control .ds-input,[data-state=error] .ds-field-control .ds-textarea,[data-state=error] .ds-field-control .ds-select-trigger{border-color:var(--color-error)}[data-density=compact] .ds-field-hint,[data-density=compact] .ds-field-error{font-size:var(--text-sm, 12px);margin-top:var(--space-1, 4px)}.ds-stat{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.ds-stat--inline{flex-direction:row;align-items:baseline;gap:var(--space-3, 12px)}.ds-stat--xs .ds-stat-label{font-size:11px}.ds-stat--xs .ds-stat-value{font-size:20px}.ds-stat--s .ds-stat-label{font-size:var(--text-sm, 12px)}.ds-stat--s .ds-stat-value{font-size:24px}.ds-stat--m .ds-stat-label{font-size:var(--text-md, 14px)}.ds-stat--m .ds-stat-value{font-size:32px}.ds-stat--l .ds-stat-label{font-size:var(--text-md, 14px)}.ds-stat--l .ds-stat-value{font-size:40px}.ds-stat-label{font-family:var(--font-ui, inherit);color:var(--color-fg-secondary);letter-spacing:var(--ui-tracking, 0);text-transform:var(--ui-text-transform, none);line-height:1.2}.ds-stat-value{font-weight:var(--font-weight-semibold, 600);color:var(--color-fg-primary);line-height:1.1;font-variant-numeric:tabular-nums}.ds-stat-delta{font-size:var(--text-sm, 12px);font-weight:var(--font-weight-medium, 500);line-height:1.2}.ds-stat-delta--up{color:var(--color-status-success)}.ds-stat-delta--down{color:var(--color-status-error)}.ds-stat-delta--neutral{color:var(--color-fg-secondary)}[data-density=compact] .ds-stat--m .ds-stat-value{font-size:24px}[data-density=compact] .ds-stat--l .ds-stat-value{font-size:32px}.ds-breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;font-family:var(--font-ui, inherit);font-size:var(--text-md, 14px)}.ds-breadcrumb-item{display:flex;align-items:center}.ds-breadcrumb-sep{padding:0 var(--space-2, 8px);color:var(--color-fg-disabled);-webkit-user-select:none;user-select:none}.ds-breadcrumb-list a{color:var(--color-fg-secondary);text-decoration:none;border-radius:var(--radius-1, 2px);transition:color var(--motion-hover, .2s ease)}.ds-breadcrumb-list a:hover{color:var(--color-fg-primary)}.ds-breadcrumb-list a:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-breadcrumb-list [aria-current=page]{color:var(--color-fg-primary);font-weight:var(--font-weight-medium, 500)}[data-density=compact] .ds-breadcrumb-list{font-size:var(--text-sm, 12px)}.ds-pagination{display:flex;align-items:center;gap:var(--space-1, 4px);font-family:var(--font-ui, inherit)}.ds-pagination-page,.ds-pagination-arrow{display:flex;align-items:center;justify-content:center;height:var(--height-2, 32px);min-width:var(--height-2, 32px);padding:0 var(--space-2, 8px);border:none;background:none;color:var(--color-fg-secondary);font-family:inherit;font-size:var(--text-md, 14px);border-radius:var(--radius-2, 4px);cursor:pointer;transition:background-color var(--motion-hover, .2s ease),color var(--motion-hover, .2s ease)}.ds-pagination-page:hover:not(:disabled),.ds-pagination-arrow:hover:not(:disabled){background-color:var(--color-state-hover);color:var(--color-fg-primary)}.ds-pagination-page:focus-visible,.ds-pagination-arrow:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-pagination-page:disabled,.ds-pagination-arrow:disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed}.ds-pagination-page--current{background-color:var(--color-state-selected);color:var(--color-fg-primary);font-weight:var(--font-weight-medium, 500);cursor:default}.ds-pagination-page--current:hover{background-color:var(--color-state-selected)}.ds-pagination-gap{display:flex;align-items:center;justify-content:center;min-width:var(--height-2, 32px);color:var(--color-fg-disabled);font-size:var(--text-md, 14px);-webkit-user-select:none;user-select:none}[data-density=compact] .ds-pagination-page,[data-density=compact] .ds-pagination-arrow{font-size:var(--text-sm, 12px)}@keyframes ds-side-page-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ds-side-page-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes ds-side-page-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes ds-side-page-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes ds-side-page-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes ds-side-page-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.ds-side-page-overlay{position:fixed;top:0;bottom:0;left:var(--ds-side-page-offset-left, 0);right:var(--ds-side-page-offset-right, 0);background-color:var(--color-overlay);z-index:var(--z-modal);display:flex;align-items:stretch;animation:ds-side-page-overlay-in .2s ease}.ds-side-page-overlay[data-side=right]{justify-content:flex-end}.ds-side-page-overlay[data-side=left]{justify-content:flex-start}.ds-side-page-overlay--closing{animation:ds-side-page-overlay-out .3s ease forwards}.ds-side-page{height:100%;background-color:var(--color-surface-2);box-shadow:var(--shadow-3);display:flex;flex-direction:column;position:relative;overflow:hidden}.ds-side-page[data-size=narrow]{width:360px;max-width:100%}.ds-side-page[data-size=medium]{width:600px;max-width:100%}.ds-side-page[data-size=wide]{width:90vw;max-width:960px}.ds-side-page[data-side=right]{border-radius:var(--radius-4, 12px) 0 0 var(--radius-4, 12px);animation:ds-side-page-in-right .35s cubic-bezier(.32,.72,0,1)}.ds-side-page[data-side=left]{border-radius:0 var(--radius-4, 12px) var(--radius-4, 12px) 0;animation:ds-side-page-in-left .35s cubic-bezier(.32,.72,0,1)}.ds-side-page--closing[data-side=right]{animation:ds-side-page-out-right .3s cubic-bezier(.32,.72,0,1) forwards}.ds-side-page--closing[data-side=left]{animation:ds-side-page-out-left .3s cubic-bezier(.32,.72,0,1) forwards}.ds-side-page__close{position:absolute;top:var(--space-2, 8px);right:var(--space-2, 8px);z-index:1}.ds-side-page__header{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-4);padding-right:calc(var(--space-6, 24px) + 32px + var(--space-2, 8px));border-bottom:1px solid var(--color-border-light);flex-shrink:0}.ds-side-page__title{font-size:var(--text-2xl, 20px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);margin:0}.ds-side-page[data-size=narrow] .ds-side-page__title{font-size:var(--text-xl, 18px)}.ds-side-page__subheader{display:flex;flex-direction:column;gap:var(--space-4)}.ds-side-page__body{padding:var(--space-6);flex:1;overflow-y:auto;min-height:0;overscroll-behavior:contain}.ds-side-page__footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--color-border-light);background-color:var(--color-surface-2);flex-shrink:0}@media (max-width: 639px){.ds-side-page{width:100%!important;max-width:100%!important;border-radius:0!important}}.ds-nav-rail{display:flex;flex-direction:column;width:240px;background-color:var(--color-surface-1);overflow:hidden;transition:width var(--motion-hover);flex-shrink:0;box-sizing:border-box}.ds-nav-rail--left{border-right:1px solid var(--color-border-light)}.ds-nav-rail--right{border-left:1px solid var(--color-border-light)}.ds-nav-rail--collapsed{width:56px}.ds-nav-rail--collapsed[data-expandable]{cursor:e-resize}.ds-nav-rail--right.ds-nav-rail--collapsed[data-expandable]{cursor:w-resize}.ds-nav-rail--collapsed[data-expandable] button,.ds-nav-rail--collapsed[data-expandable] a{cursor:pointer}.ds-nav-rail[data-collapsible]{cursor:w-resize}.ds-nav-rail--right[data-collapsible]{cursor:e-resize}.ds-nav-rail[data-collapsible] button,.ds-nav-rail[data-collapsible] a{cursor:pointer}.ds-nav-rail__item{position:relative;display:flex;align-items:center;gap:var(--space-3);height:var(--height-3, 44px);min-height:var(--height-3, 44px);flex-shrink:0;padding:0 var(--space-3);margin:1px 0;color:var(--color-fg-secondary);border-radius:var(--radius-3);outline:none;cursor:pointer;text-decoration:none;border:none;background:transparent;width:100%;text-align:left;box-sizing:border-box;transition:color var(--motion-hover);font-family:var(--font-ui, inherit)}.ds-nav-rail__item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:transparent;pointer-events:none;transition:background-color var(--motion-hover);z-index:0}.ds-nav-rail__item:hover:before{background-color:var(--color-state-hover)}.ds-nav-rail__item:active:before{background-color:var(--color-state-active)}.ds-nav-rail__item[data-selected]{color:var(--color-fg-primary);font-weight:var(--font-weight-medium, 500)}.ds-nav-rail__item[data-selected]:before{background-color:var(--color-state-selected)}.ds-nav-rail__item[data-selected]:after{content:"";position:absolute;left:calc(-1 * var(--space-2));top:var(--space-2);bottom:var(--space-2);width:2px;background:var(--color-fg-primary);border-radius:0 var(--radius-1) var(--radius-1) 0}.ds-nav-rail--right .ds-nav-rail__item[data-selected]:after{left:auto;right:calc(-1 * var(--space-2));border-radius:var(--radius-1) 0 0 var(--radius-1)}.ds-nav-rail__item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-nav-rail__item[data-disabled]{color:var(--color-fg-disabled);cursor:not-allowed;pointer-events:none}.ds-nav-rail__item[data-disabled]:before,.ds-nav-rail__item[data-disabled]:after{display:none}.ds-nav-rail__item[data-open]{box-shadow:inset 0 0 0 1px var(--color-border-strong)}.ds-nav-rail__item[data-open][data-selected]{box-shadow:inset 0 0 0 1px var(--color-border-strong),var(--focus-ring, none)}.ds-nav-rail__item[data-onboarding]{box-shadow:0 0 0 2px var(--color-accent-2)}.ds-nav-rail__icon,.ds-nav-rail__label,.ds-nav-rail__count,.ds-nav-rail__count-collapsed,.ds-nav-rail__dot{position:relative;z-index:1}.ds-nav-rail__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.ds-nav-rail__label{flex:1;font-size:var(--text-s, 14px);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-nav-rail__count{font-size:var(--text-xs, 12px);color:var(--color-fg-secondary);min-width:16px;text-align:right;flex-shrink:0}.ds-nav-rail__count--zero{color:var(--color-fg-disabled)}.ds-nav-rail__count[data-updated]{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background-color:var(--color-accent-default);color:var(--color-accent-fg);text-align:center;box-sizing:border-box}.ds-nav-rail__count-collapsed{position:absolute;top:4px;right:4px;min-width:14px;height:14px;padding:0 3px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;line-height:1;font-weight:var(--font-weight-medium, 500);border-radius:var(--radius-full);background-color:var(--color-state-selected);color:var(--color-fg-secondary);box-sizing:border-box}.ds-nav-rail__count-collapsed[data-updated]{background-color:var(--color-accent-default);color:var(--color-accent-fg)}.ds-nav-rail__dot{position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:var(--radius-full);background-color:var(--color-accent-default);animation:ds-nav-rail-pulse 2s ease-in-out infinite}.ds-nav-rail__dot--inline{position:relative;top:auto;right:auto;flex-shrink:0}@keyframes ds-nav-rail-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.ds-nav-rail__dot{animation:none}.ds-nav-rail{transition:none}}.ds-nav-rail__header{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-2) var(--space-2) var(--space-1);flex-shrink:0}.ds-nav-rail__body{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--space-1) var(--space-2)}.ds-nav-rail__footer{display:flex;flex-direction:column;padding:var(--space-1) var(--space-2) var(--space-2);flex-shrink:0}.ds-nav-rail__divider{border:none;border-top:1px solid var(--color-border-light);margin:var(--space-1) var(--space-2);flex-shrink:0}.ds-nav-rail__recents{display:flex;flex-direction:column}.ds-nav-rail__recents-toggle{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3) var(--space-1);background:none;border:none;cursor:pointer;outline:none;width:100%;text-align:left;color:var(--color-fg-disabled)}.ds-nav-rail__recents-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-2)}.ds-nav-rail__recents-label{flex:1;font-size:var(--text-xs, 12px);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.04em}.ds-nav-rail__recents-chevron{flex-shrink:0;transition:transform var(--motion-hover)}.ds-nav-rail__recents-toggle--closed .ds-nav-rail__recents-chevron{transform:rotate(-90deg)}.ds-nav-rail__recents-body{display:flex;flex-direction:column}.ds-nav-rail__agent .ds-nav-rail__icon{width:24px;height:24px}.ds-nav-rail--collapsed{--_strip-offset: calc((56px - var(--height-3, 44px)) / 2)}.ds-nav-rail--collapsed .ds-nav-rail__item{justify-content:center;padding:0;width:var(--height-3, 44px);margin-left:auto;margin-right:auto}.ds-nav-rail--collapsed .ds-nav-rail__item[data-selected]:after{left:calc(-1 * var(--_strip-offset))}.ds-nav-rail--right.ds-nav-rail--collapsed .ds-nav-rail__item[data-selected]:after{left:auto;right:calc(-1 * var(--_strip-offset))}.ds-nav-rail--collapsed .ds-nav-rail__body,.ds-nav-rail--collapsed .ds-nav-rail__header,.ds-nav-rail--collapsed .ds-nav-rail__footer{padding-left:0;padding-right:0;align-items:center}.ds-nav-rail--collapsed .ds-tooltip-wrapper{display:flex;width:100%;justify-content:center;align-items:center}.ds-nav-rail--collapsed .ds-nav-rail__header{align-items:center}.ds-nav-rail--collapsed .ds-nav-rail__label,.ds-nav-rail--collapsed .ds-nav-rail__count{display:none}.ds-nav-rail-flyout{position:fixed;width:240px;background-color:var(--color-surface-2);border:1px solid var(--color-border-light);border-radius:var(--radius-3, 8px);box-shadow:var(--shadow-3);display:flex;flex-direction:column;max-height:calc(100vh - 16px);overflow:hidden;opacity:0;pointer-events:none;z-index:var(--z-dropdown, 400)}.ds-nav-rail-flyout--left{transform:translate(-6px);transition:opacity var(--motion-enter, .2s ease),transform var(--motion-enter, .2s ease)}.ds-nav-rail-flyout--right{transform:translate(6px);transition:opacity var(--motion-enter, .2s ease),transform var(--motion-enter, .2s ease)}.ds-nav-rail-flyout--visible{opacity:1;transform:translate(0);pointer-events:auto}.ds-nav-rail-flyout__header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.ds-nav-rail-flyout__title{flex:1;font-size:var(--text-s, 14px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);font-family:var(--font-ui, inherit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-nav-rail-flyout__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border:none;background:none;border-radius:var(--radius-1, 4px);color:var(--color-fg-secondary);cursor:pointer;padding:0}.ds-nav-rail-flyout__close:hover{background-color:var(--color-state-hover);color:var(--color-fg-primary)}.ds-nav-rail-flyout__close:active{background-color:var(--color-state-active)}.ds-nav-rail-flyout__close:focus-visible{box-shadow:var(--focus-ring);outline:none}.ds-nav-rail-flyout__body{flex:1;overflow-y:auto;padding:var(--space-1) var(--space-2)}.ds-banner{display:flex;align-items:center;gap:var(--space-3, 12px);min-height:var(--height-3, 44px);padding:0 var(--space-5, 20px);width:100%;font-family:var(--font-ui, inherit);font-size:var(--text-md, 14px)}.ds-banner-icon{display:flex;align-items:center;flex-shrink:0}.ds-banner-text{flex:1;color:var(--color-fg-primary);line-height:1.5}.ds-banner-action{background:none;border:1px solid currentColor;border-radius:var(--radius-2, 4px);color:inherit;cursor:pointer;font-family:inherit;font-size:var(--text-sm, 12px);font-weight:var(--font-weight-medium, 500);padding:2px var(--space-3, 12px);white-space:nowrap;transition:opacity var(--motion-hover, .2s ease)}.ds-banner-action:hover{opacity:.8}.ds-banner-action:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-banner-dismiss{display:flex;align-items:center;background:none;border:none;color:inherit;cursor:pointer;opacity:.7;padding:0;flex-shrink:0;transition:opacity var(--motion-hover, .2s ease)}.ds-banner-dismiss:hover{opacity:1}.ds-banner-dismiss:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-2, 4px)}.ds-banner--info{background:linear-gradient(var(--color-status-info-bg),var(--color-status-info-bg)),var(--color-surface-1);color:var(--color-status-info)}.ds-banner--success{background:linear-gradient(var(--color-status-success-bg),var(--color-status-success-bg)),var(--color-surface-1);color:var(--color-status-success)}.ds-banner--warning{background:linear-gradient(var(--color-status-warning-bg),var(--color-status-warning-bg)),var(--color-surface-1);color:var(--color-status-warning)}.ds-banner--error{background:linear-gradient(var(--color-status-error-bg),var(--color-status-error-bg)),var(--color-surface-1);color:var(--color-status-error)}.ds-dropdown{position:relative;display:inline-block}.ds-dropdown--full-width{display:block;width:100%}.ds-dropdown__trigger{display:inline-flex}.ds-dropdown--full-width>.ds-dropdown__trigger{display:flex;width:100%}.ds-dropdown--full-width .ds-tooltip-wrapper{width:100%;justify-content:center}@keyframes ds-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-dropdown-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.ds-dropdown__menu{position:fixed;z-index:var(--z-dropdown);min-width:180px;background-color:var(--color-surface-2);border:1px solid var(--color-border-default);border-radius:var(--radius-3, 6px);box-shadow:var(--shadow-2);padding:var(--space-2, 8px);animation:ds-dropdown-in var(--motion-enter, .3s ease)}.ds-dropdown__menu--closing{animation:ds-dropdown-out var(--motion-exit, .2s ease) forwards}.ds-dropdown__item{display:flex;align-items:center;gap:var(--space-2, 8px);width:100%;height:var(--height-2, 32px);padding:0 var(--space-3, 12px);background:none;border:none;border-radius:var(--radius-2, 4px);cursor:pointer;font-size:var(--text-md, 14px);font-family:var(--font-ui, inherit);font-weight:var(--font-weight-regular, 400);color:var(--color-fg-secondary);text-align:left;text-decoration:none;transition:background-color var(--transition-normal, .2s ease),color var(--transition-normal, .2s ease)}.ds-dropdown__item:hover:not(:disabled):not([aria-disabled=true]),.ds-dropdown__item:focus-visible{background-color:var(--color-state-hover);color:var(--color-fg-primary);outline:none}.ds-dropdown__item:disabled,.ds-dropdown__item[aria-disabled=true]{color:var(--color-fg-disabled);cursor:not-allowed}.ds-dropdown__item--danger{color:var(--color-status-error)}.ds-dropdown__item--danger:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-status-error-bg);color:var(--color-status-error)}.ds-dropdown__item-icon{display:flex;align-items:center;flex-shrink:0}.ds-dropdown__item-label{flex:1}.ds-dropdown__item-shortcut{font-size:var(--text-sm, 12px);color:var(--color-fg-disabled);padding-left:var(--space-3, 12px)}.ds-dropdown__separator{height:1px;background-color:var(--color-border-light);margin:var(--space-2, 8px) 0}.ds-dropdown__section{padding:var(--space-2, 8px) var(--space-2, 8px) var(--space-2, 8px)}.ds-dropdown__section-label{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);margin-bottom:var(--space-2, 8px);padding:0 var(--space-1, 4px)}.ds-progress{display:flex;align-items:center;gap:var(--space-2, 8px);width:100%}.ds-progress__track{flex:1;background-color:var(--color-state-selected);border-radius:var(--radius-full, 9999px);overflow:hidden}.ds-progress__fill{height:100%;border-radius:var(--radius-full, 9999px);transition:width .35s ease}.ds-progress--instant .ds-progress__fill{transition:none}.ds-progress__fill--default{background-color:var(--color-accent-default)}.ds-progress__fill--success{background-color:var(--color-status-success)}.ds-progress__fill--warning{background-color:var(--color-status-warning)}.ds-progress__fill--danger{background-color:var(--color-status-error)}.ds-progress--xs .ds-progress__track{height:var(--space-1, 4px)}.ds-progress--s .ds-progress__track{height:var(--space-2, 8px)}.ds-progress--m .ds-progress__track{height:var(--space-3, 12px)}.ds-progress--l .ds-progress__track{height:var(--space-6, 24px)}.ds-progress__value{flex-shrink:0;font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);font-family:var(--font-ui, inherit);min-width:2.5ch;text-align:right}@media (prefers-reduced-motion: reduce){.ds-progress__fill{transition:none}}.ds-toast-container{position:fixed;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2, 8px);pointer-events:none}.ds-toast-container--bottom-right{bottom:var(--space-6, 24px);right:var(--space-6, 24px);align-items:flex-end}.ds-toast-container--bottom-left{bottom:var(--space-6, 24px);left:var(--space-6, 24px);align-items:flex-start}.ds-toast-container--top-right{top:var(--space-6, 24px);right:var(--space-6, 24px);align-items:flex-end}.ds-toast-container--top-left{top:var(--space-6, 24px);left:var(--space-6, 24px);align-items:flex-start}.ds-toast-container--bottom-center{bottom:var(--space-6, 24px);left:50%;transform:translate(-50%);align-items:center}.ds-toast{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-3, 12px);border-radius:var(--radius-3, 6px);box-shadow:var(--shadow-3);font-size:var(--text-md, 14px);pointer-events:all;max-width:380px;min-width:240px;opacity:0;transform:translateY(8px);transition:opacity var(--motion-enter, .3s ease),transform var(--motion-enter, .3s ease)}.ds-toast--visible{opacity:1;transform:translateY(0)}.ds-toast--default{background:linear-gradient(var(--color-status-info-bg),var(--color-status-info-bg)),var(--color-surface-1);color:var(--color-status-info)}.ds-toast--success{background:linear-gradient(var(--color-status-success-bg),var(--color-status-success-bg)),var(--color-surface-1);color:var(--color-status-success)}.ds-toast--warning{background:linear-gradient(var(--color-status-warning-bg),var(--color-status-warning-bg)),var(--color-surface-1);color:var(--color-status-warning)}.ds-toast--error{background:linear-gradient(var(--color-status-error-bg),var(--color-status-error-bg)),var(--color-surface-1);color:var(--color-status-error)}.ds-toast__icon{flex-shrink:0;display:flex;align-items:center}.ds-toast__message{flex:1;color:var(--color-fg-primary);line-height:1.5}.ds-toast__close{flex-shrink:0;background:none;border:none;cursor:pointer;color:inherit;opacity:.7;padding:0;display:flex;align-items:center;transition:opacity var(--transition-normal, .2s ease)}.ds-toast__close:hover{opacity:1}.ds-toast__close:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-2, 4px)}.ds-tool-card{border-radius:var(--radius-3);overflow:hidden}.ds-tool-card .ds-accordion__header{font-size:var(--text-sm, 12px)}.ds-tool-card__title-row{display:flex;align-items:center;gap:var(--space-2, 8px);min-width:0}.ds-tool-card__icon{display:inline-flex;flex-shrink:0;color:var(--color-fg-secondary)}.ds-tool-card__label{font-family:var(--font-mono, monospace);font-size:var(--text-sm, 12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-tool-card__body{display:flex;flex-direction:column;gap:var(--space-3, 12px)}.ds-tool-card--running .ds-accordion__icon{display:none}.ds-tool-card--running .ds-accordion__header{cursor:default;pointer-events:none}.ds-tool-card--bubble{display:flex;align-items:center;padding:var(--space-3, 12px);background:var(--color-surface-raised);color:var(--color-fg-secondary)}.ds-streaming-text{white-space:pre-wrap}.ds-cursor{display:inline-block;margin-left:2px;background:currentColor;opacity:.8;vertical-align:text-bottom;animation:ds-cursor-blink 1s steps(2,end) infinite}.ds-cursor--line{width:2px;height:1.1em}.ds-cursor--block{width:.5em;height:1em}@keyframes ds-cursor-blink{50%{opacity:0}}@media (prefers-reduced-motion: reduce){.ds-cursor{animation:none;opacity:.6}}.ds-reasoning__title{display:flex;align-items:center;gap:var(--space-2, 8px)}.ds-reasoning__icon{color:var(--color-fg-secondary);flex-shrink:0}.ds-step-indicator{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, 12px)}.ds-step-indicator__dots{display:flex;gap:var(--space-2, 8px);align-items:center}.ds-step-indicator__dot{width:18px;height:6px;border-radius:var(--radius-full, 9999px);border:none;padding:0;background:var(--color-border-default);cursor:default;transition:width var(--transition-fast, .15s ease),background-color var(--transition-fast, .15s ease);display:inline-flex;align-items:center;justify-content:center;color:transparent}.ds-step-indicator__dot:not(:disabled){cursor:pointer}.ds-step-indicator__dot:not(:disabled):hover{background:var(--color-fg-secondary)}.ds-step-indicator__dot--active{background:var(--color-accent-default);width:28px}.ds-step-indicator__dot--done{background:var(--color-accent-default);color:#fff}.ds-step-indicator__dot:disabled:not(.ds-step-indicator__dot--active):not(.ds-step-indicator__dot--done){opacity:.5}.ds-step-indicator__counter{font-variant-numeric:tabular-nums;letter-spacing:.02em}.ds-chat-message{display:flex;flex-direction:column;position:relative}.ds-chat-message--user{align-items:flex-end;padding-left:10%}.ds-chat-message--user .ds-chat-message__bubble{position:relative;max-width:80%;padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--color-surface-raised);border-radius:var(--radius-4, 8px) var(--radius-4, 8px) 0 var(--radius-4, 8px);overflow-wrap:break-word;word-break:break-word}.ds-chat-message--user .ds-chat-message__bubble:after{content:"";position:absolute;bottom:0;right:-6px;width:0;height:0;border-style:solid;border-width:6px 0 0 6px;border-color:transparent transparent transparent var(--color-surface-raised)}.ds-chat-message--user .ds-chat-message__footer{margin-top:var(--space-1, 4px);margin-bottom:var(--space-2, 8px);display:flex;justify-content:flex-end}.ds-chat-message--assistant{padding-left:var(--space-2, 8px);padding-right:10%}.ds-chat-message--assistant .ds-chat-message__footer{margin-top:var(--space-1, 4px);margin-bottom:var(--space-2, 8px);display:flex;align-items:center;gap:var(--space-1, 4px)}.ds-chat-message--tool{padding-left:var(--space-2, 8px)}.ds-chat-message--system{align-items:center;padding:var(--space-1, 4px) 0}.ds-chat-message__system-label{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);background:var(--color-state-selected);padding:var(--space-1, 4px) var(--space-3, 12px);border-radius:var(--radius-full, 9999px)}.ds-chat-message__attachments{display:flex;flex-wrap:wrap;gap:var(--space-2, 8px);margin-bottom:var(--space-3, 12px)}.ds-chat-message:has(.ds-chat-message__footer) .ds-chat-message__body>*:last-child,.ds-chat-message:has(.ds-chat-message__footer) .ds-chat-message__bubble>*:last-child{margin-bottom:0}.ds-message-action{display:inline-flex;flex-shrink:0;opacity:0;transition:opacity var(--transition-fast)}.ds-chat-message--assistant:hover .ds-message-action,.ds-chat-message--user:hover .ds-message-action,.ds-message-action:focus-within{opacity:1}@media (hover: none){.ds-message-action{opacity:1}}.ds-chat-message__timestamp{font-size:var(--text-xs, 11px);color:var(--color-fg-secondary);white-space:nowrap;align-items:center;margin-left:var(--space-3, 12px)}.ds-chat-message--user .ds-chat-message__footer .ds-chat-message__timestamp{margin-left:0;margin-right:var(--space-3, 12px)}.ds-prompt-input{display:flex;gap:var(--space-3);background-color:var(--color-surface-0)}.ds-prompt-input__file-input{display:none}.ds-prompt-input__box{flex:1;display:flex;flex-direction:column;gap:var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-3);padding:var(--space-3);box-shadow:var(--shadow-1);transition:border-color var(--transition-fast),background-color var(--transition-fast);position:relative}.ds-prompt-input__box:hover{border-color:var(--color-border-strong)}.ds-prompt-input__box:focus-within{border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}.ds-prompt-input__box--dragging{border-color:var(--color-accent-default)!important;background-color:var(--color-accent-bg)}.ds-prompt-input__drag-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-3);border:2px dashed var(--color-accent-default);background:var(--color-accent-bg);z-index:10;pointer-events:none;color:var(--color-accent-default);font-size:var(--text-md);font-family:inherit}.ds-prompt-input__textarea{resize:none;background-color:transparent;border:none;color:var(--color-fg-primary);font-size:var(--text-md);font-family:inherit;outline:none;width:100%}.ds-prompt-input__textarea--anim{caret-color:transparent}.ds-prompt-input__anim{position:absolute;top:var(--space-3);left:var(--space-3);right:var(--space-3);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:var(--text-md);font-family:inherit;line-height:1.4;color:var(--color-fg-secondary);opacity:.78;display:flex;align-items:baseline;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;text-overflow:clip}.ds-prompt-input__anim-text{display:inline-block;white-space:nowrap}.ds-prompt-input__anim-cursor{display:inline-block;width:.55ch;height:1.05em;margin-left:1px;background:currentColor;transform:translateY(.16em);animation:ds-prompt-cursor-blink 1.05s steps(1) infinite;flex-shrink:0}@keyframes ds-prompt-cursor-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.ds-prompt-input__images{display:flex;gap:var(--space-2);flex-wrap:wrap}.ds-prompt-input__image-thumb{position:relative;width:56px;height:56px;border-radius:var(--radius-3);overflow:hidden;border:1px solid var(--color-border-default)}.ds-prompt-input__image-thumb img{width:100%;height:100%;object-fit:cover}.ds-prompt-input__image-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background-color:var(--color-overlay);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.ds-prompt-input__attachments{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ds-prompt-input__badge-content{display:flex;align-items:center;gap:var(--space-2)}.ds-prompt-input__uploading{color:var(--color-fg-secondary);font-size:var(--text-sm)}.ds-prompt-input__remove-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;color:var(--color-fg-primary)}.ds-prompt-input__warnings{display:flex;flex-direction:column;gap:var(--space-2)}.ds-prompt-input__warning{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-3);background:var(--color-state-warning-subtle, var(--color-surface-1));color:var(--color-fg-primary);font-size:var(--text-sm)}.ds-prompt-input__warning-close{background:none;border:none;cursor:pointer;padding:0;display:flex;color:inherit;flex-shrink:0}.ds-prompt-input__toolbar{display:flex;align-items:center;gap:var(--space-2)}.ds-prompt-input__spacer{flex:1}.ds-model-picker{position:relative;display:inline-flex}.ds-model-picker__trigger{display:inline-flex;align-items:center;gap:var(--space-2, 8px);padding:4px var(--space-2, 8px);border:1px solid var(--color-border-default);border-radius:var(--radius-3);background:transparent;color:var(--color-fg-primary);font-size:var(--text-sm);font-family:inherit;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);white-space:nowrap}.ds-model-picker__trigger:hover{border-color:var(--color-border-strong);background:var(--color-state-hover)}.ds-model-picker__trigger-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-model-picker__menu{background:var(--color-surface-1);border:1px solid var(--color-border-default);border-radius:var(--radius-3);box-shadow:var(--shadow-2);padding:var(--space-1, 4px);min-width:200px;max-height:320px;overflow-y:auto}.ds-model-picker__separator{height:1px;background:var(--color-border-light);margin:var(--space-1, 4px) 0}.ds-model-picker__group-label{padding:var(--space-1, 4px) var(--space-2, 8px);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-fg-secondary)}.ds-model-picker__group-label[data-tier=fast]{color:var(--data-5-fg)}.ds-model-picker__group-label[data-tier=standard]{color:var(--data-3-fg)}.ds-model-picker__group-label[data-tier=premium]{color:var(--data-6-fg)}.ds-model-picker__item{display:flex;align-items:center;gap:var(--space-2, 8px);width:100%;padding:var(--space-2, 8px) var(--space-2, 8px);border:none;border-radius:var(--radius-2);background:transparent;color:var(--color-fg-primary);font-size:var(--text-sm);font-family:inherit;cursor:pointer;text-align:left;transition:background-color var(--transition-fast)}.ds-model-picker__item:hover{background:var(--color-state-hover)}.ds-model-picker__item--active{background:var(--color-state-selected)}.ds-model-picker__item--auto{background:var(--color-accent-bg)}.ds-model-picker__item--auto:hover{background:var(--color-accent-bg);filter:brightness(1.1)}.ds-model-picker__item-icon{display:inline-flex;flex-shrink:0;color:var(--color-fg-secondary)}.ds-model-picker__item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-sources-panel{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.ds-sources-panel__title{font-size:var(--text-xs, 11px);font-weight:600;color:var(--color-fg-secondary);text-transform:uppercase;letter-spacing:.08em;padding:0 var(--space-1, 4px);margin-bottom:var(--space-1, 4px)}.ds-sources-panel .ds-accordion__header{font-size:var(--text-sm, 12px)}.ds-sources-panel__row{display:flex;align-items:center;gap:var(--space-2, 8px);padding:var(--space-2, 8px) var(--space-3, 12px);border-radius:var(--radius-3, 6px);background:var(--color-surface-raised);font-size:var(--text-sm, 12px);cursor:default}.ds-sources-panel__row--clickable{cursor:pointer}.ds-sources-panel__row--clickable:hover .ds-sources-panel__filename{color:var(--color-accent-default);text-decoration:underline}.ds-sources-panel__filename{font-weight:400;color:var(--color-fg-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.ds-sources-panel__pages{color:var(--color-fg-secondary);flex-shrink:0;font-variant-numeric:tabular-nums}.ds-sources-panel__snippet{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);line-height:1.5;padding:var(--space-1, 4px) var(--space-2, 8px);border-left:2px solid var(--color-border-default);margin:var(--space-1, 4px) 0}.ds-sources-panel__snippet--clickable{cursor:pointer}.ds-sources-panel__snippet--clickable:hover{border-left-color:var(--color-accent-default);color:var(--color-fg-primary)}.ds-sources-panel__more{font-size:var(--text-sm, 12px);color:var(--color-accent-default);background:none;border:none;padding:var(--space-1, 4px) var(--space-1, 4px);cursor:pointer;text-align:left}.ds-sources-panel__more:hover{text-decoration:underline}.ds-sources-panel--compact .ds-sources-panel__compact-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm, 12px);padding:var(--space-1) 0;cursor:default}.ds-sources-panel--compact .ds-sources-panel__compact-row--clickable{cursor:pointer}.ds-sources-panel--compact .ds-sources-panel__compact-row--clickable:hover .ds-sources-panel__filename{color:var(--color-accent-default);text-decoration:underline}.ds-sources-panel--compact .ds-sources-panel__compact-icon{flex-shrink:0;color:var(--color-fg-secondary)}.ds-sources-panel--compact .ds-sources-panel__filename{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-sources-panel--compact .ds-sources-panel__pages{flex-shrink:0}.ds-token-counter{display:flex;flex-direction:column;gap:var(--space-1)}.ds-token-counter__track{width:100%;background-color:var(--color-state-selected);border-radius:var(--radius-full);overflow:hidden}.ds-token-counter--s .ds-token-counter__track{height:4px}.ds-token-counter--m .ds-token-counter__track{height:6px}.ds-token-counter__fill{height:100%;border-radius:var(--radius-full);transition:width .35s ease,background-color .35s ease}.ds-token-counter__fill--normal{background-color:var(--color-fg-secondary)}.ds-token-counter__fill--warning{background-color:var(--data-2-fg)}.ds-token-counter__fill--error{background-color:var(--data-1-fg)}.ds-token-counter__label{font-size:var(--text-sm, 12px);font-family:var(--font-mono, monospace);color:var(--color-fg-secondary);display:flex;justify-content:space-between}.ds-token-counter__label--normal{color:var(--color-fg-secondary)}.ds-token-counter__label--warning{color:var(--data-2-fg)}.ds-token-counter__label--error{color:var(--data-1-fg)}.ds-confidence-bar{display:inline-flex;align-items:center;gap:var(--space-2)}.ds-confidence-bar--block{display:flex}.ds-confidence-bar__segments{display:flex;gap:2px;align-items:center}.ds-confidence-bar__seg{border-radius:var(--radius-full);flex-shrink:0;opacity:.2}.ds-confidence-bar__seg--filled{opacity:1}.ds-confidence-bar--xs .ds-confidence-bar__seg{width:8px;height:3px}.ds-confidence-bar--s .ds-confidence-bar__seg{width:10px;height:4px}.ds-confidence-bar--low .ds-confidence-bar__seg{background-color:var(--data-1-fg)}.ds-confidence-bar--medium .ds-confidence-bar__seg{background-color:var(--data-2-fg)}.ds-confidence-bar--high .ds-confidence-bar__seg{background-color:var(--data-4-fg)}.ds-confidence-bar__label{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);white-space:nowrap}.ds-diff-view{font-family:var(--font-mono, monospace);font-size:var(--text-sm, 12px);border-radius:var(--radius-3);border:1px solid var(--color-border-light);overflow:hidden}.ds-diff-view__title{padding:var(--space-2) var(--space-3);font-family:var(--font-ui, inherit);font-size:var(--text-sm, 12px);font-weight:600;color:var(--color-fg-secondary);border-bottom:1px solid var(--color-border-light);background:var(--color-surface-1)}.ds-diff-view__body{overflow-x:auto;overflow-y:auto}.ds-diff-view__line{display:flex;align-items:stretch;min-width:0}.ds-diff-view__line--add{background-color:var(--data-4-bg)}.ds-diff-view__line--remove{background-color:var(--data-1-bg)}.ds-diff-view__line--context{background-color:transparent}.ds-diff-view__lineno{flex-shrink:0;width:3.5ch;padding:2px var(--space-2);text-align:right;color:var(--color-fg-secondary);opacity:.5;border-right:1px solid var(--color-border-light);-webkit-user-select:none;user-select:none}.ds-diff-view__prefix{flex-shrink:0;width:1.5ch;padding:2px 0 2px var(--space-2);-webkit-user-select:none;user-select:none}.ds-diff-view__line--add .ds-diff-view__prefix{color:var(--data-4-fg)}.ds-diff-view__line--remove .ds-diff-view__prefix{color:var(--data-1-fg)}.ds-diff-view__line--context .ds-diff-view__prefix{color:var(--color-fg-secondary);opacity:.4}.ds-diff-view__text{flex:1;padding:2px var(--space-2) 2px var(--space-1);white-space:pre;min-width:0;color:var(--color-fg-primary)}.ds-diff-view--wrap .ds-diff-view__text{white-space:pre-wrap;word-break:break-all}.ds-diff-view__line--context .ds-diff-view__text{color:var(--color-fg-secondary)}.ds-diff-view--split .ds-diff-view__body{display:flex}.ds-diff-view__split-col{flex:1;min-width:0;overflow-x:auto}.ds-diff-view__split-col+.ds-diff-view__split-col{border-left:1px solid var(--color-border-light)}.ds-message-feedback{display:inline-flex;gap:var(--space-2, 8px)}.ds-message-feedback__btn{display:inline-flex;align-items:center;justify-content:center;padding:4px;background:none;border:none;border-radius:var(--radius-3);color:var(--color-fg-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),opacity var(--transition-fast)}.ds-message-feedback__btn:hover{color:var(--color-fg-primary);background:var(--color-state-hover)}.ds-message-feedback__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-message-feedback__btn--liked{color:var(--color-accent-default);cursor:default;pointer-events:none}.ds-message-feedback__btn--disliked{color:var(--color-status-error);cursor:default;pointer-events:none}.ds-message-feedback.ds-message-feedback--voted{opacity:1}.ds-message-footer{display:inline-flex;align-items:center;gap:var(--space-2, 8px)}.ds-message-footer__timestamp{font-size:var(--text-xs, 11px);color:var(--color-fg-secondary);white-space:nowrap}.ds-thinking-dot{display:inline-flex;align-items:center;gap:var(--space-2, 8px)}.ds-thinking-dot__pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-accent-default);flex-shrink:0;animation:ds-thinking-pulse 1.4s ease-in-out infinite}.ds-thinking-dot__label{font-size:var(--text-xs, 11px);color:var(--color-fg-secondary);animation:ds-thinking-color 2s ease-in-out infinite}@keyframes ds-thinking-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes ds-thinking-color{0%,to{color:var(--color-fg-secondary)}50%{color:var(--color-fg-primary)}}.ds-coachmark__spotlight{position:fixed;pointer-events:none;border-radius:var(--radius-3);z-index:var(--z-tooltip);--_overlay: transparent;--_ring: var(--color-accent-2);box-shadow:0 0 0 2px var(--_ring),0 0 0 9999px var(--_overlay);opacity:0;transition:opacity var(--motion-exit, .2s ease)}.ds-coachmark__spotlight--overlay{--_overlay: var(--color-overlay, rgba(14, 15, 17, .65))}.ds-coachmark__spotlight--no-ring{--_ring: transparent}.ds-coachmark__spotlight--visible{opacity:1;transition:opacity var(--motion-enter, .3s ease)}.ds-coachmark__bubble{width:280px;background:var(--color-surface-3);border:1px solid var(--color-border-default);border-radius:var(--radius-4, 8px);box-shadow:var(--shadow-2);z-index:calc(var(--z-tooltip) + 1);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);outline:none;opacity:0;transition:opacity var(--motion-exit, .2s ease)}.ds-coachmark__bubble--visible{opacity:1;transition:opacity var(--motion-enter, .3s ease)}.ds-coachmark__title{font-size:var(--text-s, 14px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);line-height:1.3;font-family:var(--font-ui, inherit);padding-right:28px}.ds-coachmark__body{font-size:var(--text-s, 14px);color:var(--color-fg-secondary);line-height:1.5;font-family:var(--font-ui, inherit)}.ds-coachmark__close{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--color-fg-secondary);border-radius:var(--radius-2);cursor:pointer;outline:none;transition:color var(--motion-hover),background-color var(--motion-hover)}.ds-coachmark__close:hover{background-color:var(--color-state-hover);color:var(--color-fg-primary)}.ds-coachmark__close:active{background-color:var(--color-state-active)}.ds-coachmark__close:focus-visible{box-shadow:var(--focus-ring)}.ds-coachmark__footer{display:flex;align-items:center;gap:var(--space-2)}.ds-coachmark__counter{font-size:var(--text-xs, 12px);color:var(--color-fg-disabled);font-family:var(--font-ui, inherit);flex:1}.ds-coachmark__footer-nav{display:flex;align-items:center;gap:var(--space-2)}.ds-coachmark__bubble--top:after{content:"";position:absolute;top:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:10px solid transparent;border-top-color:var(--color-border-default)}.ds-coachmark__bubble--top:before{content:"";position:absolute;top:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:9px solid transparent;border-top-color:var(--color-surface-3);z-index:1}.ds-coachmark__bubble--bottom:after{content:"";position:absolute;bottom:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:10px solid transparent;border-bottom-color:var(--color-border-default)}.ds-coachmark__bubble--bottom:before{content:"";position:absolute;bottom:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:9px solid transparent;border-bottom-color:var(--color-surface-3);z-index:1}.ds-coachmark__bubble--left:after{content:"";position:absolute;left:100%;top:calc(50% + var(--arrow-offset-y, 0px));transform:translateY(-50%);border:10px solid transparent;border-left-color:var(--color-border-default)}.ds-coachmark__bubble--left:before{content:"";position:absolute;left:100%;top:calc(50% + var(--arrow-offset-y, 0px));transform:translateY(-50%);border:9px solid transparent;border-left-color:var(--color-surface-3);z-index:1}.ds-coachmark__bubble--right:after{content:"";position:absolute;right:100%;top:calc(50% + var(--arrow-offset-y, 0px));transform:translateY(-50%);border:10px solid transparent;border-right-color:var(--color-border-default)}.ds-coachmark__bubble--right:before{content:"";position:absolute;right:100%;top:calc(50% + var(--arrow-offset-y, 0px));transform:translateY(-50%);border:9px solid transparent;border-right-color:var(--color-surface-3);z-index:1}@keyframes ds-shake{0%{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}to{transform:translate(0)}}.ds-shake{animation:ds-shake .45s var(--easing-standard, cubic-bezier(.2, 0, 0, 1))}@media (prefers-reduced-motion: reduce){.ds-shake{animation:none}}
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
/* === brand: atom === */
|