@novu/js 3.16.0 → 3.17.0

package/dist/esm/ui/index.mjs

@@ -1,4 +1,4 @@
-import { Novu, isSameFilter, isBrowser, DEFAULT_API_VERSION, checkNotificationTagFilter, checkNotificationDataFilter } from '../chunk-FBE56J52.mjs';
+import { Novu, isSameFilter, isBrowser, DEFAULT_API_VERSION, checkNotificationTagFilter, checkNotificationDataFilter } from '../chunk-BKA3HRZM.mjs';
 import { buildSubscriptionIdentifier, parseMarkdownIntoTokens } from '../chunk-4S22IB5W.mjs';
 import { __spreadProps, __spreadValues, __privateAdd, __privateMethod, __privateSet, __privateGet, __objRest, __async } from '../chunk-STZMOEWR.mjs';
 import { delegateEvents, createComponent, mergeProps, render, Portal as Portal$1, insert, effect, className, memo, spread, template, Dynamic, use, setAttribute } from 'solid-js/web';
@@ -12,7 +12,7 @@ import { autoUpdate, offset, flip, shift } from '@floating-ui/dom';
 import { useFloating } from 'solid-floating-ui';
 import { Motion as Motion$1, Presence } from 'solid-motionone';
 
-// _qj8zj3k96:/home/runner/_work/novu/novu/packages/js/src/ui/index.directcss
+// _gq6z8z4nv:/home/runner/work/novu/novu/packages/js/src/ui/index.directcss
 var ui_default = `.novu{scrollbar-color:var(--nv-color-secondary-foreground-alpha-300) #0000;:where(*),:where(*) :after,:where(*) :before,:where(*):after,:where(*):before{border:0 solid #e5e7eb;box-sizing:border-box}:where(html,:host){line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;tab-size:4;-webkit-tap-highlight-color:transparent}:where(body){line-height:inherit;margin:0}:where(hr){border-top-width:1px;color:inherit;height:0}:where(abbr:where([title])){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}:where(a){color:inherit;text-decoration:inherit}:where(b,strong){font-weight:bolder}:where(code,kbd,samp,pre){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}:where(small){font-size:80%}:where(sub,sup){font-size:75%;line-height:0;position:relative;vertical-align:initial}:where(sub){bottom:-.25em}:where(sup){top:-.5em}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,optgroup,select,textarea){color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}:where(button,select){text-transform:none}:where(button,input:where([type=button]),input:where([type=reset]),input:where([type=submit])){-webkit-appearance:button;background-color:initial;background-image:none}:where(:-moz-focusring){outline:auto}:where(:-moz-ui-invalid){box-shadow:none}:where(progress){vertical-align:initial}:where(*)::-webkit-inner-spin-button,:where(*)::-webkit-outer-spin-button{height:auto}:where([type=search]){-webkit-appearance:textfield;outline-offset:-2px}:where(*)::-webkit-search-decoration{-webkit-appearance:none}:where(*)::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(summary){display:list-item}:where(blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre){margin:0}:where(fieldset){margin:0;padding:0}:where(legend){padding:0}:where(ol,ul,menu){list-style:none;margin:0;padding:0}:where(dialog){padding:0}:where(textarea){resize:vertical}:where(input)::placeholder,:where(textarea)::placeholder{color:#9ca3af;opacity:1}:where(button,[role=button]){cursor:pointer}:where(:disabled){cursor:default}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block;vertical-align:middle}:where(img,video){height:auto;max-width:100%}:where([hidden]){display:none}:where(*),:where(*) :after,:where(*) :before,:where(*):after,:where(*):before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:where(*) ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-webkit-scrollbar{height:.5rem;width:.5rem}::-webkit-scrollbar-thumb{background-clip:"padding-box";background-color:var(--nv-color-secondary-foreground-alpha-300);border-radius:.25rem}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background-color:initial}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}}.nt-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.\\!nt-pointer-events-auto{pointer-events:auto!important}.nt-invisible{visibility:hidden}.nt-absolute{position:absolute}.nt-relative{position:relative}.nt-inset-0{inset:0}.nt-inset-2{inset:.5rem}.nt-bottom-0{bottom:0}.nt-left-0{left:0}.nt-left-0\\.5{left:.125rem}.nt-right-0{right:0}.nt-right-3{right:.75rem}.nt-top-0{top:0}.nt-top-0\\.5{top:.125rem}.nt-top-3{top:.75rem}.nt-z-10{z-index:10}.nt-z-\\[-1\\]{z-index:-1}.-nt-m-1{margin:-.25rem}.nt-mx-auto{margin-left:auto;margin-right:auto}.-nt-mt-2{margin-top:-.5rem}.-nt-mt-\\[2px\\]{margin-top:-2px}.nt--mt-\\[50px\\]{margin-top:-50px}.nt-mb-1{margin-bottom:.25rem}.nt-mb-2{margin-bottom:.5rem}.nt-mb-3{margin-bottom:.75rem}.nt-mb-4{margin-bottom:1rem}.nt-mb-\\[0\\.625rem\\]{margin-bottom:.625rem}.nt-ml-1{margin-left:.25rem}.nt-ml-2{margin-left:.5rem}.nt-ml-auto{margin-left:auto}.nt-mr-2{margin-right:.5rem}.nt-mr-auto{margin-right:auto}.nt-mt-1{margin-top:.25rem}.nt-mt-1\\.5{margin-top:.375rem}.nt-mt-auto{margin-top:auto}.nt-block{display:block}.nt-flex{display:flex}.nt-inline-flex{display:inline-flex}.nt-grid{display:grid}.nt-hidden{display:none}.nt-aspect-square{aspect-ratio:1/1}.nt-size-1\\.5{height:.375rem;width:.375rem}.nt-size-2{height:.5rem;width:.5rem}.nt-size-2\\.5{height:.625rem;width:.625rem}.nt-size-3{height:.75rem;width:.75rem}.nt-size-3\\.5{height:.875rem;width:.875rem}.nt-size-4{height:1rem;width:1rem}.nt-size-5{height:1.25rem;width:1.25rem}.nt-size-6{height:1.5rem;width:1.5rem}.nt-size-8{height:2rem;width:2rem}.nt-size-fit{height:-webkit-fit-content;height:fit-content;width:-webkit-fit-content;width:fit-content}.nt-size-full{height:100%;width:100%}.nt-h-2{height:.5rem}.nt-h-3{height:.75rem}.nt-h-3\\.5{height:.875rem}.nt-h-4{height:1rem}.nt-h-5{height:1.25rem}.nt-h-6{height:1.5rem}.nt-h-7{height:1.75rem}.nt-h-8{height:2rem}.nt-h-9{height:2.25rem}.nt-h-\\[600px\\]{height:600px}.nt-h-auto{height:auto}.nt-h-fit{height:-webkit-fit-content;height:fit-content}.nt-h-full{height:100%}.nt-max-h-\\[160px\\]{max-height:160px}.nt-min-h-0{min-height:0}.nt-min-h-\\[272px\\]{min-height:272px}.nt-w-1\\.5{width:.375rem}.nt-w-1\\/3{width:33.333333%}.nt-w-2\\/3{width:66.666667%}.nt-w-5{width:1.25rem}.nt-w-7{width:1.75rem}.nt-w-8{width:2rem}.nt-w-\\[260px\\]{width:260px}.nt-w-\\[350px\\]{width:350px}.nt-w-\\[3px\\]{width:3px}.nt-w-\\[400px\\]{width:400px}.nt-w-\\[60px\\]{width:60px}.nt-w-\\[calc\\(2ch\\+2rem\\)\\]{width:calc(2ch + 2rem)}.nt-w-fit{width:-webkit-fit-content;width:fit-content}.nt-w-full{width:100%}.nt-w-max{width:-webkit-max-content;width:max-content}.nt-min-w-52{min-width:13rem}.nt-min-w-\\[120px\\]{min-width:120px}.nt-min-w-\\[220px\\]{min-width:220px}.nt-min-w-\\[74px\\]{min-width:74px}.nt-max-w-56{max-width:14rem}.nt-max-w-\\[120px\\]{max-width:120px}.nt-max-w-\\[220px\\]{max-width:220px}.nt-flex-1{flex:1 1 0%}.nt-shrink-0{flex-shrink:0}.nt-translate-x-1\\/2{--tw-translate-x:50%}.nt-transform,.nt-translate-x-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes nt-shimmer{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.nt-animate-shimmer{animation:nt-shimmer 1.5s ease-in-out infinite}@keyframes nt-spin{to{transform:rotate(1turn)}}.nt-animate-spin{animation:nt-spin 1s linear infinite}.nt-cursor-default{cursor:default}.nt-cursor-not-allowed{cursor:not-allowed}.nt-cursor-pointer{cursor:pointer}.nt-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.nt-flex-row{flex-direction:row}.nt-flex-col{flex-direction:column}.nt-flex-wrap{flex-wrap:wrap}.nt-flex-nowrap{flex-wrap:nowrap}.nt-items-start{align-items:flex-start}.nt-items-center{align-items:center}.nt-justify-end{justify-content:flex-end}.nt-justify-center{justify-content:center}.nt-justify-between{justify-content:space-between}.nt-gap-0\\.5{gap:.125rem}.nt-gap-1{gap:.25rem}.nt-gap-1\\.5{gap:.375rem}.nt-gap-2{gap:.5rem}.nt-gap-3{gap:.75rem}.nt-gap-4{gap:1rem}.nt-gap-6{gap:1.5rem}.nt-gap-8{gap:2rem}.nt-self-stretch{align-self:stretch}.nt-overflow-auto{overflow:auto}.nt-overflow-hidden{overflow:hidden}.nt-overflow-y-auto{overflow-y:auto}.nt-overflow-x-hidden{overflow-x:hidden}.nt-truncate{overflow:hidden;text-overflow:ellipsis}.nt-truncate,.nt-whitespace-nowrap{white-space:nowrap}.nt-whitespace-pre-wrap{white-space:pre-wrap}.nt-rounded{border-radius:var(--nv-radius-base)}.nt-rounded-full{border-radius:var(--nv-radius-full)}.nt-rounded-lg{border-radius:var(--nv-radius-lg)}.nt-rounded-md{border-radius:var(--nv-radius-md)}.nt-rounded-sm{border-radius:var(--nv-radius-sm)}.nt-rounded-xl{border-radius:var(--nv-radius-xl)}.nt-rounded-b-lg{border-bottom-left-radius:var(--nv-radius-lg);border-bottom-right-radius:var(--nv-radius-lg)}.nt-border{border-width:1px}.nt-border-b{border-bottom-width:1px}.nt-border-t{border-top-width:1px}.nt-border-background{border-color:var(--nv-color-background)}.nt-border-border{border-color:var(--nv-color-neutral-alpha-100)}.nt-border-neutral-200{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1))}.nt-border-neutral-alpha-100{border-color:var(--nv-color-neutral-alpha-100)}.nt-border-neutral-alpha-200{border-color:var(--nv-color-neutral-alpha-200)}.nt-border-neutral-alpha-400{border-color:var(--nv-color-neutral-alpha-400)}.nt-border-neutral-alpha-50{border-color:var(--nv-color-neutral-alpha-50)}.nt-border-primary{border-color:var(--nv-color-primary)}.nt-border-t-neutral-alpha-200{border-top-color:var(--nv-color-neutral-alpha-200)}.nt-bg-\\[oklch\\(from_var\\(--nv-color-stripes\\)_l_c_h_\\/_0\\.1\\)\\]{background-color:oklch(from var(--nv-color-stripes) l c h/.1)}.nt-bg-background{background-color:var(--nv-color-background)}.nt-bg-counter{background-color:var(--nv-color-counter)}.nt-bg-foreground{background-color:var(--nv-color-foreground)}.nt-bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}.nt-bg-neutral-alpha-100{background-color:var(--nv-color-neutral-alpha-100)}.nt-bg-neutral-alpha-25{background-color:var(--nv-color-neutral-alpha-25)}.nt-bg-neutral-alpha-300{background-color:var(--nv-color-neutral-alpha-300)}.nt-bg-neutral-alpha-50{background-color:var(--nv-color-neutral-alpha-50)}.nt-bg-primary{background-color:var(--nv-color-primary)}.nt-bg-primary-alpha-300{background-color:var(--nv-color-primary-alpha-300)}.nt-bg-primary-alpha-400{background-color:var(--nv-color-primary-alpha-400)}.nt-bg-secondary{background-color:var(--nv-color-secondary)}.nt-bg-severity-high{background-color:var(--nv-color-severity-high)}.nt-bg-severity-high-alpha-100{background-color:var(--nv-color-severity-high-alpha-100)}.nt-bg-severity-high-alpha-200{background-color:var(--nv-color-severity-high-alpha-200)}.nt-bg-severity-high-alpha-300{background-color:var(--nv-color-severity-high-alpha-300)}.nt-bg-severity-high-alpha-50{background-color:var(--nv-color-severity-high-alpha-50)}.nt-bg-severity-low{background-color:var(--nv-color-severity-low)}.nt-bg-severity-low-alpha-100{background-color:var(--nv-color-severity-low-alpha-100)}.nt-bg-severity-low-alpha-200{background-color:var(--nv-color-severity-low-alpha-200)}.nt-bg-severity-low-alpha-300{background-color:var(--nv-color-severity-low-alpha-300)}.nt-bg-severity-low-alpha-50{background-color:var(--nv-color-severity-low-alpha-50)}.nt-bg-severity-medium{background-color:var(--nv-color-severity-medium)}.nt-bg-severity-medium-alpha-100{background-color:var(--nv-color-severity-medium-alpha-100)}.nt-bg-severity-medium-alpha-200{background-color:var(--nv-color-severity-medium-alpha-200)}.nt-bg-severity-medium-alpha-300{background-color:var(--nv-color-severity-medium-alpha-300)}.nt-bg-severity-medium-alpha-50{background-color:var(--nv-color-severity-medium-alpha-50)}.nt-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.nt-bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.nt-bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.nt-from-foreground-alpha-50{--tw-gradient-from:var(--nv-color-foreground-alpha-50) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.nt-from-primary-foreground-alpha-200{--tw-gradient-from:var(--nv-color-primary-foreground-alpha-200) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.nt-from-transparent{--tw-gradient-from:#0000 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.nt-from-20\\%{--tw-gradient-from-position:20%}.nt-to-background{--tw-gradient-to:var(--nv-color-background) var(--tw-gradient-to-position)}.nt-to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.nt-object-cover{object-fit:cover}.nt-p-0{padding:0}.nt-p-0\\.5{padding:.125rem}.nt-p-1{padding:.25rem}.nt-p-2{padding:.5rem}.nt-p-2\\.5{padding:.625rem}.nt-p-3{padding:.75rem}.nt-p-4{padding:1rem}.nt-px-1{padding-left:.25rem;padding-right:.25rem}.nt-px-2{padding-left:.5rem;padding-right:.5rem}.nt-px-3{padding-left:.75rem;padding-right:.75rem}.nt-px-4{padding-left:1rem;padding-right:1rem}.nt-px-8{padding-left:2rem;padding-right:2rem}.nt-px-\\[6px\\]{padding-left:6px;padding-right:6px}.nt-py-1{padding-bottom:.25rem;padding-top:.25rem}.nt-py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.nt-py-2{padding-bottom:.5rem;padding-top:.5rem}.nt-py-3{padding-bottom:.75rem;padding-top:.75rem}.nt-py-3\\.5{padding-bottom:.875rem;padding-top:.875rem}.nt-py-4{padding-bottom:1rem;padding-top:1rem}.nt-py-px{padding-bottom:1px;padding-top:1px}.nt-pb-12{padding-bottom:3rem}.nt-pb-2{padding-bottom:.5rem}.nt-pb-\\[0\\.625rem\\]{padding-bottom:.625rem}.nt-pr-0{padding-right:0}.nt-pt-2{padding-top:.5rem}.nt-pt-2\\.5{padding-top:.625rem}.nt-pt-8{padding-top:2rem}.nt-text-left{text-align:left}.nt-text-center{text-align:center}.nt-text-start{text-align:start}.nt-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.nt-text-\\[0\\.8rem\\]{font-size:.8rem}.nt-text-\\[12px\\]{font-size:12px}.nt-text-base{font-size:var(--nv-font-size-base);line-height:var(--nv-line-height-base)}.nt-text-sm{font-size:var(--nv-font-size-sm);line-height:var(--nv-line-height-sm)}.nt-text-xl{font-size:var(--nv-font-size-xl);line-height:var(--nv-line-height-xl)}.nt-text-xs{font-size:var(--nv-font-size-xs);line-height:var(--nv-line-height-xs)}.nt-font-medium{font-weight:500}.nt-font-normal{font-weight:400}.nt-font-semibold{font-weight:600}.nt-italic{font-style:italic}.nt-leading-none{line-height:1}.nt-text-\\[\\#000000\\]{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.nt-text-background{color:var(--nv-color-background)}.nt-text-counter-foreground{color:var(--nv-color-counter-foreground)}.nt-text-foreground{color:var(--nv-color-foreground)}.nt-text-foreground-alpha-300{color:var(--nv-color-foreground-alpha-300)}.nt-text-foreground-alpha-400{color:var(--nv-color-foreground-alpha-400)}.nt-text-foreground-alpha-600{color:var(--nv-color-foreground-alpha-600)}.nt-text-foreground-alpha-700{color:var(--nv-color-foreground-alpha-700)}.nt-text-neutral-600{--tw-text-opacity:1;color:rgb(82 82 82/var(--tw-text-opacity,1))}.nt-text-neutral-alpha-500{color:var(--nv-color-neutral-alpha-500)}.nt-text-primary-foreground{color:var(--nv-color-primary-foreground)}.nt-text-secondary-foreground{color:var(--nv-color-secondary-foreground)}.nt-text-stripes{color:var(--nv-color-stripes)}.nt-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.nt-underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.nt-opacity-0{opacity:0}.nt-opacity-20{opacity:.2}.nt-opacity-50{opacity:.5}.nt-shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-\\[0_0_0_0\\.5px_var\\(--nv-color-primary-600\\)\\]{--tw-shadow:0 0 0 0.5px var(--nv-color-primary-600);--tw-shadow-colored:0 0 0 0.5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-\\[0_0_0_0\\.5px_var\\(--nv-color-secondary-600\\)\\]{--tw-shadow:0 0 0 0.5px var(--nv-color-secondary-600);--tw-shadow-colored:0 0 0 0.5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-\\[0_1px_2px_0_rgba\\(10\\,13\\,20\\,0\\.03\\)\\]{--tw-shadow:0 1px 2px 0 #0a0d1408;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-\\[0px_1px_2px_0px_rgba\\(10\\,13\\,20\\,0\\.03\\)\\]{--tw-shadow:0px 1px 2px 0px #0a0d1408;--tw-shadow-colored:0px 1px 2px 0px var(--tw-shadow-color)}.nt-shadow-\\[0px_1px_2px_0px_rgba\\(10\\,13\\,20\\,0\\.03\\)\\],.nt-shadow-dropdown{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-dropdown{--tw-shadow:0px 12px 16px -4px oklch(from var(--nv-color-shadow) l c h/0.08),0px 4px 6px -2px oklch(from var(--nv-color-shadow) l c h/0.03);--tw-shadow-colored:0px 12px 16px -4px var(--tw-shadow-color),0px 4px 6px -2px var(--tw-shadow-color)}.nt-shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.nt-shadow-lg,.nt-shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.nt-shadow-popover{--tw-shadow:0px 8px 26px 0px oklch(from var(--nv-color-shadow) l c h/0.08),0px 2px 6px 0px oklch(from var(--nv-color-shadow) l c h/0.12);--tw-shadow-colored:0px 8px 26px 0px var(--tw-shadow-color),0px 2px 6px 0px var(--tw-shadow-color)}.nt-shadow-popover,.nt-shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.nt-shadow-tooltip{--tw-shadow:0 5px 20px 0 oklch(from var(--nv-color-shadow) l c h/0.08);--tw-shadow-colored:0 5px 20px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-outline-none{outline:2px solid #0000;outline-offset:2px}.nt-ring-offset-background{--tw-ring-offset-color:var(--nv-color-background)}.nt-backdrop-blur-lg{--tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.nt-transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-transition-\\[width\\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-duration-100{transition-duration:.1s}.nt-duration-200{transition-duration:.2s}.nt-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.nt-will-change-\\[width\\]{will-change:width}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.nt-animate-in{animation-duration:.15s;animation-name:enter;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.nt-fade-in{--tw-enter-opacity:0}.nt-slide-in-from-top-2{--tw-enter-translate-y:-0.5rem}.nt-duration-100{animation-duration:.1s}.nt-duration-200{animation-duration:.2s}.nt-ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-foreground\\)_80\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-foreground) 80% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-high\\)_45\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-high) 45% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-high\\)_80\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-high) 80% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-low\\)_45\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-low) 45% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-low\\)_80\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-low) 80% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-medium\\)_45\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-medium) 45% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-medium\\)_80\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-medium) 80% c h)}.\\[--bell-gradient-start\\:var\\(--nv-color-foreground\\)\\]{--bell-gradient-start:var(--nv-color-foreground)}.\\[--bell-gradient-start\\:var\\(--nv-color-severity-high\\)\\]{--bell-gradient-start:var(--nv-color-severity-high)}.\\[--bell-gradient-start\\:var\\(--nv-color-severity-low\\)\\]{--bell-gradient-start:var(--nv-color-severity-low)}.\\[--bell-gradient-start\\:var\\(--nv-color-severity-medium\\)\\]{--bell-gradient-start:var(--nv-color-severity-medium)}.\\[interpolate-size\\:allow-keywords\\]{interpolate-size:allow-keywords}.\\[line-height\\:16px\\]{line-height:16px}.\\[scrollbar-gutter\\:stable\\]{scrollbar-gutter:stable}.\\[word-break\\:break-word\\]{word-break:break-word}.before\\:nt-absolute:before{content:var(--tw-content);position:absolute}.before\\:nt-inset-0:before{content:var(--tw-content);inset:0}.before\\:-nt-right-\\[calc\\(0\\+var\\(--stripes-size\\)\\)\\]:before{content:var(--tw-content);right:calc(var(--stripes-size)*-1)}.before\\:nt-m-1:before{content:var(--tw-content);margin:.25rem}@keyframes nt-stripes{0%{content:var(--tw-content);transform:translateX(0)}to{content:var(--tw-content);transform:translateX(calc(var(--stripes-size)*-1))}}.before\\:nt-animate-stripes:before{animation:nt-stripes 1s linear infinite paused;content:var(--tw-content)}.before\\:nt-rounded-full:before{border-radius:var(--nv-radius-full);content:var(--tw-content)}.before\\:nt-rounded-md:before{border-radius:var(--nv-radius-md);content:var(--tw-content)}.before\\:nt-rounded-xl:before{border-radius:var(--nv-radius-xl);content:var(--tw-content)}.before\\:nt-border:before{border-width:1px;content:var(--tw-content)}.before\\:nt-border-primary-foreground-alpha-100:before{border-color:var(--nv-color-primary-foreground-alpha-100);content:var(--tw-content)}.before\\:nt-border-secondary-foreground-alpha-100:before{border-color:var(--nv-color-secondary-foreground-alpha-100);content:var(--tw-content)}.before\\:nt-bg-severity-high-alpha-200:before{background-color:var(--nv-color-severity-high-alpha-200);content:var(--tw-content)}.before\\:nt-bg-severity-high-alpha-300:before{background-color:var(--nv-color-severity-high-alpha-300);content:var(--tw-content)}.before\\:nt-bg-severity-low-alpha-200:before{background-color:var(--nv-color-severity-low-alpha-200);content:var(--tw-content)}.before\\:nt-bg-severity-low-alpha-300:before{background-color:var(--nv-color-severity-low-alpha-300);content:var(--tw-content)}.before\\:nt-bg-severity-medium-alpha-200:before{background-color:var(--nv-color-severity-medium-alpha-200);content:var(--tw-content)}.before\\:nt-bg-severity-medium-alpha-300:before{background-color:var(--nv-color-severity-medium-alpha-300);content:var(--tw-content)}.before\\:nt-bg-dev-stripes-gradient:before{background-image:repeating-linear-gradient(135deg,oklch(from var(--nv-color-stripes) l c h/.1) 25%,oklch(from var(--nv-color-stripes) l c h/.1) 50%,oklch(from var(--nv-color-stripes) l c h/.2) 50%,oklch(from var(--nv-color-stripes) l c h/.2) 75%);content:var(--tw-content)}.before\\:nt-bg-\\[length\\:var\\(--stripes-size\\)_var\\(--stripes-size\\)\\]:before{background-size:var(--stripes-size) var(--stripes-size);content:var(--tw-content)}.before\\:nt-content-\\[\\"\\"\\]:before{--tw-content:"";content:var(--tw-content)}.before\\:\\[mask-image\\:linear-gradient\\(transparent_0\\%\\2c black\\)\\]:before{content:var(--tw-content);-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.after\\:nt-absolute:after{content:var(--tw-content);position:absolute}.after\\:nt-inset-0:after{content:var(--tw-content);inset:0}.after\\:-nt-top-12:after{content:var(--tw-content);top:-3rem}.after\\:nt-bottom-0:after{bottom:0;content:var(--tw-content)}.after\\:nt-left-0:after{content:var(--tw-content);left:0}.after\\:nt-left-0\\.5:after{content:var(--tw-content);left:.125rem}.after\\:nt-top-0\\.5:after{content:var(--tw-content);top:.125rem}.after\\:nt-size-3:after{content:var(--tw-content);height:.75rem;width:.75rem}.after\\:nt-h-\\[2px\\]:after{content:var(--tw-content);height:2px}.after\\:nt-w-full:after{content:var(--tw-content);width:100%}.after\\:nt-translate-x-1\\/2:after{--tw-translate-x:50%}.after\\:nt-translate-x-1\\/2:after,.after\\:nt-translate-x-full:after{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\\:nt-translate-x-full:after{--tw-translate-x:100%}.after\\:nt-rounded-full:after{border-radius:var(--nv-radius-full);content:var(--tw-content)}.after\\:nt-rounded-md:after{border-radius:var(--nv-radius-md);content:var(--tw-content)}.after\\:nt-rounded-xl:after{border-radius:var(--nv-radius-xl);content:var(--tw-content)}.after\\:nt-border-b-2:after{border-bottom-width:2px;content:var(--tw-content)}.after\\:nt-border-background:after{border-color:var(--nv-color-background);content:var(--tw-content)}.after\\:nt-border-b-primary:after{border-bottom-color:var(--nv-color-primary);content:var(--tw-content)}.after\\:nt-border-b-transparent:after{border-bottom-color:#0000;content:var(--tw-content)}.after\\:nt-bg-background:after{background-color:var(--nv-color-background);content:var(--tw-content)}.after\\:nt-bg-\\[linear-gradient\\(180deg\\2c transparent\\2c oklch\\(from_var\\(--nv-color-background\\)_l_c_h_\\/_0\\.9\\)_55\\%\\2c transparent\\)\\]:after{background-image:linear-gradient(180deg,#0000,oklch(from var(--nv-color-background) l c h/.9) 55%,#0000);content:var(--tw-content)}.after\\:nt-bg-\\[linear-gradient\\(180deg\\2c transparent\\2c oklch\\(from_var\\(--nv-color-stripes\\)_l_c_h_\\/_0\\.07\\)_55\\%\\2c transparent\\)\\2c linear-gradient\\(180deg\\2c transparent\\2c oklch\\(from_var\\(--nv-color-background\\)_l_c_h_\\/_0\\.9\\)_55\\%\\2c transparent\\)\\]:after{background-image:linear-gradient(180deg,#0000,oklch(from var(--nv-color-stripes) l c h/.07) 55%,#0000),linear-gradient(180deg,#0000,oklch(from var(--nv-color-background) l c h/.9) 55%,#0000);content:var(--tw-content)}.after\\:nt-bg-gradient-to-b:after{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));content:var(--tw-content)}.after\\:nt-from-primary-foreground-alpha-50:after{content:var(--tw-content);--tw-gradient-from:var(--nv-color-primary-foreground-alpha-50) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.after\\:nt-from-secondary-foreground-alpha-50:after{content:var(--tw-content);--tw-gradient-from:var(--nv-color-secondary-foreground-alpha-50) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.after\\:nt-to-transparent:after{content:var(--tw-content);--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.after\\:nt-opacity-0:after{content:var(--tw-content);opacity:0}.after\\:nt-transition-all:after{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:nt-transition-opacity:after{content:var(--tw-content);transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:nt-duration-200:after{transition-duration:.2s}.after\\:nt-content-\\[\\"\\"\\]:after,.after\\:nt-content-\\[\\'\\'\\]:after{--tw-content:"";content:var(--tw-content)}.after\\:nt-duration-200:after{animation-duration:.2s;content:var(--tw-content)}.hover\\:nt-bg-neutral-alpha-100:hover{background-color:var(--nv-color-neutral-alpha-100)}.hover\\:nt-bg-neutral-alpha-50:hover{background-color:var(--nv-color-neutral-alpha-50)}.hover\\:nt-bg-primary-600:hover{background-color:var(--nv-color-primary-600)}.hover\\:nt-bg-primary-alpha-25:hover{background-color:var(--nv-color-primary-alpha-25)}.hover\\:nt-bg-primary-alpha-400:hover{background-color:var(--nv-color-primary-alpha-400)}.hover\\:nt-bg-severity-high-alpha-50:hover{background-color:var(--nv-color-severity-high-alpha-50)}.hover\\:nt-bg-severity-low-alpha-50:hover{background-color:var(--nv-color-severity-low-alpha-50)}.hover\\:nt-bg-severity-medium-alpha-50:hover{background-color:var(--nv-color-severity-medium-alpha-50)}.hover\\:nt-text-foreground-alpha-800:hover{color:var(--nv-color-foreground-alpha-800)}.before\\:hover\\:\\[animation-play-state\\:running\\]:hover:before{animation-play-state:running;content:var(--tw-content)}.hover\\:after\\:nt-opacity-100:hover:after{content:var(--tw-content);opacity:1}.focus\\:nt-outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus-visible\\:nt-rounded-lg:focus-visible{border-radius:var(--nv-radius-lg)}.focus-visible\\:nt-rounded-md:focus-visible{border-radius:var(--nv-radius-md)}.focus-visible\\:nt-rounded-xl:focus-visible{border-radius:var(--nv-radius-xl)}.focus-visible\\:nt-bg-neutral-alpha-50:focus-visible{background-color:var(--nv-color-neutral-alpha-50)}.focus-visible\\:nt-outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\\:nt-ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\\:nt-ring-primary:focus-visible{--tw-ring-color:var(--nv-color-primary)}.focus-visible\\:nt-ring-ring:focus-visible{--tw-ring-color:var(--nv-color-ring)}.focus-visible\\:nt-ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\\:nt-pointer-events-none:disabled{pointer-events:none}.disabled\\:nt-opacity-20:disabled{opacity:.2}.disabled\\:nt-opacity-50:disabled{opacity:.5}.nt-group:focus-within .group-focus-within\\:nt-opacity-100{opacity:1}.nt-group:hover .group-hover\\:nt-bg-severity-high-alpha-500{background-color:var(--nv-color-severity-high-alpha-500)}.nt-group:hover .group-hover\\:nt-bg-severity-low-alpha-500{background-color:var(--nv-color-severity-low-alpha-500)}.nt-group:hover .group-hover\\:nt-bg-severity-medium-alpha-500{background-color:var(--nv-color-severity-medium-alpha-500)}.nt-group:hover .group-hover\\:nt-opacity-0{opacity:0}.nt-group:hover .group-hover\\:nt-opacity-100{opacity:1}.nt-peer:focus-visible~.peer-focus-visible\\:nt-outline-none{outline:2px solid #0000;outline-offset:2px}.nt-peer:focus-visible~.peer-focus-visible\\:nt-ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.nt-peer:focus-visible~.peer-focus-visible\\:nt-ring-offset-2{--tw-ring-offset-width:2px}.data-\\[open\\=true\\]\\:nt-rotate-180[data-open=true]{--tw-rotate:180deg}.data-\\[open\\=true\\]\\:nt-rotate-180[data-open=true],.data-\\[open\\=true\\]\\:nt-transform[data-open=true]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[disabled\\]\\:nt-cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\\[checked\\]\\:nt-border-none[data-checked],.data-\\[indeterminate\\]\\:nt-border-none[data-indeterminate]{border-style:none}.data-\\[checked\\]\\:nt-bg-primary[data-checked],.data-\\[indeterminate\\]\\:nt-bg-primary[data-indeterminate]{background-color:var(--nv-color-primary)}.data-\\[checked\\]\\:nt-text-primary-foreground[data-checked]{color:var(--nv-color-primary-foreground)}.data-\\[disabled\\=true\\]\\:nt-text-foreground-alpha-400[data-disabled=true]{color:var(--nv-color-foreground-alpha-400)}.data-\\[disabled\\=true\\]\\:nt-text-foreground-alpha-600[data-disabled=true]{color:var(--nv-color-foreground-alpha-600)}.data-\\[indeterminate\\]\\:nt-text-primary-foreground[data-indeterminate]{color:var(--nv-color-primary-foreground)}.data-\\[state\\=active\\]\\:nt-text-foreground[data-state=active]{color:var(--nv-color-foreground)}.data-\\[disabled\\]\\:nt-opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=active\\]\\:after\\:nt-border-b-2[data-state=active]:after{border-bottom-width:2px;content:var(--tw-content)}.data-\\[state\\=active\\]\\:after\\:nt-border-primary[data-state=active]:after{border-color:var(--nv-color-primary);content:var(--tw-content)}.data-\\[state\\=active\\]\\:after\\:nt-opacity-100[data-state=active]:after{content:var(--tw-content);opacity:1}.\\[\\&\\:not\\(\\:first-child\\)\\]\\:nt-border-t:not(:first-child){border-top-width:1px}.\\[\\&_\\.nv-notificationList\\]\\:nt-pb-12 .nv-notificationList{padding-bottom:3rem}.\\[\\&_\\.nv-notificationList\\]\\:nt-pb-8 .nv-notificationList{padding-bottom:2rem}.\\[\\&_\\.nv-preferencesContainer\\]\\:nt-pb-12 .nv-preferencesContainer{padding-bottom:3rem}.\\[\\&_\\.nv-preferencesContainer\\]\\:nt-pb-8 .nv-preferencesContainer{padding-bottom:2rem}.\\[\\&_stop\\]\\:nt-transition-\\[stop-color\\] stop{transition-duration:.15s;transition-property:stop-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\[\\&_svg\\]\\:nt-pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:nt-shrink-0 svg{flex-shrink:0}`;
 
 // src/ui/config/appearanceKeys.ts
@@ -346,12 +346,20 @@ var linkSlackUserAppearanceKeys = [
   "linkSlackUserButtonIcon",
   "linkSlackUserButtonLabel"
 ];
+var linkMsTeamsUserAppearanceKeys = [
+  "linkMsTeamsUserContainer",
+  "linkMsTeamsUserButton",
+  "linkMsTeamsUserButtonContainer",
+  "linkMsTeamsUserButtonIcon",
+  "linkMsTeamsUserButtonLabel"
+];
 var appearanceKeys = [
   ...commonAppearanceKeys,
   ...inboxAppearanceKeys,
   ...subscriptionAppearanceKeys,
   ...connectChatAppearanceKeys,
   ...linkSlackUserAppearanceKeys,
+  ...linkMsTeamsUserAppearanceKeys,
   ...channelConnectButtonAppearanceKeys
 ];
 var commonLocalization = {
@@ -1351,6 +1359,10 @@ function useLocalization() {
 
 // src/ui/context/InboxContext.tsx
 var InboxContext = createContext(void 0);
+var KEYLESS_APPLICATION_IDENTIFIER_PREFIX = "pk_keyless_";
+function isKeylessApplicationIdentifier(applicationIdentifier) {
+  return !!(applicationIdentifier == null ? void 0 : applicationIdentifier.startsWith(KEYLESS_APPLICATION_IDENTIFIER_PREFIX));
+}
 var STATUS_TO_FILTER = {
   ["unreadRead" /* UNREAD_READ */]: {
     archived: false,
@@ -1453,20 +1465,22 @@ var InboxProvider = (props) => {
     eventHandler: ({
       data
     }) => {
-      var _a2, _b2;
+      var _a2;
       if (!data) {
         return;
       }
-      const identifier = window.localStorage.getItem("novu_keyless_application_identifier");
+      const storedKeylessIdentifier = window.localStorage.getItem("novu_keyless_application_identifier");
       setHideBranding(data.removeNovuBranding);
       setIsDevelopmentMode(data.isDevelopmentMode);
       setMaxSnoozeDurationHours(data.maxSnoozeDurationHours);
       setContextKeys(data.contextKeys);
-      if (data.isDevelopmentMode && !props.applicationIdentifier) {
-        setIsKeyless(!data.applicationIdentifier || !!(identifier == null ? void 0 : identifier.startsWith("pk_keyless_")));
+      if (!props.applicationIdentifier) {
+        const keylessActive = isKeylessApplicationIdentifier(data.applicationIdentifier) || isKeylessApplicationIdentifier(storedKeylessIdentifier);
+        setIsKeyless(keylessActive);
         setApplicationIdentifier((_a2 = data.applicationIdentifier) != null ? _a2 : null);
       } else {
-        setApplicationIdentifier((_b2 = props.applicationIdentifier) != null ? _b2 : null);
+        setIsKeyless(false);
+        setApplicationIdentifier(props.applicationIdentifier);
       }
     }
   });
@@ -1846,11 +1860,8 @@ var useChannelConnection = (options) => {
       return null;
     }
   }));
-  const connect = (args) => __async(null, null, function* () {
-    setLoading(true);
-    const response = yield novuAccessor().channelConnections.generateOAuthUrl(args);
-    setLoading(false);
-    return response;
+  const generateConnectOAuthUrl = (args) => __async(null, null, function* () {
+    return novuAccessor().channelConnections.generateConnectOAuthUrl(args);
   });
   const disconnect = (identifier) => __async(null, null, function* () {
     setLoading(true);
@@ -1911,7 +1922,7 @@ var useChannelConnection = (options) => {
   createEffect(() => {
     setLoading(connection.loading);
   });
-  return { connection, loading, mutate, refetch, connect, disconnect };
+  return { connection, loading, mutate, refetch, generateConnectOAuthUrl, disconnect };
 };
 var _tmpl$ = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg fill=currentColor viewBox="0 0 24 24"><path d="M18.364 5.636 16.95 7.05A7 7 0 1 0 19 12h2a9 9 0 1 1-2.636-6.364">`);
 function Loader(props) {
@@ -6749,7 +6760,7 @@ var ConnectChat = (props) => {
   const {
     connection,
     loading,
-    connect,
+    generateConnectOAuthUrl: connect,
     disconnect
   } = useChannelConnection({
     integrationIdentifier: props.integrationIdentifier,
@@ -9390,104 +9401,122 @@ var Inbox = (props) => {
     }
   });
 };
+var _tmpl$88 = /* @__PURE__ */ template(`<svg width=16 height=16 viewBox="0 0 32 32"fill=none xmlns=http://www.w3.org/2000/svg><path fill=#7B83EB d="M16.901 10.757a4.589 4.589 0 1 0 0-9.177 4.589 4.589 0 0 0 0 9.177Z"></path><path fill=#000 d="M16.578 7.151h-4.156l.02.092.002.008.022.084a4.593 4.593 0 0 0 5.423 3.316V8.462a1.315 1.315 0 0 0-1.311-1.31Z"opacity=.1></path><path fill=#000 d="M15.593 8.135h-2.835a4.59 4.59 0 0 0 4.146 2.622V9.445a1.315 1.315 0 0 0-1.31-1.31Z"opacity=.2></path><path fill=#5059C9 d="M27.223 11.084a3.441 3.441 0 1 0 0-6.883 3.441 3.441 0 0 0 0 6.883ZM30.18 12.067h-7.73a.63.63 0 0 0-.629.63v7.973a5.035 5.035 0 0 0 3.9 4.999 4.922 4.922 0 0 0 5.933-4.814v-7.313a1.475 1.475 0 0 0-1.475-1.475Z"></path><path fill=#7B83EB d="M24.77 13.542v9.34a7.861 7.861 0 0 1-14.67 3.933 7.06 7.06 0 0 1-.49-.983 8.228 8.228 0 0 1-.325-.983 8.103 8.103 0 0 1-.246-1.966v-9.34a1.473 1.473 0 0 1 1.475-1.476h12.782a1.473 1.473 0 0 1 1.474 1.475Z"></path><path fill=#000 d="M15.593 8.135h-2.835a4.59 4.59 0 0 0 4.146 2.622V9.445a1.315 1.315 0 0 0-1.31-1.31Z"opacity=.2></path><path fill=#000 d="M17.888 12.067v12.457a1.298 1.298 0 0 1-1.023 1.269.952.952 0 0 1-.285.04H9.61a8.228 8.228 0 0 1-.325-.984 8.103 8.103 0 0 1-.246-1.966v-9.34a1.473 1.473 0 0 1 1.475-1.476h7.374Z"opacity=.1></path><path fill=#000 d="M16.905 12.067v13.44a.953.953 0 0 1-.04.286 1.298 1.298 0 0 1-1.268 1.022h-5.496a7.06 7.06 0 0 1-.492-.983 8.228 8.228 0 0 1-.324-.983 8.103 8.103 0 0 1-.246-1.966v-9.34a1.473 1.473 0 0 1 1.475-1.476h6.39Z"opacity=.2></path><path fill=#000 d="M16.905 12.067v11.474a1.314 1.314 0 0 1-1.308 1.308H9.285a8.103 8.103 0 0 1-.246-1.966v-9.34a1.473 1.473 0 0 1 1.475-1.476h6.39Z"opacity=.2></path><path fill=#000 d="M10.514 12.067a1.472 1.472 0 0 0-1.475 1.475v9.34c.001.664.084 1.324.246 1.967h5.329a1.314 1.314 0 0 0 1.307-1.308V12.067h-5.407Z"opacity=.2></path><path fill=#4B53BC d="M1.498 8.135h13.11a1.31 1.31 0 0 1 1.31 1.31v13.11a1.31 1.31 0 0 1-1.31 1.311H1.498a1.31 1.31 0 0 1-1.31-1.31V9.445a1.31 1.31 0 0 1 1.31-1.311Z"></path><path fill=#fff d="M11.967 13.027h-2.94v7.885H7.098v-7.885H4.141V11.09h7.826v1.937Z">`);
+var MsTeamsColored = (props) => {
+  return (() => {
+    var _el$ = _tmpl$88();
+    spread(_el$, props, true, true);
+    return _el$;
+  })();
+};
 
-// src/ui/components/slack-constants.ts
-var DEFAULT_CONNECTION_IDENTIFIER = "chconn-slack-default";
-var DEFAULT_INTEGRATION_IDENTIFIER = "slack";
+// src/ui/components/constants.ts
+var DEFAULT_MSTEAMS_CONNECTION_IDENTIFIER = "chconn-msteams-default";
+var DEFAULT_SLACK_CONNECTION_IDENTIFIER = "chconn-slack-default";
+function buildDefaultConnectionIdentifier(prefix, subscriberId) {
+  if (!subscriberId) {
+    return prefix;
+  }
+  return `${prefix}-${subscriberId}`;
+}
 
-// src/ui/components/slack-connect-button/SlackConnectButton.tsx
-var _tmpl$88 = /* @__PURE__ */ template(`<span>`);
+// src/ui/components/msteams-connect-button/MsTeamsConnectButton.tsx
+var _tmpl$89 = /* @__PURE__ */ template(`<span>`);
 var _tmpl$228 = /* @__PURE__ */ template(`<div>`);
 var _tmpl$318 = /* @__PURE__ */ template(`<code>context`);
-var _tmpl$414 = /* @__PURE__ */ template(`<code>SlackConnectButton`);
+var _tmpl$414 = /* @__PURE__ */ template(`<code>MsTeamsConnectButton`);
 var _tmpl$512 = /* @__PURE__ */ template(`<code>NovuProvider`);
 var _tmpl$611 = /* @__PURE__ */ template(`<code>connectionMode="shared"`);
-var POLL_INTERVAL_MS = 2500;
-var POLL_TIMEOUT_MS = 12e4;
-var SlackConnectButton = (props) => {
+var POLL_INITIAL_INTERVAL_MS = 2500;
+var POLL_MAX_INTERVAL_MS = 3e4;
+var POLL_BACKOFF_FACTOR = 1.5;
+var POLL_TIMEOUT_MS = 3e5;
+var MsTeamsConnectButton = (props) => {
   const style = useStyle();
   const novuAccessor = useNovu();
-  const integrationIdentifier = () => {
+  const integrationIdentifier = () => props.integrationIdentifier;
+  const connectionMode = () => {
+    var _a;
+    return (_a = props.connectionMode) != null ? _a : "subscriber";
+  };
+  const resolvedContext = () => {
+    var _a;
+    return (_a = props.context) != null ? _a : novuAccessor().context;
+  };
+  const resolvedSubscriberId = () => {
     var _a;
-    return (_a = props.integrationIdentifier) != null ? _a : DEFAULT_INTEGRATION_IDENTIFIER;
+    return connectionMode() === "subscriber" ? (_a = props.subscriberId) != null ? _a : novuAccessor().subscriberId : void 0;
   };
   const connectionIdentifier = () => {
     var _a;
-    return (_a = props.connectionIdentifier) != null ? _a : DEFAULT_CONNECTION_IDENTIFIER;
+    return (_a = props.connectionIdentifier) != null ? _a : buildDefaultConnectionIdentifier(DEFAULT_MSTEAMS_CONNECTION_IDENTIFIER, resolvedSubscriberId());
   };
   const {
     connection,
     loading,
-    connect,
     disconnect,
-    mutate
+    mutate,
+    generateConnectOAuthUrl
   } = useChannelConnection({
     integrationIdentifier: integrationIdentifier(),
     connectionIdentifier: connectionIdentifier(),
     subscriberId: props.subscriberId
   });
   const [actionLoading, setActionLoading] = createSignal(false);
-  const connectionMode = () => {
-    var _a;
-    return (_a = props.connectionMode) != null ? _a : "subscriber";
-  };
-  const resolvedContext = () => {
-    var _a;
-    return (_a = props.context) != null ? _a : novuAccessor().context;
-  };
   const isMisconfigured = createMemo(() => connectionMode() === "shared" && !resolvedContext());
   createEffect(() => {
     if (isMisconfigured()) {
-      console.warn('[Novu] SlackConnectButton: "context" is required when connectionMode is "shared". Provide it via the context prop on SlackConnectButton or on NovuProvider.');
+      console.warn('[Novu] MsTeamsConnectButton: "context" is required when connectionMode is "shared". Provide it via the context prop on MsTeamsConnectButton or on NovuProvider.');
     }
   });
   const isConnected = () => !!connection();
   const isLoading = () => loading() || actionLoading();
-  const intervalIdRef = {
+  const timeoutIdRef = {
     current: null
   };
   onCleanup(() => {
-    if (intervalIdRef.current !== null) {
-      clearInterval(intervalIdRef.current);
-      intervalIdRef.current = null;
+    if (timeoutIdRef.current !== null) {
+      clearTimeout(timeoutIdRef.current);
+      timeoutIdRef.current = null;
     }
   });
   const startPolling = () => {
-    if (intervalIdRef.current !== null) {
-      clearInterval(intervalIdRef.current);
-      intervalIdRef.current = null;
+    const connId = connectionIdentifier();
+    if (timeoutIdRef.current !== null) {
+      clearTimeout(timeoutIdRef.current);
+      timeoutIdRef.current = null;
     }
     const startedAt = Date.now();
-    intervalIdRef.current = setInterval(() => __async(null, null, function* () {
-      var _a, _b;
-      try {
-        const response = yield novuAccessor().channelConnections.get({
-          identifier: connectionIdentifier()
-        });
-        if (response.data) {
-          if (intervalIdRef.current !== null) {
-            clearInterval(intervalIdRef.current);
-            intervalIdRef.current = null;
+    const schedulePoll = (intervalMs) => {
+      timeoutIdRef.current = setTimeout(() => __async(null, null, function* () {
+        var _a, _b;
+        try {
+          const response = yield novuAccessor().channelConnections.get({
+            identifier: connId
+          });
+          if (response.data) {
+            timeoutIdRef.current = null;
+            setActionLoading(false);
+            mutate(response.data);
+            (_a = props.onConnectSuccess) == null ? void 0 : _a.call(props, connId);
+            return;
           }
+        } catch (e) {
+        }
+        if (Date.now() - startedAt >= POLL_TIMEOUT_MS) {
+          timeoutIdRef.current = null;
           setActionLoading(false);
-          mutate(response.data);
-          (_a = props.onConnectSuccess) == null ? void 0 : _a.call(props, connectionIdentifier());
+          (_b = props.onConnectError) == null ? void 0 : _b.call(props, new Error("MS Teams OAuth timed out. Please try again."));
           return;
         }
-      } catch (e) {
-      }
-      if (Date.now() - startedAt >= POLL_TIMEOUT_MS) {
-        if (intervalIdRef.current !== null) {
-          clearInterval(intervalIdRef.current);
-          intervalIdRef.current = null;
-        }
-        setActionLoading(false);
-        (_b = props.onConnectError) == null ? void 0 : _b.call(props, new Error("Slack OAuth timed out. Please try again."));
-      }
-    }), POLL_INTERVAL_MS);
+        const nextInterval = Math.min(intervalMs * POLL_BACKOFF_FACTOR, POLL_MAX_INTERVAL_MS);
+        schedulePoll(nextInterval);
+      }), intervalMs);
+    };
+    schedulePoll(POLL_INITIAL_INTERVAL_MS);
   };
   const handleClick = () => __async(null, null, function* () {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     if (isConnected()) {
       const identifier = (_a = connection()) == null ? void 0 : _a.identifier;
       if (!identifier) return;
@@ -9501,28 +9530,32 @@ var SlackConnectButton = (props) => {
       setActionLoading(true);
       const mode = connectionMode();
       const ctx = resolvedContext();
-      const resolvedSubscriberId = mode === "subscriber" ? (_d = props.subscriberId) != null ? _d : novuAccessor().subscriberId : void 0;
-      const result = yield connect({
+      const resolvedSubscriberId2 = mode === "subscriber" ? (_d = props.subscriberId) != null ? _d : novuAccessor().subscriberId : void 0;
+      const result = yield generateConnectOAuthUrl({
         integrationIdentifier: integrationIdentifier(),
         connectionIdentifier: connectionIdentifier(),
-        subscriberId: resolvedSubscriberId,
+        subscriberId: resolvedSubscriberId2,
         context: ctx,
         scope: props.scope,
-        connectionMode: mode
+        connectionMode: mode,
+        autoLinkUser: mode === "subscriber" ? (_e = props.autoLinkUser) != null ? _e : true : false
       });
       if (result.error) {
         setActionLoading(false);
-        (_e = props.onConnectError) == null ? void 0 : _e.call(props, result.error);
+        (_f = props.onConnectError) == null ? void 0 : _f.call(props, result.error);
         return;
       }
-      if ((_f = result.data) == null ? void 0 : _f.url) {
+      if ((_g = result.data) == null ? void 0 : _g.url) {
         window.open(result.data.url, "_blank", "noopener,noreferrer");
         startPolling();
+      } else {
+        setActionLoading(false);
+        (_h = props.onConnectError) == null ? void 0 : _h.call(props, new Error("OAuth URL was not returned. Please try again."));
       }
     }
   });
   const buttonContent = () => (() => {
-    var _el$ = _tmpl$88();
+    var _el$ = _tmpl$89();
     insert(_el$, createComponent(Motion.span, {
       initial: {
         opacity: 1
@@ -9552,7 +9585,7 @@ var SlackConnectButton = (props) => {
           },
           get fallback() {
             return (() => {
-              var _el$3 = _tmpl$88();
+              var _el$3 = _tmpl$89();
               insert(_el$3, createComponent(CheckCircleFill, {
                 "class": "nt-size-full"
               }));
@@ -9580,7 +9613,7 @@ var SlackConnectButton = (props) => {
             });
           },
           get fallback() {
-            return createComponent(SlackColored, {
+            return createComponent(MsTeamsColored, {
               get ["class"]() {
                 return style({
                   key: "channelConnectButtonIcon",
@@ -9594,10 +9627,10 @@ var SlackConnectButton = (props) => {
             });
           }
         })), (() => {
-          var _el$2 = _tmpl$88();
+          var _el$2 = _tmpl$89();
           insert(_el$2, () => {
             var _a, _b;
-            return isConnected() ? (_a = props.connectedLabel) != null ? _a : "Connected" : (_b = props.connectLabel) != null ? _b : "Connect Slack";
+            return isConnected() ? (_a = props.connectedLabel) != null ? _a : "Connected" : (_b = props.connectLabel) != null ? _b : "Connect MS Teams";
           });
           effect(() => className(_el$2, style({
             key: "channelConnectButtonLabel",
@@ -9722,21 +9755,103 @@ var SlackConnectButton = (props) => {
     }
   });
 };
-var _tmpl$89 = /* @__PURE__ */ template(`<span>`);
+var useChannelEndpoint = (options) => {
+  const novuAccessor = useNovu();
+  const [loading, setLoading] = createSignal(true);
+  const [endpoint, { mutate, refetch }] = createResource(options, (_0) => __async(null, [_0], function* ({ endpointIdentifier }) {
+    var _a;
+    try {
+      if (!endpointIdentifier) {
+        return null;
+      }
+      const response = yield novuAccessor().channelEndpoints.get({
+        identifier: endpointIdentifier
+      });
+      return (_a = response.data) != null ? _a : null;
+    } catch (e) {
+      return null;
+    }
+  }));
+  const generateLinkUserOAuthUrl = (args) => __async(null, null, function* () {
+    return novuAccessor().channelEndpoints.generateLinkUserOAuthUrl(args);
+  });
+  const create = (args) => __async(null, null, function* () {
+    setLoading(true);
+    const response = yield novuAccessor().channelEndpoints.create(args);
+    if (response.data) {
+      mutate(response.data);
+    }
+    setLoading(false);
+    return response;
+  });
+  const remove = (identifier) => __async(null, null, function* () {
+    setLoading(true);
+    const response = yield novuAccessor().channelEndpoints.delete({ identifier });
+    if (!response.error) {
+      mutate(null);
+    }
+    setLoading(false);
+    return response;
+  });
+  onMount(() => {
+    const currentNovu = novuAccessor();
+    const cleanupCreatePending = currentNovu.on("channel-endpoint.create.pending", () => {
+      setLoading(true);
+    });
+    const cleanupCreateResolved = currentNovu.on("channel-endpoint.create.resolved", ({ data }) => {
+      mutate(data != null ? data : null);
+      setLoading(false);
+    });
+    const cleanupDeletePending = currentNovu.on("channel-endpoint.delete.pending", ({ args }) => {
+      if (!args || args.identifier !== options.endpointIdentifier) {
+        return;
+      }
+      setLoading(true);
+    });
+    const cleanupDeleteResolved = currentNovu.on("channel-endpoint.delete.resolved", ({ args }) => {
+      if (!args || args.identifier !== options.endpointIdentifier) {
+        return;
+      }
+      mutate(null);
+      setLoading(false);
+    });
+    onCleanup(() => {
+      cleanupCreatePending();
+      cleanupCreateResolved();
+      cleanupDeletePending();
+      cleanupDeleteResolved();
+    });
+  });
+  createEffect(() => {
+    setLoading(endpoint.loading);
+  });
+  return { endpoint, loading, mutate, refetch, generateLinkUserOAuthUrl, create, remove };
+};
+
+// src/ui/components/msteams-link-user/MsTeamsLinkUser.tsx
+var _tmpl$90 = /* @__PURE__ */ template(`<span>`);
 var _tmpl$229 = /* @__PURE__ */ template(`<div>`);
-var POLL_INTERVAL_MS2 = 2500;
+var POLL_INTERVAL_MS = 2500;
 var POLL_TIMEOUT_MS2 = 12e4;
-var SlackLinkUser = (props) => {
+var MsTeamsLinkUser = (props) => {
   const style = useStyle();
   const novuAccessor = useNovu();
-  const integrationIdentifier = () => {
+  const integrationIdentifier = () => props.integrationIdentifier;
+  const resolvedSubscriberId = () => {
     var _a;
-    return (_a = props.integrationIdentifier) != null ? _a : DEFAULT_INTEGRATION_IDENTIFIER;
+    return (_a = props.subscriberId) != null ? _a : novuAccessor().subscriberId;
   };
   const connectionIdentifier = () => {
     var _a;
-    return (_a = props.connectionIdentifier) != null ? _a : DEFAULT_CONNECTION_IDENTIFIER;
+    return (_a = props.connectionIdentifier) != null ? _a : buildDefaultConnectionIdentifier(DEFAULT_MSTEAMS_CONNECTION_IDENTIFIER, resolvedSubscriberId());
   };
+  const {
+    generateLinkUserOAuthUrl
+  } = useChannelEndpoint({
+    integrationIdentifier: integrationIdentifier(),
+    connectionIdentifier: connectionIdentifier(),
+    subscriberId: props.subscriberId
+  });
   const [endpoint, setEndpoint] = createSignal(null);
   const [loading, setLoading] = createSignal(true);
   const [actionLoading, setActionLoading] = createSignal(false);
@@ -9760,7 +9875,7 @@ var SlackLinkUser = (props) => {
         integrationIdentifier: intId,
         connectionIdentifier: connId
       });
-      const existing = (_b = (_a = response.data) == null ? void 0 : _a.find((ep) => ep.type === "slack_user")) != null ? _b : null;
+      const existing = (_b = (_a = response.data) == null ? void 0 : _a.find((ep) => ep.type === "ms_teams_user")) != null ? _b : null;
       setEndpoint(existing);
     } catch (e) {
       setEndpoint(null);
@@ -9791,7 +9906,7 @@ var SlackLinkUser = (props) => {
           integrationIdentifier: integrationIdentifier(),
           connectionIdentifier: connectionIdentifier()
         });
-        const found = (_b = (_a = response.data) == null ? void 0 : _a.find((ep) => ep.type === "slack_user")) != null ? _b : null;
+        const found = (_b = (_a = response.data) == null ? void 0 : _a.find((ep) => ep.type === "ms_teams_user")) != null ? _b : null;
         if (found) {
           clearInterval(pollingIntervalId);
           setActionLoading(false);
@@ -9806,12 +9921,12 @@ var SlackLinkUser = (props) => {
       if (Date.now() - startedAt >= POLL_TIMEOUT_MS2) {
         clearInterval(pollingIntervalId);
         setActionLoading(false);
-        (_d = props.onLinkError) == null ? void 0 : _d.call(props, new Error("Slack OAuth timed out. Please try again."));
+        (_d = props.onLinkError) == null ? void 0 : _d.call(props, new Error("MS Teams OAuth timed out. Please try again."));
       }
-    }), POLL_INTERVAL_MS2);
+    }), POLL_INTERVAL_MS);
   };
   const handleClick = () => __async(null, null, function* () {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     if (isLinked()) {
       const identifier = (_a = endpoint()) == null ? void 0 : _a.identifier;
       if (!identifier) return;
@@ -9827,23 +9942,29 @@ var SlackLinkUser = (props) => {
         (_c = props.onUnlinkSuccess) == null ? void 0 : _c.call(props);
       }
     } else {
+      const resolvedSubscriberId2 = (_d = props.subscriberId) != null ? _d : novuAccessor().subscriberId;
+      if (!resolvedSubscriberId2) {
+        (_e = props.onLinkError) == null ? void 0 : _e.call(props, new Error("subscriberId is required to link an MS Teams user"));
+        return;
+      }
       setActionLoading(true);
-      const result = yield novuAccessor().channelConnections.generateOAuthUrl({
+      const result = yield generateLinkUserOAuthUrl({
         integrationIdentifier: integrationIdentifier(),
         connectionIdentifier: connectionIdentifier(),
-        subscriberId: (_d = props.subscriberId) != null ? _d : novuAccessor().subscriberId,
-        context: props.context,
-        mode: "link_user",
-        userScope: ["identity.basic"]
+        subscriberId: resolvedSubscriberId2,
+        context: props.context
       });
       if (result.error) {
         setActionLoading(false);
-        (_e = props.onLinkError) == null ? void 0 : _e.call(props, result.error);
+        (_f = props.onLinkError) == null ? void 0 : _f.call(props, result.error);
         return;
       }
-      if ((_f = result.data) == null ? void 0 : _f.url) {
+      if ((_g = result.data) == null ? void 0 : _g.url) {
         window.open(result.data.url, "_blank", "noopener,noreferrer");
         startPolling();
+      } else {
+        setActionLoading(false);
+        (_h = props.onLinkError) == null ? void 0 : _h.call(props, new Error("OAuth URL was not returned. Please try again."));
       }
     }
   });
@@ -9852,7 +9973,7 @@ var SlackLinkUser = (props) => {
     insert(_el$, createComponent(Button, {
       get ["class"]() {
         return style({
-          key: "linkSlackUserButton",
+          key: "linkMsTeamsUserButton",
           className: "nt-transition-[width] nt-duration-800 nt-will-change-[width]",
           context: {
             linked: isLinked()
@@ -9865,7 +9986,7 @@ var SlackLinkUser = (props) => {
         return isLoading();
       },
       get children() {
-        var _el$2 = _tmpl$89();
+        var _el$2 = _tmpl$90();
         insert(_el$2, createComponent(Motion.span, {
           initial: {
             opacity: 1
@@ -9890,7 +10011,7 @@ var SlackLinkUser = (props) => {
                   iconKey: "channelConnect",
                   get ["class"]() {
                     return style({
-                      key: "linkSlackUserButtonIcon",
+                      key: "linkMsTeamsUserButtonIcon",
                       className: "nt-size-4 nt-shrink-0",
                       iconKey: "channelConnect",
                       context: {
@@ -9899,10 +10020,10 @@ var SlackLinkUser = (props) => {
                     });
                   },
                   get fallback() {
-                    return createComponent(SlackColored, {
+                    return createComponent(MsTeamsColored, {
                       get ["class"]() {
                         return style({
-                          key: "linkSlackUserButtonIcon",
+                          key: "linkMsTeamsUserButtonIcon",
                           className: "nt-size-4 nt-shrink-0",
                           iconKey: "channelConnect",
                           context: {
@@ -9919,7 +10040,7 @@ var SlackLinkUser = (props) => {
                   iconKey: "channelConnected",
                   get ["class"]() {
                     return style({
-                      key: "linkSlackUserButtonIcon",
+                      key: "linkMsTeamsUserButtonIcon",
                       className: "nt-inline-flex nt-items-center nt-justify-center nt-size-4 nt-shrink-0 nt-rounded-full nt-bg-white nt-shadow-[0_1px_2px_0_rgba(10,13,20,0.03)]",
                       iconKey: "channelConnected",
                       context: {
@@ -9929,12 +10050,12 @@ var SlackLinkUser = (props) => {
                   },
                   get fallback() {
                     return (() => {
-                      var _el$4 = _tmpl$89();
+                      var _el$4 = _tmpl$90();
                       insert(_el$4, createComponent(CheckCircleFill, {
                         "class": "nt-size-full"
                       }));
                       effect(() => className(_el$4, style({
-                        key: "linkSlackUserButtonIcon",
+                        key: "linkMsTeamsUserButtonIcon",
                         className: "nt-inline-flex nt-items-center nt-justify-center nt-size-4 nt-shrink-0 nt-rounded-full nt-bg-white nt-shadow-[0_1px_2px_0_rgba(10,13,20,0.03)]",
                         iconKey: "channelConnected",
                         context: {
@@ -9947,13 +10068,13 @@ var SlackLinkUser = (props) => {
                 });
               }
             }), (() => {
-              var _el$3 = _tmpl$89();
+              var _el$3 = _tmpl$90();
               insert(_el$3, () => {
                 var _a, _b;
-                return isLinked() ? (_a = props.unlinkLabel) != null ? _a : "Unlink" : (_b = props.linkLabel) != null ? _b : "Link User";
+                return isLinked() ? (_a = props.unlinkLabel) != null ? _a : "Unlink" : (_b = props.linkLabel) != null ? _b : "Link Teams User";
               });
               effect(() => className(_el$3, style({
-                key: "linkSlackUserButtonLabel",
+                key: "linkMsTeamsUserButtonLabel",
                 className: "[line-height:16px]",
                 context: {
                   linked: isLinked()
@@ -9984,7 +10105,7 @@ var SlackLinkUser = (props) => {
           }
         }), null);
         effect(() => className(_el$2, style({
-          key: "linkSlackUserButtonContainer",
+          key: "linkMsTeamsUserButtonContainer",
           className: "nt-relative nt-overflow-hidden nt-inline-flex nt-items-center nt-justify-center nt-gap-1",
           context: {
             linked: isLinked()
@@ -9994,7 +10115,7 @@ var SlackLinkUser = (props) => {
       }
     }));
     effect(() => className(_el$, style({
-      key: "linkSlackUserContainer",
+      key: "linkMsTeamsUserContainer",
       className: "nt-flex nt-items-center nt-gap-2",
       context: {
         linked: isLinked()
@@ -10003,69 +10124,697 @@ var SlackLinkUser = (props) => {
     return _el$;
   })();
 };
-var useSubscription = (options) => {
+var _tmpl$91 = /* @__PURE__ */ template(`<span>`);
+var _tmpl$230 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$319 = /* @__PURE__ */ template(`<code>context`);
+var _tmpl$415 = /* @__PURE__ */ template(`<code>SlackConnectButton`);
+var _tmpl$513 = /* @__PURE__ */ template(`<code>NovuProvider`);
+var _tmpl$612 = /* @__PURE__ */ template(`<code>connectionMode="shared"`);
+var POLL_INTERVAL_MS2 = 2500;
+var POLL_TIMEOUT_MS3 = 12e4;
+var SlackConnectButton = (props) => {
+  const style = useStyle();
   const novuAccessor = useNovu();
-  const identifier = () => {
+  const integrationIdentifier = () => props.integrationIdentifier;
+  const connectionMode = () => {
     var _a;
-    const subscriberId = novuAccessor().subscriberId;
-    const contextKey = novuAccessor().contextKey;
-    return (_a = options.identifier) != null ? _a : buildSubscriptionIdentifier({ topicKey: options.topicKey, subscriberId, contextKey });
+    return (_a = props.connectionMode) != null ? _a : "subscriber";
   };
-  const [loading, setLoading] = createSignal(true);
-  const [subscription, { mutate, refetch }] = createResource(
-    options || {},
-    (_0) => __async(null, [_0], function* ({ topicKey, identifier: identifier2, workflowIds, tags }) {
-      try {
-        const response = yield novuAccessor().subscriptions.get({
-          topicKey,
-          identifier: identifier2,
-          workflowIds,
-          tags
-        });
-        return response.data;
-      } catch (error) {
-        console.error("Error fetching subscription:", error);
-        throw error;
-      }
-    })
-  );
-  const create = (args) => __async(null, null, function* () {
-    setLoading(true);
-    const response = yield novuAccessor().subscriptions.create(args);
-    if (response.data) {
-      mutate(response.data);
+  const resolvedContext = () => {
+    var _a;
+    return (_a = props.context) != null ? _a : novuAccessor().context;
+  };
+  const resolvedSubscriberId = () => {
+    var _a;
+    return connectionMode() === "subscriber" ? (_a = props.subscriberId) != null ? _a : novuAccessor().subscriberId : void 0;
+  };
+  const connectionIdentifier = () => {
+    var _a;
+    return (_a = props.connectionIdentifier) != null ? _a : buildDefaultConnectionIdentifier(DEFAULT_SLACK_CONNECTION_IDENTIFIER, resolvedSubscriberId());
+  };
+  const {
+    connection,
+    loading,
+    disconnect,
+    mutate,
+    generateConnectOAuthUrl
+  } = useChannelConnection({
+    integrationIdentifier: integrationIdentifier(),
+    connectionIdentifier: connectionIdentifier(),
+    subscriberId: props.subscriberId
+  });
+  const [actionLoading, setActionLoading] = createSignal(false);
+  const isMisconfigured = createMemo(() => connectionMode() === "shared" && !resolvedContext());
+  createEffect(() => {
+    if (isMisconfigured()) {
+      console.warn('[Novu] SlackConnectButton: "context" is required when connectionMode is "shared". Provide it via the context prop on SlackConnectButton or on NovuProvider.');
     }
-    setLoading(false);
-    return response;
   });
-  const remove = (args) => __async(null, null, function* () {
-    setLoading(true);
-    const response = "subscription" in args ? yield novuAccessor().subscriptions.delete({ subscription: args.subscription }) : yield novuAccessor().subscriptions.delete({ topicKey: args.topicKey, subscriptionId: args.subscriptionId });
-    mutate(null);
-    setLoading(false);
-    return response;
+  const isConnected = () => !!connection();
+  const isLoading = () => loading() || actionLoading();
+  const intervalIdRef = {
+    current: null
+  };
+  onCleanup(() => {
+    if (intervalIdRef.current !== null) {
+      clearInterval(intervalIdRef.current);
+      intervalIdRef.current = null;
+    }
   });
-  onMount(() => {
-    const listener = ({ data }) => {
-      if (!data || data.topicKey !== options.topicKey || data.identifier !== identifier()) {
-        return;
-      }
-      mutate(data);
-      setLoading(false);
-    };
-    const currentNovu = novuAccessor();
-    const cleanupCreatePending = currentNovu.on("subscription.create.pending", ({ args }) => {
-      if (!args || args.topicKey !== options.topicKey || args.identifier !== identifier()) {
-        return;
-      }
-      setLoading(true);
-    });
-    const cleanupCreate = currentNovu.on("subscription.create.resolved", listener);
-    const cleanupUpdate = currentNovu.on("subscription.update.resolved", listener);
-    const cleanupDeletePending = currentNovu.on("subscription.delete.pending", ({ args }) => {
-      var _a, _b;
-      const subscriptionId = (_a = subscription()) == null ? void 0 : _a.id;
-      const subscriptionIdentifier = (_b = subscription()) == null ? void 0 : _b.identifier;
+  const startPolling = () => {
+    const connId = connectionIdentifier();
+    if (intervalIdRef.current !== null) {
+      clearInterval(intervalIdRef.current);
+      intervalIdRef.current = null;
+    }
+    const startedAt = Date.now();
+    intervalIdRef.current = setInterval(() => __async(null, null, function* () {
+      var _a, _b;
+      try {
+        const response = yield novuAccessor().channelConnections.get({
+          identifier: connId
+        });
+        if (response.data) {
+          if (intervalIdRef.current !== null) {
+            clearInterval(intervalIdRef.current);
+            intervalIdRef.current = null;
+          }
+          setActionLoading(false);
+          mutate(response.data);
+          (_a = props.onConnectSuccess) == null ? void 0 : _a.call(props, connId);
+          return;
+        }
+      } catch (e) {
+      }
+      if (Date.now() - startedAt >= POLL_TIMEOUT_MS3) {
+        if (intervalIdRef.current !== null) {
+          clearInterval(intervalIdRef.current);
+          intervalIdRef.current = null;
+        }
+        setActionLoading(false);
+        (_b = props.onConnectError) == null ? void 0 : _b.call(props, new Error("Slack OAuth timed out. Please try again."));
+      }
+    }), POLL_INTERVAL_MS2);
+  };
+  const handleClick = () => __async(null, null, function* () {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    if (isConnected()) {
+      const identifier = (_a = connection()) == null ? void 0 : _a.identifier;
+      if (!identifier) return;
+      const result = yield disconnect(identifier);
+      if (result.error) {
+        (_b = props.onDisconnectError) == null ? void 0 : _b.call(props, result.error);
+      } else {
+        (_c = props.onDisconnectSuccess) == null ? void 0 : _c.call(props);
+      }
+    } else {
+      setActionLoading(true);
+      const mode = connectionMode();
+      const ctx = resolvedContext();
+      const resolvedSubscriberId2 = mode === "subscriber" ? (_d = props.subscriberId) != null ? _d : novuAccessor().subscriberId : void 0;
+      const result = yield generateConnectOAuthUrl({
+        integrationIdentifier: integrationIdentifier(),
+        connectionIdentifier: connectionIdentifier(),
+        subscriberId: resolvedSubscriberId2,
+        context: ctx,
+        scope: props.scope,
+        connectionMode: mode,
+        autoLinkUser: mode === "subscriber" ? (_e = props.autoLinkUser) != null ? _e : true : false
+      });
+      if (result.error) {
+        setActionLoading(false);
+        (_f = props.onConnectError) == null ? void 0 : _f.call(props, result.error);
+        return;
+      }
+      if ((_g = result.data) == null ? void 0 : _g.url) {
+        window.open(result.data.url, "_blank", "noopener,noreferrer");
+        startPolling();
+      } else {
+        setActionLoading(false);
+        (_h = props.onConnectError) == null ? void 0 : _h.call(props, new Error("OAuth URL was not returned. Please try again."));
+      }
+    }
+  });
+  const buttonContent = () => (() => {
+    var _el$ = _tmpl$91();
+    insert(_el$, createComponent(Motion.span, {
+      initial: {
+        opacity: 1
+      },
+      get animate() {
+        return {
+          opacity: actionLoading() ? 0 : 1
+        };
+      },
+      transition: {
+        easing: "ease-in-out",
+        duration: 0.2
+      },
+      "class": "nt-inline-flex nt-items-center nt-gap-1",
+      get children() {
+        return [memo(() => memo(() => !!isConnected())() ? createComponent(IconRendererWrapper, {
+          iconKey: "channelConnected",
+          get ["class"]() {
+            return style({
+              key: "channelConnectButtonIcon",
+              className: "nt-inline-flex nt-items-center nt-justify-center nt-size-4 nt-shrink-0 nt-rounded-full nt-bg-white nt-shadow-[0_1px_2px_0_rgba(10,13,20,0.03)]",
+              iconKey: "channelConnected",
+              context: {
+                connected: true
+              }
+            });
+          },
+          get fallback() {
+            return (() => {
+              var _el$3 = _tmpl$91();
+              insert(_el$3, createComponent(CheckCircleFill, {
+                "class": "nt-size-full"
+              }));
+              effect(() => className(_el$3, style({
+                key: "channelConnectButtonIcon",
+                className: "nt-inline-flex nt-items-center nt-justify-center nt-size-4 nt-shrink-0 nt-rounded-full nt-bg-white nt-shadow-[0_1px_2px_0_rgba(10,13,20,0.03)]",
+                iconKey: "channelConnected",
+                context: {
+                  connected: true
+                }
+              })));
+              return _el$3;
+            })();
+          }
+        }) : createComponent(IconRendererWrapper, {
+          iconKey: "channelConnect",
+          get ["class"]() {
+            return style({
+              key: "channelConnectButtonIcon",
+              className: "nt-size-4 nt-shrink-0",
+              iconKey: "channelConnect",
+              context: {
+                connected: false
+              }
+            });
+          },
+          get fallback() {
+            return createComponent(SlackColored, {
+              get ["class"]() {
+                return style({
+                  key: "channelConnectButtonIcon",
+                  className: "nt-size-4 nt-shrink-0",
+                  iconKey: "channelConnect",
+                  context: {
+                    connected: false
+                  }
+                });
+              }
+            });
+          }
+        })), (() => {
+          var _el$2 = _tmpl$91();
+          insert(_el$2, () => {
+            var _a, _b;
+            return isConnected() ? (_a = props.connectedLabel) != null ? _a : "Connected" : (_b = props.connectLabel) != null ? _b : "Connect Slack";
+          });
+          effect(() => className(_el$2, style({
+            key: "channelConnectButtonLabel",
+            className: "[line-height:16px]",
+            context: {
+              connected: isConnected()
+            }
+          })));
+          return _el$2;
+        })()];
+      }
+    }), null);
+    insert(_el$, createComponent(Motion.span, {
+      initial: {
+        opacity: 0
+      },
+      get animate() {
+        return {
+          opacity: actionLoading() ? 1 : 0
+        };
+      },
+      transition: {
+        easing: "ease-in-out",
+        duration: 0.2
+      },
+      "class": "nt-absolute nt-left-0 nt-inline-flex nt-items-center",
+      get children() {
+        return createComponent(Loader, {
+          "class": "nt-text-foreground-alpha-600 nt-size-3.5 nt-animate-spin"
+        });
+      }
+    }), null);
+    effect(() => className(_el$, style({
+      key: "channelConnectButtonInner",
+      className: "nt-relative nt-overflow-hidden nt-inline-flex nt-items-center nt-justify-center nt-gap-1",
+      context: {
+        connected: isConnected()
+      }
+    })));
+    return _el$;
+  })();
+  return createComponent(Show, {
+    get when() {
+      return !loading();
+    },
+    get fallback() {
+      return createComponent(Loader, {
+        "class": "nt-text-foreground-alpha-600 nt-size-4 nt-animate-spin"
+      });
+    },
+    get children() {
+      var _el$4 = _tmpl$230();
+      insert(_el$4, createComponent(Show, {
+        get when() {
+          return !isMisconfigured();
+        },
+        get fallback() {
+          return createComponent(Tooltip.Root, {
+            get children() {
+              return [createComponent(Tooltip.Trigger, {
+                asChild: (triggerProps) => createComponent(Button, mergeProps({
+                  get ["class"]() {
+                    return style({
+                      key: "channelConnectButton",
+                      className: "nt-transition-[width] nt-duration-800 nt-will-change-[width] !nt-pointer-events-auto",
+                      context: {
+                        connected: false
+                      }
+                    });
+                  },
+                  variant: "secondary",
+                  disabled: true
+                }, triggerProps, {
+                  get children() {
+                    return buttonContent();
+                  }
+                }))
+              }), createComponent(Tooltip.Content, {
+                get ["class"]() {
+                  return style({
+                    key: "channelConnectButtonMisconfiguredTooltip",
+                    className: "nt-bg-foreground nt-p-2 nt-shadow-tooltip nt-rounded-lg nt-text-background nt-text-xs nt-max-w-[220px]"
+                  });
+                },
+                get children() {
+                  return ["Missing context \u2014 provide a ", _tmpl$319(), " prop on ", _tmpl$415(), " or", " ", _tmpl$513(), " when using ", _tmpl$612()];
+                }
+              })];
+            }
+          });
+        },
+        get children() {
+          return createComponent(Button, {
+            get ["class"]() {
+              return style({
+                key: "channelConnectButton",
+                className: "nt-transition-[width] nt-duration-800 nt-will-change-[width]",
+                context: {
+                  connected: isConnected()
+                }
+              });
+            },
+            variant: "secondary",
+            onClick: handleClick,
+            get disabled() {
+              return isLoading();
+            },
+            get children() {
+              return buttonContent();
+            }
+          });
+        }
+      }));
+      effect(() => className(_el$4, style({
+        key: "channelConnectButtonContainer",
+        className: "nt-flex nt-items-center nt-gap-2",
+        context: {
+          connected: isConnected()
+        }
+      })));
+      return _el$4;
+    }
+  });
+};
+var _tmpl$92 = /* @__PURE__ */ template(`<span>`);
+var _tmpl$231 = /* @__PURE__ */ template(`<div>`);
+var POLL_INTERVAL_MS3 = 2500;
+var POLL_TIMEOUT_MS4 = 12e4;
+var SlackLinkUser = (props) => {
+  const style = useStyle();
+  const novuAccessor = useNovu();
+  const integrationIdentifier = () => props.integrationIdentifier;
+  const resolvedSubscriberId = () => {
+    var _a;
+    return (_a = props.subscriberId) != null ? _a : novuAccessor().subscriberId;
+  };
+  const connectionIdentifier = () => {
+    var _a;
+    return (_a = props.connectionIdentifier) != null ? _a : buildDefaultConnectionIdentifier(DEFAULT_SLACK_CONNECTION_IDENTIFIER, resolvedSubscriberId());
+  };
+  const {
+    generateLinkUserOAuthUrl
+  } = useChannelEndpoint({
+    integrationIdentifier: integrationIdentifier(),
+    connectionIdentifier: connectionIdentifier(),
+    subscriberId: props.subscriberId
+  });
+  const [endpoint, setEndpoint] = createSignal(null);
+  const [loading, setLoading] = createSignal(true);
+  const [actionLoading, setActionLoading] = createSignal(false);
+  let pollingIntervalId;
+  onCleanup(() => {
+    clearInterval(pollingIntervalId);
+  });
+  const isLinked = () => !!endpoint();
+  const isLoading = () => loading() || actionLoading();
+  createResource(() => ({
+    integrationIdentifier: integrationIdentifier(),
+    connectionIdentifier: connectionIdentifier()
+  }), (_0) => __async(null, [_0], function* ({
+    integrationIdentifier: intId,
+    connectionIdentifier: connId
+  }) {
+    var _a, _b;
+    setLoading(true);
+    try {
+      const response = yield novuAccessor().channelEndpoints.list({
+        integrationIdentifier: intId,
+        connectionIdentifier: connId
+      });
+      const existing = (_b = (_a = response.data) == null ? void 0 : _a.find((ep) => ep.type === "slack_user")) != null ? _b : null;
+      setEndpoint(existing);
+    } catch (e) {
+      setEndpoint(null);
+    } finally {
+      setLoading(false);
+    }
+  }));
+  onMount(() => {
+    const currentNovu = novuAccessor();
+    const cleanupDelete = currentNovu.on("channel-endpoint.delete.resolved", ({
+      args
+    }) => {
+      var _a;
+      if ((args == null ? void 0 : args.identifier) && args.identifier === ((_a = endpoint()) == null ? void 0 : _a.identifier)) {
+        setEndpoint(null);
+      }
+    });
+    onCleanup(() => {
+      cleanupDelete();
+    });
+  });
+  const startPolling = () => {
+    const startedAt = Date.now();
+    pollingIntervalId = setInterval(() => __async(null, null, function* () {
+      var _a, _b, _c, _d;
+      try {
+        const response = yield novuAccessor().channelEndpoints.list({
+          integrationIdentifier: integrationIdentifier(),
+          connectionIdentifier: connectionIdentifier()
+        });
+        const found = (_b = (_a = response.data) == null ? void 0 : _a.find((ep) => ep.type === "slack_user")) != null ? _b : null;
+        if (found) {
+          clearInterval(pollingIntervalId);
+          setActionLoading(false);
+          setEndpoint(found);
+          (_c = props.onLinkSuccess) == null ? void 0 : _c.call(props, {
+            identifier: found.identifier
+          });
+          return;
+        }
+      } catch (e) {
+      }
+      if (Date.now() - startedAt >= POLL_TIMEOUT_MS4) {
+        clearInterval(pollingIntervalId);
+        setActionLoading(false);
+        (_d = props.onLinkError) == null ? void 0 : _d.call(props, new Error("Slack OAuth timed out. Please try again."));
+      }
+    }), POLL_INTERVAL_MS3);
+  };
+  const handleClick = () => __async(null, null, function* () {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    if (isLinked()) {
+      const identifier = (_a = endpoint()) == null ? void 0 : _a.identifier;
+      if (!identifier) return;
+      setActionLoading(true);
+      const result = yield novuAccessor().channelEndpoints.delete({
+        identifier
+      });
+      setActionLoading(false);
+      if (result.error) {
+        (_b = props.onUnlinkError) == null ? void 0 : _b.call(props, result.error);
+      } else {
+        setEndpoint(null);
+        (_c = props.onUnlinkSuccess) == null ? void 0 : _c.call(props);
+      }
+    } else {
+      const resolvedSubscriberId2 = (_d = props.subscriberId) != null ? _d : novuAccessor().subscriberId;
+      if (!resolvedSubscriberId2) {
+        (_e = props.onLinkError) == null ? void 0 : _e.call(props, new Error("subscriberId is required to link a Slack user"));
+        return;
+      }
+      setActionLoading(true);
+      const result = yield generateLinkUserOAuthUrl({
+        integrationIdentifier: integrationIdentifier(),
+        connectionIdentifier: connectionIdentifier(),
+        subscriberId: resolvedSubscriberId2,
+        context: props.context,
+        userScope: ["identity.basic"]
+      });
+      if (result.error) {
+        setActionLoading(false);
+        (_f = props.onLinkError) == null ? void 0 : _f.call(props, result.error);
+        return;
+      }
+      if ((_g = result.data) == null ? void 0 : _g.url) {
+        window.open(result.data.url, "_blank", "noopener,noreferrer");
+        startPolling();
+      } else {
+        setActionLoading(false);
+        (_h = props.onLinkError) == null ? void 0 : _h.call(props, new Error("OAuth URL was not returned. Please try again."));
+      }
+    }
+  });
+  return (() => {
+    var _el$ = _tmpl$231();
+    insert(_el$, createComponent(Button, {
+      get ["class"]() {
+        return style({
+          key: "linkSlackUserButton",
+          className: "nt-transition-[width] nt-duration-800 nt-will-change-[width]",
+          context: {
+            linked: isLinked()
+          }
+        });
+      },
+      variant: "secondary",
+      onClick: handleClick,
+      get disabled() {
+        return isLoading();
+      },
+      get children() {
+        var _el$2 = _tmpl$92();
+        insert(_el$2, createComponent(Motion.span, {
+          initial: {
+            opacity: 1
+          },
+          get animate() {
+            return {
+              opacity: isLoading() ? 0 : 1
+            };
+          },
+          transition: {
+            easing: "ease-in-out",
+            duration: 0.2
+          },
+          "class": "nt-inline-flex nt-items-center nt-gap-1",
+          get children() {
+            return [createComponent(Show, {
+              get when() {
+                return isLinked();
+              },
+              get fallback() {
+                return createComponent(IconRendererWrapper, {
+                  iconKey: "channelConnect",
+                  get ["class"]() {
+                    return style({
+                      key: "linkSlackUserButtonIcon",
+                      className: "nt-size-4 nt-shrink-0",
+                      iconKey: "channelConnect",
+                      context: {
+                        linked: false
+                      }
+                    });
+                  },
+                  get fallback() {
+                    return createComponent(SlackColored, {
+                      get ["class"]() {
+                        return style({
+                          key: "linkSlackUserButtonIcon",
+                          className: "nt-size-4 nt-shrink-0",
+                          iconKey: "channelConnect",
+                          context: {
+                            linked: false
+                          }
+                        });
+                      }
+                    });
+                  }
+                });
+              },
+              get children() {
+                return createComponent(IconRendererWrapper, {
+                  iconKey: "channelConnected",
+                  get ["class"]() {
+                    return style({
+                      key: "linkSlackUserButtonIcon",
+                      className: "nt-inline-flex nt-items-center nt-justify-center nt-size-4 nt-shrink-0 nt-rounded-full nt-bg-white nt-shadow-[0_1px_2px_0_rgba(10,13,20,0.03)]",
+                      iconKey: "channelConnected",
+                      context: {
+                        linked: true
+                      }
+                    });
+                  },
+                  get fallback() {
+                    return (() => {
+                      var _el$4 = _tmpl$92();
+                      insert(_el$4, createComponent(CheckCircleFill, {
+                        "class": "nt-size-full"
+                      }));
+                      effect(() => className(_el$4, style({
+                        key: "linkSlackUserButtonIcon",
+                        className: "nt-inline-flex nt-items-center nt-justify-center nt-size-4 nt-shrink-0 nt-rounded-full nt-bg-white nt-shadow-[0_1px_2px_0_rgba(10,13,20,0.03)]",
+                        iconKey: "channelConnected",
+                        context: {
+                          linked: true
+                        }
+                      })));
+                      return _el$4;
+                    })();
+                  }
+                });
+              }
+            }), (() => {
+              var _el$3 = _tmpl$92();
+              insert(_el$3, () => {
+                var _a, _b;
+                return isLinked() ? (_a = props.unlinkLabel) != null ? _a : "Unlink" : (_b = props.linkLabel) != null ? _b : "Link User";
+              });
+              effect(() => className(_el$3, style({
+                key: "linkSlackUserButtonLabel",
+                className: "[line-height:16px]",
+                context: {
+                  linked: isLinked()
+                }
+              })));
+              return _el$3;
+            })()];
+          }
+        }), null);
+        insert(_el$2, createComponent(Motion.span, {
+          initial: {
+            opacity: 1
+          },
+          get animate() {
+            return {
+              opacity: isLoading() ? 1 : 0
+            };
+          },
+          transition: {
+            easing: "ease-in-out",
+            duration: 0.2
+          },
+          "class": "nt-absolute nt-left-0 nt-inline-flex nt-items-center",
+          get children() {
+            return createComponent(Loader, {
+              "class": "nt-text-foreground-alpha-600 nt-size-3.5 nt-animate-spin"
+            });
+          }
+        }), null);
+        effect(() => className(_el$2, style({
+          key: "linkSlackUserButtonContainer",
+          className: "nt-relative nt-overflow-hidden nt-inline-flex nt-items-center nt-justify-center nt-gap-1",
+          context: {
+            linked: isLinked()
+          }
+        })));
+        return _el$2;
+      }
+    }));
+    effect(() => className(_el$, style({
+      key: "linkSlackUserContainer",
+      className: "nt-flex nt-items-center nt-gap-2",
+      context: {
+        linked: isLinked()
+      }
+    })));
+    return _el$;
+  })();
+};
+var useSubscription = (options) => {
+  const novuAccessor = useNovu();
+  const identifier = () => {
+    var _a;
+    const subscriberId = novuAccessor().subscriberId;
+    const contextKey = novuAccessor().contextKey;
+    return (_a = options.identifier) != null ? _a : buildSubscriptionIdentifier({ topicKey: options.topicKey, subscriberId, contextKey });
+  };
+  const [loading, setLoading] = createSignal(true);
+  const [subscription, { mutate, refetch }] = createResource(
+    options || {},
+    (_0) => __async(null, [_0], function* ({ topicKey, identifier: identifier2, workflowIds, tags }) {
+      try {
+        const response = yield novuAccessor().subscriptions.get({
+          topicKey,
+          identifier: identifier2,
+          workflowIds,
+          tags
+        });
+        return response.data;
+      } catch (error) {
+        console.error("Error fetching subscription:", error);
+        throw error;
+      }
+    })
+  );
+  const create = (args) => __async(null, null, function* () {
+    setLoading(true);
+    const response = yield novuAccessor().subscriptions.create(args);
+    if (response.data) {
+      mutate(response.data);
+    }
+    setLoading(false);
+    return response;
+  });
+  const remove = (args) => __async(null, null, function* () {
+    setLoading(true);
+    const response = "subscription" in args ? yield novuAccessor().subscriptions.delete({ subscription: args.subscription }) : yield novuAccessor().subscriptions.delete({ topicKey: args.topicKey, subscriptionId: args.subscriptionId });
+    mutate(null);
+    setLoading(false);
+    return response;
+  });
+  onMount(() => {
+    const listener = ({ data }) => {
+      if (!data || data.topicKey !== options.topicKey || data.identifier !== identifier()) {
+        return;
+      }
+      mutate(data);
+      setLoading(false);
+    };
+    const currentNovu = novuAccessor();
+    const cleanupCreatePending = currentNovu.on("subscription.create.pending", ({ args }) => {
+      if (!args || args.topicKey !== options.topicKey || args.identifier !== identifier()) {
+        return;
+      }
+      setLoading(true);
+    });
+    const cleanupCreate = currentNovu.on("subscription.create.resolved", listener);
+    const cleanupUpdate = currentNovu.on("subscription.update.resolved", listener);
+    const cleanupDeletePending = currentNovu.on("subscription.delete.pending", ({ args }) => {
+      var _a, _b;
+      const subscriptionId = (_a = subscription()) == null ? void 0 : _a.id;
+      const subscriptionIdentifier = (_b = subscription()) == null ? void 0 : _b.identifier;
       if (!args || "subscriptionId" in args && args.subscriptionId !== subscriptionId && args.subscriptionId !== subscriptionIdentifier || "subscription" in args && args.subscription.id !== subscriptionId && args.subscription.identifier !== subscriptionIdentifier) {
         return;
       }
@@ -10094,25 +10843,25 @@ var useSubscription = (options) => {
   });
   return { subscription, loading, mutate, refetch, create, remove };
 };
-var _tmpl$90 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 16 16"><path fill=currentColor d="M9.237 12.088c0 .362-.128.71-.357.965-.23.255-.541.398-.866.398s-.637-.143-.866-.398a1.45 1.45 0 0 1-.357-.965zM11.23 4.373a.39.39 0 0 1 .53.57l-7.402 6.903a.39.39 0 0 1-.531-.57zM11.058 6.652q.015.162.015.327v.4A4.37 4.37 0 0 0 12 10.097l.142.177c.16.2.2.487.1.732a.61.61 0 0 1-.557.402H5.96zM8.014 2.55c.338 0 .612.305.612.682v.41c.53.119 1.011.392 1.404.775L4.215 9.84c.478-.707.74-1.57.74-2.46v-.4c0-1.648 1.052-3.023 2.448-3.338v-.409c0-.377.273-.681.61-.681">`);
+var _tmpl$93 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 16 16"><path fill=currentColor d="M9.237 12.088c0 .362-.128.71-.357.965-.23.255-.541.398-.866.398s-.637-.143-.866-.398a1.45 1.45 0 0 1-.357-.965zM11.23 4.373a.39.39 0 0 1 .53.57l-7.402 6.903a.39.39 0 0 1-.531-.57zM11.058 6.652q.015.162.015.327v.4A4.37 4.37 0 0 0 12 10.097l.142.177c.16.2.2.487.1.732a.61.61 0 0 1-.557.402H5.96zM8.014 2.55c.338 0 .612.305.612.682v.41c.53.119 1.011.392 1.404.775L4.215 9.84c.478-.707.74-1.57.74-2.46v-.4c0-1.648 1.052-3.023 2.448-3.338v-.409c0-.377.273-.681.61-.681">`);
 function BellCross(props) {
   return (() => {
-    var _el$ = _tmpl$90();
+    var _el$ = _tmpl$93();
     spread(_el$, props, true, true);
     return _el$;
   })();
 }
-var _tmpl$91 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 16 16"><path stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.1 d="M7.206 12.5c.08.152.196.278.336.366a.86.86 0 0 0 .916 0 .96.96 0 0 0 .336-.366m.58-6.5h2.75M10.75 4.5v3m.918 1.732q.156.227.338.431.091.11.113.257a.54.54 0 0 1-.033.282.5.5 0 0 1-.17.217.43.43 0 0 1-.25.08H4.334a.43.43 0 0 1-.25-.08.5.5 0 0 1-.17-.217.54.54 0 0 1 .081-.539C4.604 8.978 5.25 8.25 5.25 6c0-.515.121-1.02.352-1.47.231-.448.564-.824.967-1.092a2.6 2.6 0 0 1 1.333-.436c.471-.018.94.096 1.358.332">`);
+var _tmpl$94 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 16 16"><path stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.1 d="M7.206 12.5c.08.152.196.278.336.366a.86.86 0 0 0 .916 0 .96.96 0 0 0 .336-.366m.58-6.5h2.75M10.75 4.5v3m.918 1.732q.156.227.338.431.091.11.113.257a.54.54 0 0 1-.033.282.5.5 0 0 1-.17.217.43.43 0 0 1-.25.08H4.334a.43.43 0 0 1-.25-.08.5.5 0 0 1-.17-.217.54.54 0 0 1 .081-.539C4.604 8.978 5.25 8.25 5.25 6c0-.515.121-1.02.352-1.47.231-.448.564-.824.967-1.092a2.6 2.6 0 0 1 1.333-.436c.471-.018.94.096 1.358.332">`);
 function BellPlus(props) {
   return (() => {
-    var _el$ = _tmpl$91();
+    var _el$ = _tmpl$94();
     spread(_el$, props, true, true);
     return _el$;
   })();
 }
 
 // src/ui/components/subscription/SubscriptionButton.tsx
-var _tmpl$92 = /* @__PURE__ */ template(`<span><span>`);
+var _tmpl$95 = /* @__PURE__ */ template(`<span><span>`);
 var iconKeyToComponentMap3 = {
   bellCross: BellCross,
   bellPlus: BellPlus
@@ -10146,7 +10895,7 @@ var SubscriptionButton = (props) => {
       return props.loading;
     },
     get children() {
-      var _el$ = _tmpl$92(), _el$2 = _el$.firstChild;
+      var _el$ = _tmpl$95(), _el$2 = _el$.firstChild;
       insert(_el$, createComponent(Motion.span, {
         initial: {
           opacity: 1
@@ -10267,9 +11016,9 @@ var SubscriptionButton = (props) => {
     }
   });
 };
-var _tmpl$93 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$230 = /* @__PURE__ */ template(`<div><div><div><span></span></div><div><span>`);
-var _tmpl$319 = /* @__PURE__ */ template(`<div><label>`);
+var _tmpl$96 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$232 = /* @__PURE__ */ template(`<div><div><div><span></span></div><div><span>`);
+var _tmpl$320 = /* @__PURE__ */ template(`<div><label>`);
 var SubscriptionPreferenceGroupRow = (props) => {
   const style = useStyle();
   const {
@@ -10314,7 +11063,7 @@ var SubscriptionPreferenceGroupRow = (props) => {
     return preference.enabled;
   };
   return (() => {
-    var _el$ = _tmpl$230(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$3.nextSibling, _el$6 = _el$5.firstChild;
+    var _el$ = _tmpl$232(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$3.nextSibling, _el$6 = _el$5.firstChild;
     _el$2.$$click = () => {
       setIsOpened((prev) => !prev);
     };
@@ -10380,13 +11129,13 @@ var SubscriptionPreferenceGroupRow = (props) => {
         return isOpened();
       },
       get children() {
-        var _el$7 = _tmpl$93();
+        var _el$7 = _tmpl$96();
         insert(_el$7, createComponent(For, {
           get each() {
             return preferences();
           },
           children: (el) => (() => {
-            var _el$8 = _tmpl$319(), _el$9 = _el$8.firstChild;
+            var _el$8 = _tmpl$320(), _el$9 = _el$8.firstChild;
             insert(_el$9, () => {
               var _a;
               return (_a = el.label) != null ? _a : t(el.preference.workflow.identifier);
@@ -10508,7 +11257,7 @@ var SubscriptionPreferenceGroupRow = (props) => {
   })();
 };
 delegateEvents(["click"]);
-var _tmpl$94 = /* @__PURE__ */ template(`<div><label>`);
+var _tmpl$97 = /* @__PURE__ */ template(`<div><label>`);
 var SubscriptionPreferenceRow = (props) => {
   const style = useStyle();
   const {
@@ -10524,7 +11273,7 @@ var SubscriptionPreferenceRow = (props) => {
     return preference().enabled;
   };
   return (() => {
-    var _el$ = _tmpl$94(), _el$2 = _el$.firstChild;
+    var _el$ = _tmpl$97(), _el$2 = _el$.firstChild;
     insert(_el$2, () => {
       var _a;
       return (_a = props.preference.label) != null ? _a : t(preference().workflow.identifier);
@@ -10569,19 +11318,19 @@ var SubscriptionPreferenceRow = (props) => {
     return _el$;
   })();
 };
-var _tmpl$95 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=138 height=100 fill=none viewBox="0 0 138 100"><rect width=131.1 height=33.1 x=3.025 y=.45 stroke=#e1e4ea stroke-dasharray="10 2.7"stroke-width=.9 rx=3.55></rect><rect width=123.1 height=25.1 x=7.025 y=4.45 fill=#fff rx=1.55></rect><rect width=123.1 height=25.1 x=7.025 y=4.45 stroke=#f2f2f2 stroke-width=.9 rx=1.55></rect><g clip-path=url(#a)><path stroke=#cacfd8 stroke-linecap=round stroke-linejoin=round stroke-width=1.08 d="m66.7 17 1.25 1.25 2.5-2.5M72.74 17a4.167 4.167 0 1 1-8.333 0 4.167 4.167 0 0 1 8.334 0"></path></g><g filter=url(#b)><g clip-path=url(#c)><rect width=132 height=29 x=1.724 y=67.207 fill=#fcfcfc rx=4 transform="rotate(-4 1.724 67.207)"></rect><path fill=#f4f4f4 d="M10.402 76.625a4 4 0 0 1 3.711-4.27l9.976-.697a4 4 0 0 1 4.27 3.711l.627 8.978a4 4 0 0 1-3.711 4.27l-9.976.697a4 4 0 0 1-4.27-3.71z"></path><path fill=#e4e4e4 d="M19.345 75.498c-.316.022-.55.319-.527.664l.027.374c-1.28.38-2.172 1.706-2.067 3.214l.026.367a3.97 3.97 0 0 1-.69 2.546l-.12.171a.67.67 0 0 0-.049.677.57.57 0 0 0 .546.332l6.84-.479a.57.57 0 0 0 .495-.404.67.67 0 0 0-.141-.664l-.143-.152a3.96 3.96 0 0 1-1.038-2.426l-.026-.366c-.105-1.508-1.173-2.699-2.493-2.896l-.026-.374c-.025-.345-.299-.606-.614-.584m1.479 9.555c.197-.248.294-.575.271-.906l-1.14.08-1.14.08c.023.331.165.64.395.86.23.218.53.328.832.307.303-.021.584-.172.782-.42"></path><rect width=27 height=3 x=36.373 y=75.311 fill=url(#d) rx=1.5 transform="rotate(-4 36.373 75.31)"></rect><rect width=59 height=3 x=36.722 y=80.299 fill=url(#e) rx=1.5 transform="rotate(-4 36.722 80.299)"></rect><rect width=59 height=3 x=36.722 y=80.299 fill=url(#f) rx=1.5 transform="rotate(-4 36.722 80.299)"></rect></g><rect width=132 height=29 x=1.724 y=67.207 stroke=#e6e6e6 stroke-opacity=.5 stroke-width=.6 rx=4 transform="rotate(-4 1.724 67.207)"></rect></g><path stroke=#e1e4ea stroke-linejoin=bevel d="M68.596 37v23.614"></path><defs><linearGradient id=d x1=29.846 x2=67.676 y1=76.586 y2=76.586 gradientUnits=userSpaceOnUse><stop stop-color=#e4e4e4></stop><stop offset=.48 stop-color=#f1f1f1></stop><stop offset=.992 stop-color=#fcfcfc stop-opacity=.75></stop></linearGradient><linearGradient id=e x1=22.458 x2=105.123 y1=81.574 y2=81.574 gradientUnits=userSpaceOnUse><stop stop-color=#e4e4e4></stop><stop offset=.48 stop-color=#f1f1f1></stop><stop offset=.992 stop-color=#fcfcfc stop-opacity=.75></stop></linearGradient><linearGradient id=f x1=22.458 x2=105.123 y1=81.574 y2=81.574 gradientUnits=userSpaceOnUse><stop stop-color=#e4e4e4></stop><stop offset=.48 stop-color=#f1f1f1></stop><stop offset=.992 stop-color=#fcfcfc stop-opacity=.75></stop></linearGradient><clipPath id=a><path fill=#fff d="M63.575 12h10v10h-10z"></path></clipPath><clipPath id=c><rect width=132 height=29 x=1.724 y=67.207 fill=#fff rx=4 transform="rotate(-4 1.724 67.207)"></rect></clipPath><filter id=b width=137.15 height=41.586 x=0 y=57.969 color-interpolation-filters=sRGB filterUnits=userSpaceOnUse><feFlood flood-opacity=0 result=BackgroundImageFix></feFlood><feColorMatrix in=SourceAlpha result=hardAlpha values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dy=1.693></feOffset><feGaussianBlur stdDeviation=.847></feGaussianBlur><feColorMatrix values="0 0 0 0 0.917008 0 0 0 0 0.917008 0 0 0 0 0.917008 0 0 0 0.02 0"></feColorMatrix><feBlend in2=BackgroundImageFix result=effect1_dropShadow_4908_18899></feBlend><feBlend in=SourceGraphic in2=effect1_dropShadow_4908_18899 result=shape></feBlend><feColorMatrix in=SourceAlpha result=hardAlpha values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dy=-2></feOffset><feComposite in2=hardAlpha k2=-1 k3=1 operator=arithmetic></feComposite><feColorMatrix values="0 0 0 0 0.975488 0 0 0 0 0.975488 0 0 0 0 0.975488 0 0 0 1 0"></feColorMatrix><feBlend in2=shape result=effect2_innerShadow_4908_18899>`);
+var _tmpl$98 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=138 height=100 fill=none viewBox="0 0 138 100"><rect width=131.1 height=33.1 x=3.025 y=.45 stroke=#e1e4ea stroke-dasharray="10 2.7"stroke-width=.9 rx=3.55></rect><rect width=123.1 height=25.1 x=7.025 y=4.45 fill=#fff rx=1.55></rect><rect width=123.1 height=25.1 x=7.025 y=4.45 stroke=#f2f2f2 stroke-width=.9 rx=1.55></rect><g clip-path=url(#a)><path stroke=#cacfd8 stroke-linecap=round stroke-linejoin=round stroke-width=1.08 d="m66.7 17 1.25 1.25 2.5-2.5M72.74 17a4.167 4.167 0 1 1-8.333 0 4.167 4.167 0 0 1 8.334 0"></path></g><g filter=url(#b)><g clip-path=url(#c)><rect width=132 height=29 x=1.724 y=67.207 fill=#fcfcfc rx=4 transform="rotate(-4 1.724 67.207)"></rect><path fill=#f4f4f4 d="M10.402 76.625a4 4 0 0 1 3.711-4.27l9.976-.697a4 4 0 0 1 4.27 3.711l.627 8.978a4 4 0 0 1-3.711 4.27l-9.976.697a4 4 0 0 1-4.27-3.71z"></path><path fill=#e4e4e4 d="M19.345 75.498c-.316.022-.55.319-.527.664l.027.374c-1.28.38-2.172 1.706-2.067 3.214l.026.367a3.97 3.97 0 0 1-.69 2.546l-.12.171a.67.67 0 0 0-.049.677.57.57 0 0 0 .546.332l6.84-.479a.57.57 0 0 0 .495-.404.67.67 0 0 0-.141-.664l-.143-.152a3.96 3.96 0 0 1-1.038-2.426l-.026-.366c-.105-1.508-1.173-2.699-2.493-2.896l-.026-.374c-.025-.345-.299-.606-.614-.584m1.479 9.555c.197-.248.294-.575.271-.906l-1.14.08-1.14.08c.023.331.165.64.395.86.23.218.53.328.832.307.303-.021.584-.172.782-.42"></path><rect width=27 height=3 x=36.373 y=75.311 fill=url(#d) rx=1.5 transform="rotate(-4 36.373 75.31)"></rect><rect width=59 height=3 x=36.722 y=80.299 fill=url(#e) rx=1.5 transform="rotate(-4 36.722 80.299)"></rect><rect width=59 height=3 x=36.722 y=80.299 fill=url(#f) rx=1.5 transform="rotate(-4 36.722 80.299)"></rect></g><rect width=132 height=29 x=1.724 y=67.207 stroke=#e6e6e6 stroke-opacity=.5 stroke-width=.6 rx=4 transform="rotate(-4 1.724 67.207)"></rect></g><path stroke=#e1e4ea stroke-linejoin=bevel d="M68.596 37v23.614"></path><defs><linearGradient id=d x1=29.846 x2=67.676 y1=76.586 y2=76.586 gradientUnits=userSpaceOnUse><stop stop-color=#e4e4e4></stop><stop offset=.48 stop-color=#f1f1f1></stop><stop offset=.992 stop-color=#fcfcfc stop-opacity=.75></stop></linearGradient><linearGradient id=e x1=22.458 x2=105.123 y1=81.574 y2=81.574 gradientUnits=userSpaceOnUse><stop stop-color=#e4e4e4></stop><stop offset=.48 stop-color=#f1f1f1></stop><stop offset=.992 stop-color=#fcfcfc stop-opacity=.75></stop></linearGradient><linearGradient id=f x1=22.458 x2=105.123 y1=81.574 y2=81.574 gradientUnits=userSpaceOnUse><stop stop-color=#e4e4e4></stop><stop offset=.48 stop-color=#f1f1f1></stop><stop offset=.992 stop-color=#fcfcfc stop-opacity=.75></stop></linearGradient><clipPath id=a><path fill=#fff d="M63.575 12h10v10h-10z"></path></clipPath><clipPath id=c><rect width=132 height=29 x=1.724 y=67.207 fill=#fff rx=4 transform="rotate(-4 1.724 67.207)"></rect></clipPath><filter id=b width=137.15 height=41.586 x=0 y=57.969 color-interpolation-filters=sRGB filterUnits=userSpaceOnUse><feFlood flood-opacity=0 result=BackgroundImageFix></feFlood><feColorMatrix in=SourceAlpha result=hardAlpha values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dy=1.693></feOffset><feGaussianBlur stdDeviation=.847></feGaussianBlur><feColorMatrix values="0 0 0 0 0.917008 0 0 0 0 0.917008 0 0 0 0 0.917008 0 0 0 0.02 0"></feColorMatrix><feBlend in2=BackgroundImageFix result=effect1_dropShadow_4908_18899></feBlend><feBlend in=SourceGraphic in2=effect1_dropShadow_4908_18899 result=shape></feBlend><feColorMatrix in=SourceAlpha result=hardAlpha values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dy=-2></feOffset><feComposite in2=hardAlpha k2=-1 k3=1 operator=arithmetic></feComposite><feColorMatrix values="0 0 0 0 0.975488 0 0 0 0 0.975488 0 0 0 0 0.975488 0 0 0 1 0"></feColorMatrix><feBlend in2=shape result=effect2_innerShadow_4908_18899>`);
 var EmptyState = () => {
-  return _tmpl$95();
+  return _tmpl$98();
 };
-var _tmpl$96 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=136 height=88 fill=none viewBox="0 0 136 88"><g filter=url(#a)><g clip-path=url(#b)><rect width=132 height=29 x=1.993 y=.301 fill=#fcfcfc rx=4></rect><path fill=#f4f4f4 d="M9.993 10.3a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v9a4 4 0 0 1-4 4h-10a4 4 0 0 1-4-4z"></path><path fill=#e4e4e4 d="M18.993 9.8c-.316 0-.572.28-.572.626v.375c-1.303.289-2.285 1.55-2.285 3.062v.367c0 .918-.31 1.805-.866 2.493l-.133.162a.67.67 0 0 0-.094.672.57.57 0 0 0 .521.369h6.857a.57.57 0 0 0 .522-.37.67.67 0 0 0-.095-.671l-.132-.162a3.96 3.96 0 0 1-.866-2.492v-.368c0-1.511-.982-2.773-2.286-3.062v-.375c0-.346-.255-.625-.571-.625m.809 9.636c.214-.235.334-.553.334-.885H17.85c0 .332.12.65.334.885s.505.365.809.365c.303 0 .594-.131.809-.365"></path><rect width=27 height=3 x=35.993 y=10.801 fill=url(#c) rx=1.5></rect><rect width=59 height=3 x=35.993 y=15.801 fill=url(#d) rx=1.5></rect><rect width=59 height=3 x=35.993 y=15.801 fill=url(#e) rx=1.5></rect></g><rect width=132 height=29 x=1.993 y=.301 stroke=#e6e6e6 stroke-opacity=.5 stroke-width=.6 rx=4></rect></g><rect width=131.1 height=33.1 x=2.443 y=53.751 stroke=#e1e4ea stroke-dasharray="10 2.7"stroke-width=.9 rx=3.55></rect><rect width=123.1 height=25.1 x=6.443 y=57.751 fill=#fff rx=1.55></rect><rect width=123.1 height=25.1 x=6.443 y=57.751 stroke=#f2f2f2 stroke-width=.9 rx=1.55></rect><path fill=#cacfd8 d="M68.743 71.145v.784a2.25 2.25 0 0 0-3 2.122h-.75a3 3 0 0 1 3.75-2.906m-.75-.47a2.25 2.25 0 1 1-.001-4.498 2.25 2.25 0 0 1 .001 4.499m0-.75a1.5 1.5 0 1 0 0-2.999 1.5 1.5 0 0 0 0 3m2.47 2.25-.686-.685.53-.53 1.591 1.59-1.59 1.592-.531-.53.686-.686h-1.345v-.75z"></path><path stroke=#e1e4ea stroke-linejoin=bevel d="M67.993 50.3v-18"></path><defs><linearGradient id=c x1=29.466 x2=67.295 y1=12.076 y2=12.076 gradientUnits=userSpaceOnUse><stop stop-color=#e4e4e4></stop><stop offset=.48 stop-color=#f1f1f1></stop><stop offset=.992 stop-color=#fcfcfc stop-opacity=.75></stop></linearGradient><linearGradient id=d x1=21.729 x2=104.394 y1=17.076 y2=17.076 gradientUnits=userSpaceOnUse><stop stop-color=#e4e4e4></stop><stop offset=.48 stop-color=#f1f1f1></stop><stop offset=.992 stop-color=#fcfcfc stop-opacity=.75></stop></linearGradient><linearGradient id=e x1=21.729 x2=104.394 y1=17.076 y2=17.076 gradientUnits=userSpaceOnUse><stop stop-color=#e4e4e4></stop><stop offset=.48 stop-color=#f1f1f1></stop><stop offset=.992 stop-color=#fcfcfc stop-opacity=.75></stop></linearGradient><clipPath id=b><rect width=132 height=29 x=1.993 y=.301 fill=#fff rx=4></rect></clipPath><filter id=a width=135.986 height=32.988 x=0 y=0 color-interpolation-filters=sRGB filterUnits=userSpaceOnUse><feFlood flood-opacity=0 result=BackgroundImageFix></feFlood><feColorMatrix in=SourceAlpha result=hardAlpha values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dy=1.693></feOffset><feGaussianBlur stdDeviation=.847></feGaussianBlur><feColorMatrix values="0 0 0 0 0.917008 0 0 0 0 0.917008 0 0 0 0 0.917008 0 0 0 0.02 0"></feColorMatrix><feBlend in2=BackgroundImageFix result=effect1_dropShadow_4850_12317></feBlend><feBlend in=SourceGraphic in2=effect1_dropShadow_4850_12317 result=shape></feBlend><feColorMatrix in=SourceAlpha result=hardAlpha values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dy=-2></feOffset><feComposite in2=hardAlpha k2=-1 k3=1 operator=arithmetic></feComposite><feColorMatrix values="0 0 0 0 0.975488 0 0 0 0 0.975488 0 0 0 0 0.975488 0 0 0 1 0"></feColorMatrix><feBlend in2=shape result=effect2_innerShadow_4850_12317>`);
+var _tmpl$99 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=136 height=88 fill=none viewBox="0 0 136 88"><g filter=url(#a)><g clip-path=url(#b)><rect width=132 height=29 x=1.993 y=.301 fill=#fcfcfc rx=4></rect><path fill=#f4f4f4 d="M9.993 10.3a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v9a4 4 0 0 1-4 4h-10a4 4 0 0 1-4-4z"></path><path fill=#e4e4e4 d="M18.993 9.8c-.316 0-.572.28-.572.626v.375c-1.303.289-2.285 1.55-2.285 3.062v.367c0 .918-.31 1.805-.866 2.493l-.133.162a.67.67 0 0 0-.094.672.57.57 0 0 0 .521.369h6.857a.57.57 0 0 0 .522-.37.67.67 0 0 0-.095-.671l-.132-.162a3.96 3.96 0 0 1-.866-2.492v-.368c0-1.511-.982-2.773-2.286-3.062v-.375c0-.346-.255-.625-.571-.625m.809 9.636c.214-.235.334-.553.334-.885H17.85c0 .332.12.65.334.885s.505.365.809.365c.303 0 .594-.131.809-.365"></path><rect width=27 height=3 x=35.993 y=10.801 fill=url(#c) rx=1.5></rect><rect width=59 height=3 x=35.993 y=15.801 fill=url(#d) rx=1.5></rect><rect width=59 height=3 x=35.993 y=15.801 fill=url(#e) rx=1.5></rect></g><rect width=132 height=29 x=1.993 y=.301 stroke=#e6e6e6 stroke-opacity=.5 stroke-width=.6 rx=4></rect></g><rect width=131.1 height=33.1 x=2.443 y=53.751 stroke=#e1e4ea stroke-dasharray="10 2.7"stroke-width=.9 rx=3.55></rect><rect width=123.1 height=25.1 x=6.443 y=57.751 fill=#fff rx=1.55></rect><rect width=123.1 height=25.1 x=6.443 y=57.751 stroke=#f2f2f2 stroke-width=.9 rx=1.55></rect><path fill=#cacfd8 d="M68.743 71.145v.784a2.25 2.25 0 0 0-3 2.122h-.75a3 3 0 0 1 3.75-2.906m-.75-.47a2.25 2.25 0 1 1-.001-4.498 2.25 2.25 0 0 1 .001 4.499m0-.75a1.5 1.5 0 1 0 0-2.999 1.5 1.5 0 0 0 0 3m2.47 2.25-.686-.685.53-.53 1.591 1.59-1.59 1.592-.531-.53.686-.686h-1.345v-.75z"></path><path stroke=#e1e4ea stroke-linejoin=bevel d="M67.993 50.3v-18"></path><defs><linearGradient id=c x1=29.466 x2=67.295 y1=12.076 y2=12.076 gradientUnits=userSpaceOnUse><stop stop-color=#e4e4e4></stop><stop offset=.48 stop-color=#f1f1f1></stop><stop offset=.992 stop-color=#fcfcfc stop-opacity=.75></stop></linearGradient><linearGradient id=d x1=21.729 x2=104.394 y1=17.076 y2=17.076 gradientUnits=userSpaceOnUse><stop stop-color=#e4e4e4></stop><stop offset=.48 stop-color=#f1f1f1></stop><stop offset=.992 stop-color=#fcfcfc stop-opacity=.75></stop></linearGradient><linearGradient id=e x1=21.729 x2=104.394 y1=17.076 y2=17.076 gradientUnits=userSpaceOnUse><stop stop-color=#e4e4e4></stop><stop offset=.48 stop-color=#f1f1f1></stop><stop offset=.992 stop-color=#fcfcfc stop-opacity=.75></stop></linearGradient><clipPath id=b><rect width=132 height=29 x=1.993 y=.301 fill=#fff rx=4></rect></clipPath><filter id=a width=135.986 height=32.988 x=0 y=0 color-interpolation-filters=sRGB filterUnits=userSpaceOnUse><feFlood flood-opacity=0 result=BackgroundImageFix></feFlood><feColorMatrix in=SourceAlpha result=hardAlpha values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dy=1.693></feOffset><feGaussianBlur stdDeviation=.847></feGaussianBlur><feColorMatrix values="0 0 0 0 0.917008 0 0 0 0 0.917008 0 0 0 0 0.917008 0 0 0 0.02 0"></feColorMatrix><feBlend in2=BackgroundImageFix result=effect1_dropShadow_4850_12317></feBlend><feBlend in=SourceGraphic in2=effect1_dropShadow_4850_12317 result=shape></feBlend><feColorMatrix in=SourceAlpha result=hardAlpha values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dy=-2></feOffset><feComposite in2=hardAlpha k2=-1 k3=1 operator=arithmetic></feComposite><feColorMatrix values="0 0 0 0 0.975488 0 0 0 0 0.975488 0 0 0 0 0.975488 0 0 0 1 0"></feColorMatrix><feBlend in2=shape result=effect2_innerShadow_4850_12317>`);
 var NotSubscribedState = () => {
-  return _tmpl$96();
+  return _tmpl$99();
 };
-var _tmpl$97 = /* @__PURE__ */ template(`<div><div></div><div></div><div>`);
+var _tmpl$100 = /* @__PURE__ */ template(`<div><div></div><div></div><div>`);
 var SubscriptionPreferencesListSkeleton = () => {
   const style = useStyle();
   return (() => {
-    var _el$ = _tmpl$97(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling;
+    var _el$ = _tmpl$100(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling;
     insert(_el$2, createComponent(SkeletonText, {
       appearanceKey: "notificationList__skeletonText",
       "class": "nt-h-3.5 nt-w-1/3 nt-bg-neutral-alpha-50 nt-rounded-sm nt-animate-shimmer"
@@ -10636,7 +11385,7 @@ var SubscriptionPreferencesListSkeleton = () => {
 };
 
 // src/ui/components/subscription/SubscriptionPreferencesFallback.tsx
-var _tmpl$98 = /* @__PURE__ */ template(`<div><div><span></span><span>`);
+var _tmpl$101 = /* @__PURE__ */ template(`<div><div><span></span><span>`);
 var SubscriptionPreferencesFallback = (props) => {
   const style = useStyle();
   const {
@@ -10654,7 +11403,7 @@ var SubscriptionPreferencesFallback = (props) => {
       return createComponent(SubscriptionPreferencesListSkeleton, {});
     },
     get children() {
-      var _el$ = _tmpl$98(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+      var _el$ = _tmpl$101(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
       insert(_el$, createComponent(Show, {
         get when() {
           return hasEmptyPreferences();
@@ -10733,9 +11482,9 @@ var SubscriptionPreferencesFallback = (props) => {
 };
 
 // src/ui/components/subscription/SubscriptionPreferences.tsx
-var _tmpl$99 = /* @__PURE__ */ template(`<div class=nt-max-w-56>`);
-var _tmpl$231 = /* @__PURE__ */ template(`<div><p>`);
-var _tmpl$320 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$102 = /* @__PURE__ */ template(`<div class=nt-max-w-56>`);
+var _tmpl$233 = /* @__PURE__ */ template(`<div><p>`);
+var _tmpl$321 = /* @__PURE__ */ template(`<div>`);
 var SubscriptionPreferences = (props) => {
   const style = useStyle();
   const {
@@ -10832,7 +11581,7 @@ var SubscriptionPreferences = (props) => {
     });
   });
   return (() => {
-    var _el$ = _tmpl$320();
+    var _el$ = _tmpl$321();
     insert(_el$, createComponent(Show, {
       get when() {
         return !props.renderPreferences;
@@ -10851,7 +11600,7 @@ var SubscriptionPreferences = (props) => {
       },
       get children() {
         return [(() => {
-          var _el$2 = _tmpl$231(), _el$3 = _el$2.firstChild;
+          var _el$2 = _tmpl$233(), _el$3 = _el$2.firstChild;
           insert(_el$3, () => t("subscription.preferences.header"));
           insert(_el$2, createComponent(Tooltip.Root, {
             get children() {
@@ -10875,7 +11624,7 @@ var SubscriptionPreferences = (props) => {
               }), createComponent(Tooltip.Content, {
                 "data-localization": "subscription.preferences.headerInfo",
                 get children() {
-                  var _el$4 = _tmpl$99();
+                  var _el$4 = _tmpl$102();
                   insert(_el$4, () => t("subscription.preferences.headerInfo"));
                   return _el$4;
                 }
@@ -10906,7 +11655,7 @@ var SubscriptionPreferences = (props) => {
           });
           return _el$2;
         })(), (() => {
-          var _el$5 = _tmpl$320();
+          var _el$5 = _tmpl$321();
           insert(_el$5, createComponent(Show, {
             get when() {
               var _a, _b, _c, _d;
@@ -10927,7 +11676,7 @@ var SubscriptionPreferences = (props) => {
               });
             },
             get children() {
-              var _el$6 = _tmpl$320();
+              var _el$6 = _tmpl$321();
               insert(_el$6, createComponent(Index, {
                 get each() {
                   return groupedPreferences();
@@ -11178,7 +11927,7 @@ var SubscriptionCog = (props) => {
 };
 
 // src/ui/components/subscription/Subscription.tsx
-var _tmpl$100 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$103 = /* @__PURE__ */ template(`<div>`);
 function extractWorkflowIds(preferences) {
   var _a;
   const ids = [];
@@ -11257,7 +12006,7 @@ var Subscription = (props) => {
     }
   };
   return (() => {
-    var _el$ = _tmpl$100();
+    var _el$ = _tmpl$103();
     insert(_el$, createComponent(SubscriptionButton, {
       get subscription() {
         return subscription();
@@ -11536,10 +12285,12 @@ var novuComponents = {
   SubscriptionPreferences: SubscriptionPreferencesWrapper,
   ConnectChat,
   SlackLinkUser,
-  SlackConnectButton
+  SlackConnectButton,
+  MsTeamsLinkUser,
+  MsTeamsConnectButton
 };
 var SUBSCRIPTION_COMPONENTS = ["Subscription", "SubscriptionButton", "SubscriptionPreferences"];
-var CHANNEL_COMPONENTS = ["ConnectChat", "SlackLinkUser", "SlackConnectButton"];
+var CHANNEL_COMPONENTS = ["ConnectChat", "SlackLinkUser", "SlackConnectButton", "MsTeamsLinkUser", "MsTeamsConnectButton"];
 var InboxComponentsRenderer = (props) => {
   return createComponent(Show, {
     get when() {