@novu/js 3.17.0 → 3.18.0

package/dist/cjs/ui/index.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkSP44ETLM_js = require('../chunk-SP44ETLM.js');
-var chunkWDGG3OER_js = require('../chunk-WDGG3OER.js');
-var chunk7B52C2XE_js = require('../chunk-7B52C2XE.js');
+var chunkNR4RSYUE_js = require('../chunk-NR4RSYUE.js');
+var chunkTLQQB5Y7_js = require('../chunk-TLQQB5Y7.js');
+var chunkA6CBLMST_js = require('../chunk-A6CBLMST.js');
 var web = require('solid-js/web');
 var solidJs = require('solid-js');
 var store = require('solid-js/store');
@@ -37,7 +37,7 @@ function _interopNamespace(e) {
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 
-// _gq6z8z4nv:/home/runner/work/novu/novu/packages/js/src/ui/index.directcss
+// _3la1xivug:/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
@@ -390,7 +390,7 @@ var appearanceKeys = [
 var commonLocalization = {
   locale: "en-US"
 };
-var defaultInboxLocalization = chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, commonLocalization), {
+var defaultInboxLocalization = chunkA6CBLMST_js.__spreadProps(chunkA6CBLMST_js.__spreadValues({}, commonLocalization), {
   "inbox.filters.dropdownOptions.unread": "Unread only",
   "inbox.filters.dropdownOptions.default": "Unread & read",
   "inbox.filters.dropdownOptions.archived": "Archived",
@@ -446,7 +446,7 @@ var defaultInboxLocalization = chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js._
   "snooze.options.inOneDay": "Tomorrow",
   "snooze.options.inOneWeek": "Next week"
 });
-var defaultSubscriptionLocalization = chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, commonLocalization), {
+var defaultSubscriptionLocalization = chunkA6CBLMST_js.__spreadProps(chunkA6CBLMST_js.__spreadValues({}, commonLocalization), {
   "subscription.subscribe": "Subscribe",
   "subscription.unsubscribe": "Unsubscribe",
   "subscription.preferences.header": "Manage subscription",
@@ -456,7 +456,7 @@ var defaultSubscriptionLocalization = chunk7B52C2XE_js.__spreadProps(chunk7B52C2
   "subscription.preferences.empty.header": "You\u2019re subscribed.",
   "subscription.preferences.empty.description": "Nothing to manage right now."
 });
-var defaultLocalization = chunk7B52C2XE_js.__spreadValues(chunk7B52C2XE_js.__spreadValues({}, defaultInboxLocalization), defaultSubscriptionLocalization);
+var defaultLocalization = chunkA6CBLMST_js.__spreadValues(chunkA6CBLMST_js.__spreadValues({}, defaultInboxLocalization), defaultSubscriptionLocalization);
 var [dynamicLocalization, setDynamicLocalization] = solidJs.createSignal({});
 
 // src/ui/config/defaultVariables.ts
@@ -570,7 +570,7 @@ function createInfiniteScroll(fetcher, options) {
       if (io && el) io.unobserve(el);
     });
   };
-  const reset = () => chunk7B52C2XE_js.__async(null, null, function* () {
+  const reset = () => chunkA6CBLMST_js.__async(null, null, function* () {
     setData([]);
     setInitialLoading(true);
     setEnd(false);
@@ -593,6 +593,11 @@ function createInfiniteScroll(fetcher, options) {
   ];
 }
 
+// src/ui/helpers/normalizeIntlLocale.ts
+function normalizeIntlLocale(locale) {
+  return locale.replace(/_/g, "-");
+}
+
 // src/ui/helpers/formatToRelativeTime.ts
 var DEFAULT_LOCALE = "en-US";
 var SECONDS = {
@@ -607,11 +612,12 @@ function formatToRelativeTime({
   locale = DEFAULT_LOCALE,
   toDate = /* @__PURE__ */ new Date()
 }) {
+  const intlLocale = normalizeIntlLocale(locale);
   const elapsed = toDate.getTime() - fromDate.getTime();
-  const formatter = new Intl.RelativeTimeFormat(locale, { style: "narrow" });
+  const formatter = new Intl.RelativeTimeFormat(intlLocale, { style: "narrow" });
   const diffInSeconds = Math.floor(elapsed / 1e3);
   if (Math.abs(diffInSeconds) < SECONDS.inMinute) {
-    const subMinuteFormatter = new Intl.RelativeTimeFormat(locale, { style: "narrow", numeric: "auto" });
+    const subMinuteFormatter = new Intl.RelativeTimeFormat(intlLocale, { style: "narrow", numeric: "auto" });
     return subMinuteFormatter.format(-0, "second");
   } else if (Math.abs(diffInSeconds) < SECONDS.inHour) {
     return formatter.format(-Math.floor(diffInSeconds / SECONDS.inMinute), "minute");
@@ -620,10 +626,11 @@ function formatToRelativeTime({
   } else if (Math.abs(diffInSeconds) < SECONDS.inMonth) {
     return formatter.format(-Math.floor(diffInSeconds / SECONDS.inDay), "day");
   } else {
-    return new Intl.DateTimeFormat(locale, { month: "short", day: "numeric" }).format(fromDate);
+    return new Intl.DateTimeFormat(intlLocale, { month: "short", day: "numeric" }).format(fromDate);
   }
 }
 function formatSnoozedUntil({ untilDate, locale = DEFAULT_LOCALE }) {
+  const intlLocale = normalizeIntlLocale(locale);
   const remaining = untilDate.getTime() - (/* @__PURE__ */ new Date()).getTime();
   const diffInSeconds = Math.floor(remaining / 1e3);
   if (diffInSeconds < 0) {
@@ -641,7 +648,7 @@ function formatSnoozedUntil({ untilDate, locale = DEFAULT_LOCALE }) {
     const days = Math.floor(diffInSeconds / SECONDS.inDay);
     return `${days} ${days === 1 ? "day" : "days"}`;
   } else {
-    return new Intl.DateTimeFormat(locale, { month: "short", day: "numeric" }).format(untilDate);
+    return new Intl.DateTimeFormat(intlLocale, { month: "short", day: "numeric" }).format(untilDate);
   }
 }
 
@@ -669,7 +676,7 @@ var NotificationVisibilityTracker = class {
     this.observer = null;
     this.elementToNotificationMap = /* @__PURE__ */ new WeakMap();
     this.observedElements = /* @__PURE__ */ new Set();
-    this.options = chunk7B52C2XE_js.__spreadValues(chunk7B52C2XE_js.__spreadValues({}, DEFAULT_OPTIONS), options);
+    this.options = chunkA6CBLMST_js.__spreadValues(chunkA6CBLMST_js.__spreadValues({}, DEFAULT_OPTIONS), options);
     this.initializeObserver();
     this.startVisibilityTimer();
   }
@@ -769,7 +776,7 @@ var NotificationVisibilityTracker = class {
     }, this.options.batchDelay);
   }
   processBatch() {
-    return chunk7B52C2XE_js.__async(this, null, function* () {
+    return chunkA6CBLMST_js.__async(this, null, function* () {
       this.batchTimer = null;
       const notificationsToSend = Array.from(this.pendingBatch);
       this.pendingBatch.clear();
@@ -835,7 +842,7 @@ var NotificationVisibilityTracker = class {
   }
   // Force process any pending batches (useful for cleanup)
   flush() {
-    return chunk7B52C2XE_js.__async(this, null, function* () {
+    return chunkA6CBLMST_js.__async(this, null, function* () {
       if (this.batchTimer !== null) {
         window.clearTimeout(this.batchTimer);
         this.batchTimer = null;
@@ -1254,8 +1261,8 @@ var AppearanceProvider = (props) => {
   };
   const allElements = solidJs.createMemo(() => {
     var _a;
-    const baseElements = themes().reduce((acc, obj) => chunk7B52C2XE_js.__spreadValues(chunk7B52C2XE_js.__spreadValues({}, acc), obj.elements || {}), {});
-    return chunk7B52C2XE_js.__spreadValues(chunk7B52C2XE_js.__spreadValues({}, baseElements), ((_a = props.appearance) == null ? void 0 : _a.elements) || {});
+    const baseElements = themes().reduce((acc, obj) => chunkA6CBLMST_js.__spreadValues(chunkA6CBLMST_js.__spreadValues({}, acc), obj.elements || {}), {});
+    return chunkA6CBLMST_js.__spreadValues(chunkA6CBLMST_js.__spreadValues({}, baseElements), ((_a = props.appearance) == null ? void 0 : _a.elements) || {});
   });
   const container = () => props.container;
   solidJs.onMount(() => {
@@ -1286,8 +1293,8 @@ var AppearanceProvider = (props) => {
     if (!styleEl) {
       return;
     }
-    const baseVariables = chunk7B52C2XE_js.__spreadValues(chunk7B52C2XE_js.__spreadValues({}, defaultVariables), themes().reduce((acc, obj) => chunk7B52C2XE_js.__spreadValues(chunk7B52C2XE_js.__spreadValues({}, acc), obj.variables || {}), {}));
-    setVariableRules(parseVariables(chunk7B52C2XE_js.__spreadValues(chunk7B52C2XE_js.__spreadValues({}, baseVariables), ((_a = props.appearance) == null ? void 0 : _a.variables) || {}), props.id));
+    const baseVariables = chunkA6CBLMST_js.__spreadValues(chunkA6CBLMST_js.__spreadValues({}, defaultVariables), themes().reduce((acc, obj) => chunkA6CBLMST_js.__spreadValues(chunkA6CBLMST_js.__spreadValues({}, acc), obj.variables || {}), {}));
+    setVariableRules(parseVariables(chunkA6CBLMST_js.__spreadValues(chunkA6CBLMST_js.__spreadValues({}, baseVariables), ((_a = props.appearance) == null ? void 0 : _a.variables) || {}), props.id));
   });
   solidJs.createEffect(() => {
     const styleEl = styleElement();
@@ -1295,7 +1302,7 @@ var AppearanceProvider = (props) => {
       return;
     }
     const elementsStyleData = parseElements(allElements());
-    setStore("appearanceKeyToCssInJsClass", (obj) => chunk7B52C2XE_js.__spreadValues(chunk7B52C2XE_js.__spreadValues({}, obj), elementsStyleData.reduce((acc, item) => {
+    setStore("appearanceKeyToCssInJsClass", (obj) => chunkA6CBLMST_js.__spreadValues(chunkA6CBLMST_js.__spreadValues({}, obj), elementsStyleData.reduce((acc, item) => {
       acc[item.key] = item.className;
       return acc;
     }, {})));
@@ -1351,10 +1358,10 @@ var LocalizationProvider = (props) => {
   const localization = solidJs.createMemo(() => {
     const _a = props.localization || {}, {
       dynamic
-    } = _a, localizationObject = chunk7B52C2XE_js.__objRest(_a, [
+    } = _a, localizationObject = chunkA6CBLMST_js.__objRest(_a, [
       "dynamic"
     ]);
-    return chunk7B52C2XE_js.__spreadValues(chunk7B52C2XE_js.__spreadValues(chunk7B52C2XE_js.__spreadValues(chunk7B52C2XE_js.__spreadValues({}, defaultLocalization), dynamicLocalization()), dynamic || {}), localizationObject);
+    return chunkA6CBLMST_js.__spreadValues(chunkA6CBLMST_js.__spreadValues(chunkA6CBLMST_js.__spreadValues(chunkA6CBLMST_js.__spreadValues({}, defaultLocalization), dynamicLocalization()), dynamic || {}), localizationObject);
   });
   const t = (key, ...args) => {
     const value = localization()[key];
@@ -1363,7 +1370,7 @@ var LocalizationProvider = (props) => {
     }
     return value;
   };
-  const locale = solidJs.createMemo(() => localization().locale);
+  const locale = solidJs.createMemo(() => normalizeIntlLocale(localization().locale));
   return web.createComponent(LocalizationContext.Provider, {
     value: {
       t,
@@ -1412,7 +1419,7 @@ var InboxProvider = (props) => {
   const [activeTab, setActiveTab] = solidJs.createSignal((_b = (_a = props.tabs[0]) == null ? void 0 : _a.label) != null ? _b : "");
   const [status, setStatus] = solidJs.createSignal("unreadRead" /* UNREAD_READ */);
   const [limit, setLimit] = solidJs.createSignal(DEFAULT_LIMIT);
-  const [filter, setFilter] = solidJs.createSignal(chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, STATUS_TO_FILTER["unreadRead" /* UNREAD_READ */]), {
+  const [filter, setFilter] = solidJs.createSignal(chunkA6CBLMST_js.__spreadProps(chunkA6CBLMST_js.__spreadValues({}, STATUS_TO_FILTER["unreadRead" /* UNREAD_READ */]), {
     tags: props.tabs.length > 0 ? getTagsFromTab(props.tabs[0]) : [],
     data: props.tabs.length > 0 ? (_c = props.tabs[0].filter) == null ? void 0 : _c.data : {},
     severity: props.tabs.length > 0 ? (_d = props.tabs[0].filter) == null ? void 0 : _d.severity : void 0
@@ -1429,7 +1436,7 @@ var InboxProvider = (props) => {
   const [preferencesSort, setPreferencesSort] = solidJs.createSignal(props.preferencesSort);
   const setNewStatus = (newStatus) => {
     setStatus(newStatus);
-    setFilter((old) => chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, STATUS_TO_FILTER[newStatus]), {
+    setFilter((old) => chunkA6CBLMST_js.__spreadProps(chunkA6CBLMST_js.__spreadValues({}, STATUS_TO_FILTER[newStatus]), {
       tags: old.tags,
       data: old.data,
       severity: old.severity
@@ -1444,7 +1451,7 @@ var InboxProvider = (props) => {
     setActiveTab(newActiveTab);
     setFilter((old) => {
       var _a2, _b2;
-      return chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, old), {
+      return chunkA6CBLMST_js.__spreadProps(chunkA6CBLMST_js.__spreadValues({}, old), {
         tags,
         data: (_a2 = tab == null ? void 0 : tab.filter) == null ? void 0 : _a2.data,
         severity: (_b2 = tab == null ? void 0 : tab.filter) == null ? void 0 : _b2.severity
@@ -1452,12 +1459,13 @@ var InboxProvider = (props) => {
     });
   };
   const navigate = (url, target) => {
-    if (!url) {
+    if (!url || !chunkNR4RSYUE_js.isValidInAppRedirectUrl(url)) {
       return;
     }
     const isAbsoluteUrl = !url.startsWith("/");
     if (isAbsoluteUrl) {
-      window.open(url, target != null ? target : DEFAULT_TARGET, DEFAULT_REFERRER);
+      const safeTarget = chunkNR4RSYUE_js.isValidInAppRedirectTarget(target) ? target : DEFAULT_TARGET;
+      window.open(url, safeTarget, DEFAULT_REFERRER);
       return;
     }
     if (props.routerPush) {
@@ -1476,7 +1484,7 @@ var InboxProvider = (props) => {
     setActiveTab((_a2 = firstTab == null ? void 0 : firstTab.label) != null ? _a2 : "");
     setFilter((old) => {
       var _a3, _b2;
-      return chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, old), {
+      return chunkA6CBLMST_js.__spreadProps(chunkA6CBLMST_js.__spreadValues({}, old), {
         tags,
         data: (_a3 = firstTab == null ? void 0 : firstTab.filter) == null ? void 0 : _a3.data,
         severity: (_b2 = firstTab == null ? void 0 : firstTab.filter) == null ? void 0 : _b2.severity
@@ -1549,7 +1557,7 @@ var NovuContext = solidJs.createContext(void 0);
 function NovuProvider(props) {
   const novu = solidJs.createMemo(() => {
     const novuValue = typeof props.novu === "function" ? props.novu() : props.novu;
-    return novuValue || new chunkSP44ETLM_js.Novu(props.options);
+    return novuValue || new chunkNR4RSYUE_js.Novu(props.options);
   });
   return web.createComponent(NovuContext.Provider, {
     value: novu,
@@ -1589,11 +1597,24 @@ var CountProvider = (props) => {
   });
   const [unreadCounts, setUnreadCounts] = solidJs.createSignal(/* @__PURE__ */ new Map());
   const [newNotificationCounts, setNewNotificationCounts] = solidJs.createSignal(/* @__PURE__ */ new Map());
-  const updateTabCounts = () => chunk7B52C2XE_js.__async(null, null, function* () {
-    if (tabs().length === 0) {
-      return;
-    }
-    const filters = tabs().map((tab) => {
+  let refreshGeneration = 0;
+  const emptySeverityCounts = () => ({
+    ["high" /* HIGH */]: 0,
+    ["medium" /* MEDIUM */]: 0,
+    ["low" /* LOW */]: 0,
+    ["none" /* NONE */]: 0
+  });
+  const refreshCounts = () => chunkA6CBLMST_js.__async(null, null, function* () {
+    const generation = ++refreshGeneration;
+    const novu = novuAccessor();
+    const bellFilters = ["high" /* HIGH */, "medium" /* MEDIUM */, "low" /* LOW */, "none" /* NONE */].map((severity) => ({
+      read: false,
+      archived: false,
+      snoozed: false,
+      severity
+    }));
+    const currentTabs = tabs();
+    const tabFilters = currentTabs.length > 0 ? currentTabs.map((tab) => {
       var _a, _b;
       return {
         tags: getTagsFromTab(tab),
@@ -1603,40 +1624,66 @@ var CountProvider = (props) => {
         data: (_a = tab.filter) == null ? void 0 : _a.data,
         severity: (_b = tab.filter) == null ? void 0 : _b.severity
       };
-    });
-    const {
-      data
-    } = yield novuAccessor().notifications.count({
-      filters
-    });
-    if (!data) {
+    }) : null;
+    const [bellResult, tabResult] = yield Promise.all([novu.notifications.count({
+      filters: bellFilters
+    }), tabFilters ? novu.notifications.count({
+      filters: tabFilters
+    }) : Promise.resolve(null)]);
+    if (generation !== refreshGeneration) {
       return;
     }
-    const newMap = /* @__PURE__ */ new Map();
-    const {
-      counts
-    } = data;
-    for (let i = 0; i < counts.length; i += 1) {
-      const tagsKey = createKey({
-        tags: counts[i].filter.tags,
-        data: counts[i].filter.data,
-        severity: counts[i].filter.severity
+    if (bellResult.data) {
+      const severity = emptySeverityCounts();
+      let total = 0;
+      for (const item of bellResult.data.counts) {
+        const filterSeverity = item.filter.severity;
+        const severityKey = Array.isArray(filterSeverity) ? filterSeverity[0] : filterSeverity;
+        if (severityKey && severityKey in severity) {
+          severity[severityKey] = item.count;
+          total += item.count;
+        }
+      }
+      setUnreadCount({
+        total,
+        severity
       });
-      newMap.set(tagsKey, data == null ? void 0 : data.counts[i].count);
     }
-    setUnreadCounts(newMap);
+    if (tabResult == null ? void 0 : tabResult.data) {
+      const newMap = /* @__PURE__ */ new Map();
+      for (let i = 0; i < tabResult.data.counts.length; i += 1) {
+        const countItem = tabResult.data.counts[i];
+        const tagsKey = createKey({
+          tags: countItem.filter.tags,
+          data: countItem.filter.data,
+          severity: countItem.filter.severity
+        });
+        newMap.set(tagsKey, countItem.count);
+      }
+      setUnreadCounts(newMap);
+    }
   });
   solidJs.createEffect(() => {
     novuAccessor();
-    updateTabCounts();
+    refreshCounts();
   });
   useWebSocketEvent({
     event: "notifications.unread_count_changed",
     eventHandler: (data) => {
       setUnreadCount(data.result);
-      updateTabCounts();
+      refreshCounts();
     }
   });
+  solidJs.createEffect(() => {
+    const novu = novuAccessor();
+    const cleanups = chunkNR4RSYUE_js.NOTIFICATION_COUNT_SYNC_EVENTS.map((event) => novu.on(event, (payload) => {
+      if ("error" in payload && payload.error) {
+        return;
+      }
+      refreshCounts();
+    }));
+    solidJs.onCleanup(() => cleanups.forEach((cleanup) => cleanup()));
+  });
   useNovuEvent({
     event: "session.initialize.resolved",
     eventHandler: ({
@@ -1651,7 +1698,7 @@ var CountProvider = (props) => {
   const updateNewNotificationCountsOrCache = (tabLabel, notification, tags, data, severity) => {
     const notificationsCache = novuAccessor().notifications.cache;
     const limitValue = limit();
-    const tabSpecificFilterForCache = chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, filter()), {
+    const tabSpecificFilterForCache = chunkA6CBLMST_js.__spreadProps(chunkA6CBLMST_js.__spreadValues({}, filter()), {
       tags,
       data,
       severity,
@@ -1669,7 +1716,7 @@ var CountProvider = (props) => {
     };
     const hasLessThenMinAmount = ((cachedData == null ? void 0 : cachedData.notifications.length) || 0) < MIN_AMOUNT_OF_NOTIFICATIONS;
     if (hasLessThenMinAmount || !isOpened()) {
-      notificationsCache.update(tabSpecificFilterForCache, chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, cachedData), {
+      notificationsCache.update(tabSpecificFilterForCache, chunkA6CBLMST_js.__spreadProps(chunkA6CBLMST_js.__spreadValues({}, cachedData), {
         notifications: [notification, ...cachedData.notifications]
       }));
       return;
@@ -1687,10 +1734,10 @@ var CountProvider = (props) => {
   };
   useWebSocketEvent({
     event: "notifications.notification_received",
-    eventHandler: (_0) => chunk7B52C2XE_js.__async(null, [_0], function* ({
+    eventHandler: (_0) => chunkA6CBLMST_js.__async(null, [_0], function* ({
       result: notification
     }) {
-      var _a, _b;
+      var _a, _b, _c, _d, _e, _f;
       if (filter().archived || filter().snoozed) {
         return;
       }
@@ -1699,32 +1746,33 @@ var CountProvider = (props) => {
       if (currentTabs.length > 0) {
         for (const tab of currentTabs) {
           const tabTags = getTagsFromTab(tab);
-          const tabDataFilterCriteria = (_a = tab.filter) == null ? void 0 : _a.data;
-          const tabSeverityFilterCriteria = (_b = tab.filter) == null ? void 0 : _b.severity;
-          const matchesTagFilter = chunkSP44ETLM_js.checkNotificationTagFilter(notification.tags, tabTags);
-          const matchesDataFilterCriteria = chunkSP44ETLM_js.checkNotificationDataFilter(notification.data, tabDataFilterCriteria);
-          const matchesSeverityFilterCriteria = !tabSeverityFilterCriteria || Array.isArray(tabSeverityFilterCriteria) && tabSeverityFilterCriteria.length === 0 || Array.isArray(tabSeverityFilterCriteria) && tabSeverityFilterCriteria.includes(notification.severity) || !Array.isArray(tabSeverityFilterCriteria) && tabSeverityFilterCriteria === notification.severity;
-          if (matchesTagFilter && matchesDataFilterCriteria && matchesSeverityFilterCriteria) {
-            const filterKey = createKey({
-              tags: tabTags,
-              data: tabDataFilterCriteria,
-              severity: tabSeverityFilterCriteria
-            });
-            if (!processedFilters.has(filterKey)) {
-              processedFilters.add(filterKey);
-              updateNewNotificationCountsOrCache(tab.label, notification, tabTags, tabDataFilterCriteria, tabSeverityFilterCriteria);
-            }
+          const tabFilter = {
+            tags: tabTags,
+            read: false,
+            archived: false,
+            snoozed: false,
+            data: (_a = tab.filter) == null ? void 0 : _a.data,
+            severity: (_b = tab.filter) == null ? void 0 : _b.severity
+          };
+          if (!chunkNR4RSYUE_js.checkNotificationMatchesFilter(notification, tabFilter)) {
+            continue;
+          }
+          const filterKey = createKey({
+            tags: tabTags,
+            data: (_c = tab.filter) == null ? void 0 : _c.data,
+            severity: (_d = tab.filter) == null ? void 0 : _d.severity
+          });
+          if (!processedFilters.has(filterKey)) {
+            processedFilters.add(filterKey);
+            updateNewNotificationCountsOrCache(tab.label, notification, tabTags, (_e = tab.filter) == null ? void 0 : _e.data, (_f = tab.filter) == null ? void 0 : _f.severity);
           }
         }
       } else {
         updateNewNotificationCountsOrCache("", notification, [], void 0, void 0);
       }
+      yield refreshCounts();
     })
   });
-  useWebSocketEvent({
-    event: "notifications.notification_received",
-    eventHandler: updateTabCounts
-  });
   const resetNewNotificationCounts = (key) => {
     setNewNotificationCounts((oldMap) => {
       const newMap = new Map(oldMap);
@@ -1871,7 +1919,7 @@ function useFocusManager() {
 var useChannelConnection = (options) => {
   const novuAccessor = useNovu();
   const [loading, setLoading] = solidJs.createSignal(true);
-  const [connection, { mutate, refetch }] = solidJs.createResource(options, (_0) => chunk7B52C2XE_js.__async(null, [_0], function* ({ connectionIdentifier }) {
+  const [connection, { mutate, refetch }] = solidJs.createResource(options, (_0) => chunkA6CBLMST_js.__async(null, [_0], function* ({ connectionIdentifier }) {
     var _a;
     try {
       if (!connectionIdentifier) {
@@ -1885,10 +1933,10 @@ var useChannelConnection = (options) => {
       return null;
     }
   }));
-  const generateConnectOAuthUrl = (args) => chunk7B52C2XE_js.__async(null, null, function* () {
+  const generateConnectOAuthUrl = (args) => chunkA6CBLMST_js.__async(null, null, function* () {
     return novuAccessor().channelConnections.generateConnectOAuthUrl(args);
   });
-  const disconnect = (identifier) => chunk7B52C2XE_js.__async(null, null, function* () {
+  const disconnect = (identifier) => chunkA6CBLMST_js.__async(null, null, function* () {
     setLoading(true);
     const response = yield novuAccessor().channelConnections.delete({ identifier });
     if (!response.error) {
@@ -2477,7 +2525,7 @@ var Footer = (props) => {
   } = useInboxContext();
   const novuAccessor = useNovu();
   function handleTriggerHelloWorld() {
-    return chunk7B52C2XE_js.__async(this, null, function* () {
+    return chunkA6CBLMST_js.__async(this, null, function* () {
       try {
         yield novuAccessor().notifications.triggerHelloWorldEvent();
       } catch (error) {
@@ -2575,7 +2623,7 @@ var Footer = (props) => {
   });
 };
 function getCurrentDomain() {
-  if (chunkSP44ETLM_js.isBrowser()) {
+  if (chunkNR4RSYUE_js.isBrowser()) {
     return window.location.hostname;
   }
   return "";
@@ -2587,7 +2635,7 @@ function getCurlCommand() {
     return "";
   }
   const DEFAULT_BACKEND_URL = typeof window !== "undefined" && window.NOVU_LOCAL_BACKEND_URL || "https://api.novu.co";
-  return `curl -X POST   ${DEFAULT_BACKEND_URL}/${chunkSP44ETLM_js.DEFAULT_API_VERSION}/events/trigger   -H 'Authorization: Keyless ${identifier}'   -H 'Content-Type: application/json'   -d '{
+  return `curl -X POST   ${DEFAULT_BACKEND_URL}/${chunkNR4RSYUE_js.DEFAULT_API_VERSION}/events/trigger   -H 'Authorization: Keyless ${identifier}'   -H 'Content-Type: application/json'   -d '{
     "name": "hello-world",
     "to": {
       "subscriberId": "keyless-subscriber-id"
@@ -3234,7 +3282,7 @@ var StatusDropdown = () => {
 // src/ui/api/hooks/useArchiveAll.ts
 var useArchiveAll = (props) => {
   const novuAccessor = useNovu();
-  const archiveAll = (..._0) => chunk7B52C2XE_js.__async(null, [..._0], function* ({
+  const archiveAll = (..._0) => chunkA6CBLMST_js.__async(null, [..._0], function* ({
     tags,
     data
   } = {}) {
@@ -3252,7 +3300,7 @@ var useArchiveAll = (props) => {
 // src/ui/api/hooks/useArchiveAllRead.ts
 var useArchiveAllRead = (props) => {
   const novuAccessor = useNovu();
-  const archiveAllRead = (..._0) => chunk7B52C2XE_js.__async(null, [..._0], function* ({
+  const archiveAllRead = (..._0) => chunkA6CBLMST_js.__async(null, [..._0], function* ({
     tags,
     data
   } = {}) {
@@ -3268,11 +3316,11 @@ var useArchiveAllRead = (props) => {
 };
 var useNotificationsInfiniteScroll = (props) => {
   const novuAccessor = useNovu();
-  let filter = chunk7B52C2XE_js.__spreadValues({}, props.options());
+  let filter = chunkA6CBLMST_js.__spreadValues({}, props.options());
   const [data, { initialLoading, setEl, end, mutate, reset }] = createInfiniteScroll(
-    (after) => chunk7B52C2XE_js.__async(null, null, function* () {
+    (after) => chunkA6CBLMST_js.__async(null, null, function* () {
       var _a, _b;
-      const { data: data2 } = yield novuAccessor().notifications.list(chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, props.options() || {}), { after }));
+      const { data: data2 } = yield novuAccessor().notifications.list(chunkA6CBLMST_js.__spreadProps(chunkA6CBLMST_js.__spreadValues({}, props.options() || {}), { after }));
       return { data: (_a = data2 == null ? void 0 : data2.notifications) != null ? _a : [], hasMore: (_b = data2 == null ? void 0 : data2.hasMore) != null ? _b : false };
     }),
     {
@@ -3282,7 +3330,7 @@ var useNotificationsInfiniteScroll = (props) => {
   );
   solidJs.createEffect(() => {
     const listener = ({ data: data2 }) => {
-      if (!data2 || !chunkSP44ETLM_js.isSameFilter(filter, data2.filter)) {
+      if (!data2 || !chunkNR4RSYUE_js.isSameFilter(filter, data2.filter)) {
         return;
       }
       mutate({ data: data2.notifications, hasMore: data2.hasMore });
@@ -3290,16 +3338,16 @@ var useNotificationsInfiniteScroll = (props) => {
     const cleanup = novuAccessor().on("notifications.list.updated", listener);
     solidJs.onCleanup(() => cleanup());
   });
-  solidJs.createEffect(() => chunk7B52C2XE_js.__async(null, null, function* () {
-    const newFilter = chunk7B52C2XE_js.__spreadValues({}, props.options());
-    if (chunkSP44ETLM_js.isSameFilter(filter, newFilter)) {
+  solidJs.createEffect(() => chunkA6CBLMST_js.__async(null, null, function* () {
+    const newFilter = chunkA6CBLMST_js.__spreadValues({}, props.options());
+    if (chunkNR4RSYUE_js.isSameFilter(filter, newFilter)) {
       return;
     }
     novuAccessor().notifications.clearCache();
     yield reset();
     filter = newFilter;
   }));
-  const refetch = (_0) => chunk7B52C2XE_js.__async(null, [_0], function* ({ filter: filter2 }) {
+  const refetch = (_0) => chunkA6CBLMST_js.__async(null, [_0], function* ({ filter: filter2 }) {
     novuAccessor().notifications.clearCache({ filter: filter2 });
     yield reset();
   });
@@ -3309,8 +3357,8 @@ var usePreferences = (options) => {
   const novuAccessor = useNovu();
   const [loading, setLoading] = solidJs.createSignal(true);
   const [preferences, { mutate, refetch }] = solidJs.createResource(
-    () => chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, options), { dependency: novuAccessor() }),
-    (_0) => chunk7B52C2XE_js.__async(null, [_0], function* ({ tags, severity, criticality }) {
+    () => chunkA6CBLMST_js.__spreadProps(chunkA6CBLMST_js.__spreadValues({}, options), { dependency: novuAccessor() }),
+    (_0) => chunkA6CBLMST_js.__async(null, [_0], function* ({ tags, severity, criticality }) {
       try {
         const response = yield novuAccessor().preferences.list({ tags, severity, criticality });
         return response.data;
@@ -3339,7 +3387,7 @@ var usePreferences = (options) => {
 // src/ui/api/hooks/useReadAll.ts
 var useReadAll = (props) => {
   const novuAccessor = useNovu();
-  const readAll = (..._0) => chunk7B52C2XE_js.__async(null, [..._0], function* ({
+  const readAll = (..._0) => chunkA6CBLMST_js.__async(null, [..._0], function* ({
     tags,
     data
   } = {}) {
@@ -3892,12 +3940,12 @@ var Switch2 = (props) => {
 var _tmpl$51 = /* @__PURE__ */ web.template(`<div><div><div></div><label></label></div><div>`);
 var ChannelRow = (props) => {
   const style = useStyle();
-  const updatePreference = (enabled) => chunk7B52C2XE_js.__async(null, null, function* () {
+  const updatePreference = (enabled) => chunkA6CBLMST_js.__async(null, null, function* () {
     props.onChange({
       [props.channel.channel]: enabled
     });
   });
-  const onChange = (checked) => chunk7B52C2XE_js.__async(null, null, function* () {
+  const onChange = (checked) => chunkA6CBLMST_js.__async(null, null, function* () {
     yield updatePreference(checked);
   });
   const state = () => props.channel.state;
@@ -4930,7 +4978,7 @@ var DayScheduleCopy = (props) => {
                       const dayToCopy = (_b = (_a = props.schedule()) == null ? void 0 : _a.weeklySchedule) == null ? void 0 : _b[currentDay];
                       if (dayToCopy) {
                         (_d = props.schedule()) == null ? void 0 : _d.update({
-                          weeklySchedule: chunk7B52C2XE_js.__spreadValues(chunk7B52C2XE_js.__spreadValues({}, (_c = props.schedule()) == null ? void 0 : _c.weeklySchedule), daysToCopy.reduce((acc, day) => {
+                          weeklySchedule: chunkA6CBLMST_js.__spreadValues(chunkA6CBLMST_js.__spreadValues({}, (_c = props.schedule()) == null ? void 0 : _c.weeklySchedule), daysToCopy.reduce((acc, day) => {
                             acc[day] = dayToCopy;
                             return acc;
                           }, {}))
@@ -5134,8 +5182,8 @@ var ScheduleTable = (props) => {
                         const isEnabled = state === "enabled";
                         const hasNoHours = ((_e = (_d = (_c = (_b = (_a = schedule()) == null ? void 0 : _a.weeklySchedule) == null ? void 0 : _b[day()]) == null ? void 0 : _c.hours) == null ? void 0 : _d.length) != null ? _e : 0) === 0;
                         (_i = schedule()) == null ? void 0 : _i.update({
-                          weeklySchedule: chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, (_f = schedule()) == null ? void 0 : _f.weeklySchedule), {
-                            [day()]: chunk7B52C2XE_js.__spreadValues(chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, (_h = (_g = schedule()) == null ? void 0 : _g.weeklySchedule) == null ? void 0 : _h[day()]), {
+                          weeklySchedule: chunkA6CBLMST_js.__spreadProps(chunkA6CBLMST_js.__spreadValues({}, (_f = schedule()) == null ? void 0 : _f.weeklySchedule), {
+                            [day()]: chunkA6CBLMST_js.__spreadValues(chunkA6CBLMST_js.__spreadProps(chunkA6CBLMST_js.__spreadValues({}, (_h = (_g = schedule()) == null ? void 0 : _g.weeklySchedule) == null ? void 0 : _h[day()]), {
                               isEnabled
                             }), hasNoHours && {
                               hours: [{
@@ -5189,8 +5237,8 @@ var ScheduleTable = (props) => {
                       onChange: (value) => {
                         var _a, _b, _c, _d, _e, _f, _g, _h, _i;
                         (_i = schedule()) == null ? void 0 : _i.update({
-                          weeklySchedule: chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, (_a = schedule()) == null ? void 0 : _a.weeklySchedule), {
-                            [day()]: chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, (_c = (_b = schedule()) == null ? void 0 : _b.weeklySchedule) == null ? void 0 : _c[day()]), {
+                          weeklySchedule: chunkA6CBLMST_js.__spreadProps(chunkA6CBLMST_js.__spreadValues({}, (_a = schedule()) == null ? void 0 : _a.weeklySchedule), {
+                            [day()]: chunkA6CBLMST_js.__spreadProps(chunkA6CBLMST_js.__spreadValues({}, (_c = (_b = schedule()) == null ? void 0 : _b.weeklySchedule) == null ? void 0 : _c[day()]), {
                               hours: [{
                                 start: value,
                                 end: (_h = (_g = (_f = (_e = (_d = schedule()) == null ? void 0 : _d.weeklySchedule) == null ? void 0 : _e[day()]) == null ? void 0 : _f.hours) == null ? void 0 : _g[0]) == null ? void 0 : _h.end
@@ -5217,8 +5265,8 @@ var ScheduleTable = (props) => {
                       onChange: (value) => {
                         var _a, _b, _c, _d, _e, _f, _g, _h, _i;
                         (_i = schedule()) == null ? void 0 : _i.update({
-                          weeklySchedule: chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, (_a = schedule()) == null ? void 0 : _a.weeklySchedule), {
-                            [day()]: chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, (_c = (_b = schedule()) == null ? void 0 : _b.weeklySchedule) == null ? void 0 : _c[day()]), {
+                          weeklySchedule: chunkA6CBLMST_js.__spreadProps(chunkA6CBLMST_js.__spreadValues({}, (_a = schedule()) == null ? void 0 : _a.weeklySchedule), {
+                            [day()]: chunkA6CBLMST_js.__spreadProps(chunkA6CBLMST_js.__spreadValues({}, (_c = (_b = schedule()) == null ? void 0 : _b.weeklySchedule) == null ? void 0 : _c[day()]), {
                               hours: [{
                                 start: (_h = (_g = (_f = (_e = (_d = schedule()) == null ? void 0 : _d.weeklySchedule) == null ? void 0 : _e[day()]) == null ? void 0 : _f.hours) == null ? void 0 : _g[0]) == null ? void 0 : _h.start,
                                 end: value
@@ -5395,7 +5443,7 @@ var ScheduleRowActions = (props) => {
         var _a, _b;
         const isEnabled = state === "enabled";
         const hasNoWeeklySchedule = !((_a = props.schedule()) == null ? void 0 : _a.weeklySchedule);
-        (_b = props.schedule()) == null ? void 0 : _b.update(chunk7B52C2XE_js.__spreadValues({
+        (_b = props.schedule()) == null ? void 0 : _b.update(chunkA6CBLMST_js.__spreadValues({
           isEnabled
         }, isEnabled && hasNoWeeklySchedule && {
           weeklySchedule: DEFAULT_WEEKLY_SCHEDULE
@@ -5591,7 +5639,7 @@ var Preferences = () => {
   solidJs.createEffect(() => {
     setDynamicLocalization((prev) => {
       var _a2;
-      return chunk7B52C2XE_js.__spreadValues(chunk7B52C2XE_js.__spreadValues({}, prev), (_a2 = allPreferences().workflowPreferences) == null ? void 0 : _a2.reduce((acc, preference) => {
+      return chunkA6CBLMST_js.__spreadValues(chunkA6CBLMST_js.__spreadValues({}, prev), (_a2 = allPreferences().workflowPreferences) == null ? void 0 : _a2.reduce((acc, preference) => {
         var _a3, _b2;
         if (((_a3 = preference.workflow) == null ? void 0 : _a3.identifier) && ((_b2 = preference.workflow) == null ? void 0 : _b2.name)) {
           acc[preference.workflow.identifier] = preference.workflow.name;
@@ -5600,12 +5648,12 @@ var Preferences = () => {
       }, {}));
     });
   });
-  const updatePreference = (preference) => (channels) => chunk7B52C2XE_js.__async(null, null, function* () {
+  const updatePreference = (preference) => (channels) => chunkA6CBLMST_js.__async(null, null, function* () {
     yield preference == null ? void 0 : preference.update({
       channels
     });
   });
-  const bulkUpdatePreferences = (preferences2) => (channels) => chunk7B52C2XE_js.__async(null, null, function* () {
+  const bulkUpdatePreferences = (preferences2) => (channels) => chunkA6CBLMST_js.__async(null, null, function* () {
     yield novuAccessor().preferences.bulkUpdate(preferences2.map((el) => {
       const oldChannels = Object.keys(el.channels);
       const channelsToUpdate = Object.keys(channels).filter((channel) => oldChannels.includes(channel)).reduce((acc, channel) => {
@@ -5921,7 +5969,7 @@ var TooltipContentBody = (props) => {
       });
     },
     get style() {
-      return chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, floatingStyles()), {
+      return chunkA6CBLMST_js.__spreadProps(chunkA6CBLMST_js.__spreadValues({}, floatingStyles()), {
         "z-index": 99999
       });
     }
@@ -6040,7 +6088,7 @@ function CopyToClipboard(props) {
   const defaultTooltipText = "Copied!";
   const defaultTooltipDuration = 2e3;
   function handleCopy() {
-    return chunk7B52C2XE_js.__async(this, null, function* () {
+    return chunkA6CBLMST_js.__async(this, null, function* () {
       var _a;
       if (timeoutId) {
         clearTimeout(timeoutId);
@@ -6807,7 +6855,7 @@ var ConnectChat = (props) => {
     }
   });
   const isConnected = () => !!connection();
-  const handleClick = () => chunk7B52C2XE_js.__async(null, null, function* () {
+  const handleClick = () => chunkA6CBLMST_js.__async(null, null, function* () {
     var _a, _b, _c, _d, _e, _f, _g;
     if (isConnected()) {
       const identifier = (_a = connection()) == null ? void 0 : _a.identifier;
@@ -7044,7 +7092,7 @@ var Text = (props) => props.children;
 var Markdown = (props) => {
   const [local, rest] = solidJs.splitProps(props, ["class", "children", "appearanceKey", "strongAppearanceKey", "emAppearanceKey", "context"]);
   const style = useStyle();
-  const tokens = solidJs.createMemo(() => chunkWDGG3OER_js.parseMarkdownIntoTokens(local.children));
+  const tokens = solidJs.createMemo(() => chunkTLQQB5Y7_js.parseMarkdownIntoTokens(local.children));
   return (() => {
     var _el$3 = _tmpl$315();
     web.spread(_el$3, web.mergeProps({
@@ -7612,7 +7660,7 @@ var ReadButton = (props) => {
           size: "iconSm",
           variant: "ghost"
         }, childProps, {
-          onClick: (e) => chunk7B52C2XE_js.__async(null, null, function* () {
+          onClick: (e) => chunkA6CBLMST_js.__async(null, null, function* () {
             e.stopPropagation();
             yield props.notification.read();
           }),
@@ -7655,7 +7703,7 @@ var UnreadButton = (props) => {
           size: "iconSm",
           variant: "ghost"
         }, childProps, {
-          onClick: (e) => chunk7B52C2XE_js.__async(null, null, function* () {
+          onClick: (e) => chunkA6CBLMST_js.__async(null, null, function* () {
             e.stopPropagation();
             yield props.notification.unread();
           }),
@@ -7698,7 +7746,7 @@ var ArchiveButton = (props) => {
           size: "iconSm",
           variant: "ghost"
         }, childProps, {
-          onClick: (e) => chunk7B52C2XE_js.__async(null, null, function* () {
+          onClick: (e) => chunkA6CBLMST_js.__async(null, null, function* () {
             e.stopPropagation();
             yield props.notification.archive();
           }),
@@ -7741,7 +7789,7 @@ var UnarchiveButton = (props) => {
           size: "iconSm",
           variant: "ghost"
         }, childProps, {
-          onClick: (e) => chunk7B52C2XE_js.__async(null, null, function* () {
+          onClick: (e) => chunkA6CBLMST_js.__async(null, null, function* () {
             e.stopPropagation();
             yield props.notification.unarchive();
           }),
@@ -7784,7 +7832,7 @@ var UnsnoozeButton = (props) => {
           size: "iconSm",
           variant: "ghost"
         }, childProps, {
-          onClick: (e) => chunk7B52C2XE_js.__async(null, null, function* () {
+          onClick: (e) => chunkA6CBLMST_js.__async(null, null, function* () {
             e.stopPropagation();
             yield props.notification.unsnooze();
           }),
@@ -7873,7 +7921,7 @@ var SnoozeButton = (props) => {
                       get time() {
                         return option.time;
                       },
-                      onClick: (e) => chunk7B52C2XE_js.__async(null, null, function* () {
+                      onClick: (e) => chunkA6CBLMST_js.__async(null, null, function* () {
                         e.stopPropagation();
                         yield props.notification.snooze(preset.getDate().toISOString());
                       })
@@ -7911,7 +7959,7 @@ var SnoozeButton = (props) => {
                           get maxDurationHours() {
                             return maxSnoozeDurationHours();
                           },
-                          onSelect: (date) => chunk7B52C2XE_js.__async(null, null, function* () {
+                          onSelect: (date) => chunkA6CBLMST_js.__async(null, null, function* () {
                             yield props.notification.snooze(date.toISOString());
                           }),
                           onCancel: () => {
@@ -8025,7 +8073,7 @@ var DefaultNotification = (props) => {
     }, 1e3 * 60);
     return () => clearInterval(interval);
   });
-  const handleNotificationClick = (e) => chunk7B52C2XE_js.__async(null, null, function* () {
+  const handleNotificationClick = (e) => chunkA6CBLMST_js.__async(null, null, function* () {
     var _a, _b, _c;
     e.stopPropagation();
     e.preventDefault();
@@ -8035,7 +8083,7 @@ var DefaultNotification = (props) => {
     (_a = props.onNotificationClick) == null ? void 0 : _a.call(props, props.notification);
     navigate((_b = props.notification.redirect) == null ? void 0 : _b.url, (_c = props.notification.redirect) == null ? void 0 : _c.target);
   });
-  const handleActionButtonClick = (action, e) => chunk7B52C2XE_js.__async(null, null, function* () {
+  const handleActionButtonClick = (action, e) => chunkA6CBLMST_js.__async(null, null, function* () {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
     e.stopPropagation();
     if (action === "primary" /* PRIMARY */) {
@@ -8711,7 +8759,7 @@ var _tmpl$85 = /* @__PURE__ */ web.template(`<div>`);
 var _tmpl$227 = /* @__PURE__ */ web.template(`<div><div>`);
 var NotificationList = (props) => {
   var _a, _b, _c, _d, _e;
-  const options = solidJs.createMemo(() => chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, props.filter), {
+  const options = solidJs.createMemo(() => chunkA6CBLMST_js.__spreadProps(chunkA6CBLMST_js.__spreadValues({}, props.filter), {
     limit: props.limit
   }));
   const style = useStyle();
@@ -8746,7 +8794,7 @@ var NotificationList = (props) => {
   solidJs.createEffect(() => {
     setLimit(props.limit || DEFAULT_LIMIT);
   });
-  const handleOnNewMessagesClick = (e) => chunk7B52C2XE_js.__async(null, null, function* () {
+  const handleOnNewMessagesClick = (e) => chunkA6CBLMST_js.__async(null, null, function* () {
     e.stopPropagation();
     resetNewMessagesCount();
     refetch({
@@ -9024,7 +9072,7 @@ var InboxTabs = (props) => {
     className: "nt-size-3",
     iconKey: "check"
   });
-  const options = solidJs.createMemo(() => dropdownTabs().map((tab) => chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, tab), {
+  const options = solidJs.createMemo(() => dropdownTabs().map((tab) => chunkA6CBLMST_js.__spreadProps(chunkA6CBLMST_js.__spreadValues({}, tab), {
     rightIcon: tab.label === activeTab() ? web.createComponent(IconRendererWrapper, {
       iconKey: "check",
       "class": checkIconClass,
@@ -9177,7 +9225,7 @@ var InboxTabs = (props) => {
             },
             get filter() {
               var _a, _b;
-              return chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, filter()), {
+              return chunkA6CBLMST_js.__spreadProps(chunkA6CBLMST_js.__spreadValues({}, filter()), {
                 tags: getTagsFromTab(tab),
                 data: (_a = tab.filter) == null ? void 0 : _a.data,
                 severity: (_b = tab.filter) == null ? void 0 : _b.severity
@@ -9513,7 +9561,7 @@ var MsTeamsConnectButton = (props) => {
     }
     const startedAt = Date.now();
     const schedulePoll = (intervalMs) => {
-      timeoutIdRef.current = setTimeout(() => chunk7B52C2XE_js.__async(null, null, function* () {
+      timeoutIdRef.current = setTimeout(() => chunkA6CBLMST_js.__async(null, null, function* () {
         var _a, _b;
         try {
           const response = yield novuAccessor().channelConnections.get({
@@ -9540,7 +9588,7 @@ var MsTeamsConnectButton = (props) => {
     };
     schedulePoll(POLL_INITIAL_INTERVAL_MS);
   };
-  const handleClick = () => chunk7B52C2XE_js.__async(null, null, function* () {
+  const handleClick = () => chunkA6CBLMST_js.__async(null, null, function* () {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     if (isConnected()) {
       const identifier = (_a = connection()) == null ? void 0 : _a.identifier;
@@ -9783,7 +9831,7 @@ var MsTeamsConnectButton = (props) => {
 var useChannelEndpoint = (options) => {
   const novuAccessor = useNovu();
   const [loading, setLoading] = solidJs.createSignal(true);
-  const [endpoint, { mutate, refetch }] = solidJs.createResource(options, (_0) => chunk7B52C2XE_js.__async(null, [_0], function* ({ endpointIdentifier }) {
+  const [endpoint, { mutate, refetch }] = solidJs.createResource(options, (_0) => chunkA6CBLMST_js.__async(null, [_0], function* ({ endpointIdentifier }) {
     var _a;
     try {
       if (!endpointIdentifier) {
@@ -9797,10 +9845,10 @@ var useChannelEndpoint = (options) => {
       return null;
     }
   }));
-  const generateLinkUserOAuthUrl = (args) => chunk7B52C2XE_js.__async(null, null, function* () {
+  const generateLinkUserOAuthUrl = (args) => chunkA6CBLMST_js.__async(null, null, function* () {
     return novuAccessor().channelEndpoints.generateLinkUserOAuthUrl(args);
   });
-  const create = (args) => chunk7B52C2XE_js.__async(null, null, function* () {
+  const create = (args) => chunkA6CBLMST_js.__async(null, null, function* () {
     setLoading(true);
     const response = yield novuAccessor().channelEndpoints.create(args);
     if (response.data) {
@@ -9809,7 +9857,7 @@ var useChannelEndpoint = (options) => {
     setLoading(false);
     return response;
   });
-  const remove = (identifier) => chunk7B52C2XE_js.__async(null, null, function* () {
+  const remove = (identifier) => chunkA6CBLMST_js.__async(null, null, function* () {
     setLoading(true);
     const response = yield novuAccessor().channelEndpoints.delete({ identifier });
     if (!response.error) {
@@ -9889,7 +9937,7 @@ var MsTeamsLinkUser = (props) => {
   solidJs.createResource(() => ({
     integrationIdentifier: integrationIdentifier(),
     connectionIdentifier: connectionIdentifier()
-  }), (_0) => chunk7B52C2XE_js.__async(null, [_0], function* ({
+  }), (_0) => chunkA6CBLMST_js.__async(null, [_0], function* ({
     integrationIdentifier: intId,
     connectionIdentifier: connId
   }) {
@@ -9924,7 +9972,7 @@ var MsTeamsLinkUser = (props) => {
   });
   const startPolling = () => {
     const startedAt = Date.now();
-    pollingIntervalId = setInterval(() => chunk7B52C2XE_js.__async(null, null, function* () {
+    pollingIntervalId = setInterval(() => chunkA6CBLMST_js.__async(null, null, function* () {
       var _a, _b, _c, _d;
       try {
         const response = yield novuAccessor().channelEndpoints.list({
@@ -9950,7 +9998,7 @@ var MsTeamsLinkUser = (props) => {
       }
     }), POLL_INTERVAL_MS);
   };
-  const handleClick = () => chunk7B52C2XE_js.__async(null, null, function* () {
+  const handleClick = () => chunkA6CBLMST_js.__async(null, null, function* () {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     if (isLinked()) {
       const identifier = (_a = endpoint()) == null ? void 0 : _a.identifier;
@@ -10213,7 +10261,7 @@ var SlackConnectButton = (props) => {
       intervalIdRef.current = null;
     }
     const startedAt = Date.now();
-    intervalIdRef.current = setInterval(() => chunk7B52C2XE_js.__async(null, null, function* () {
+    intervalIdRef.current = setInterval(() => chunkA6CBLMST_js.__async(null, null, function* () {
       var _a, _b;
       try {
         const response = yield novuAccessor().channelConnections.get({
@@ -10241,7 +10289,7 @@ var SlackConnectButton = (props) => {
       }
     }), POLL_INTERVAL_MS2);
   };
-  const handleClick = () => chunk7B52C2XE_js.__async(null, null, function* () {
+  const handleClick = () => chunkA6CBLMST_js.__async(null, null, function* () {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     if (isConnected()) {
       const identifier = (_a = connection()) == null ? void 0 : _a.identifier;
@@ -10516,7 +10564,7 @@ var SlackLinkUser = (props) => {
   solidJs.createResource(() => ({
     integrationIdentifier: integrationIdentifier(),
     connectionIdentifier: connectionIdentifier()
-  }), (_0) => chunk7B52C2XE_js.__async(null, [_0], function* ({
+  }), (_0) => chunkA6CBLMST_js.__async(null, [_0], function* ({
     integrationIdentifier: intId,
     connectionIdentifier: connId
   }) {
@@ -10551,7 +10599,7 @@ var SlackLinkUser = (props) => {
   });
   const startPolling = () => {
     const startedAt = Date.now();
-    pollingIntervalId = setInterval(() => chunk7B52C2XE_js.__async(null, null, function* () {
+    pollingIntervalId = setInterval(() => chunkA6CBLMST_js.__async(null, null, function* () {
       var _a, _b, _c, _d;
       try {
         const response = yield novuAccessor().channelEndpoints.list({
@@ -10577,7 +10625,7 @@ var SlackLinkUser = (props) => {
       }
     }), POLL_INTERVAL_MS3);
   };
-  const handleClick = () => chunk7B52C2XE_js.__async(null, null, function* () {
+  const handleClick = () => chunkA6CBLMST_js.__async(null, null, function* () {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     if (isLinked()) {
       const identifier = (_a = endpoint()) == null ? void 0 : _a.identifier;
@@ -10783,12 +10831,12 @@ var useSubscription = (options) => {
     var _a;
     const subscriberId = novuAccessor().subscriberId;
     const contextKey = novuAccessor().contextKey;
-    return (_a = options.identifier) != null ? _a : chunkWDGG3OER_js.buildSubscriptionIdentifier({ topicKey: options.topicKey, subscriberId, contextKey });
+    return (_a = options.identifier) != null ? _a : chunkTLQQB5Y7_js.buildSubscriptionIdentifier({ topicKey: options.topicKey, subscriberId, contextKey });
   };
   const [loading, setLoading] = solidJs.createSignal(true);
   const [subscription, { mutate, refetch }] = solidJs.createResource(
     options || {},
-    (_0) => chunk7B52C2XE_js.__async(null, [_0], function* ({ topicKey, identifier: identifier2, workflowIds, tags }) {
+    (_0) => chunkA6CBLMST_js.__async(null, [_0], function* ({ topicKey, identifier: identifier2, workflowIds, tags }) {
       try {
         const response = yield novuAccessor().subscriptions.get({
           topicKey,
@@ -10803,7 +10851,7 @@ var useSubscription = (options) => {
       }
     })
   );
-  const create = (args) => chunk7B52C2XE_js.__async(null, null, function* () {
+  const create = (args) => chunkA6CBLMST_js.__async(null, null, function* () {
     setLoading(true);
     const response = yield novuAccessor().subscriptions.create(args);
     if (response.data) {
@@ -10812,7 +10860,7 @@ var useSubscription = (options) => {
     setLoading(false);
     return response;
   });
-  const remove = (args) => chunk7B52C2XE_js.__async(null, null, function* () {
+  const remove = (args) => chunkA6CBLMST_js.__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);
@@ -11072,14 +11120,14 @@ var SubscriptionPreferenceGroupRow = (props) => {
       indeterminate: true
     };
   });
-  const handleGroupChange = (checked) => chunk7B52C2XE_js.__async(null, null, function* () {
+  const handleGroupChange = (checked) => chunkA6CBLMST_js.__async(null, null, function* () {
     const updates = props.group.group.map((pref) => ({
       workflowId: pref.preference.workflow.identifier || pref.preference.workflow.id,
       value: checked
     }));
     yield props.subscription.bulkUpdatePreferences(updates);
   });
-  const handlePreferenceChange = (preference) => (checked) => chunk7B52C2XE_js.__async(null, null, function* () {
+  const handlePreferenceChange = (preference) => (checked) => chunkA6CBLMST_js.__async(null, null, function* () {
     yield preference.update({
       value: checked
     });
@@ -11289,7 +11337,7 @@ var SubscriptionPreferenceRow = (props) => {
     t
   } = useLocalization();
   const preference = solidJs.createMemo(() => props.preference.preference);
-  const handleChange = (checked) => chunk7B52C2XE_js.__async(null, null, function* () {
+  const handleChange = (checked) => chunkA6CBLMST_js.__async(null, null, function* () {
     yield preference().update({
       value: checked
     });
@@ -11596,7 +11644,7 @@ var SubscriptionPreferences = (props) => {
   solidJs.createEffect(() => {
     setDynamicLocalization((prev) => {
       var _a, _b;
-      return chunk7B52C2XE_js.__spreadValues(chunk7B52C2XE_js.__spreadValues({}, prev), (_b = (_a = props.subscription) == null ? void 0 : _a.preferences) == null ? void 0 : _b.reduce((acc, preference) => {
+      return chunkA6CBLMST_js.__spreadValues(chunkA6CBLMST_js.__spreadValues({}, prev), (_b = (_a = props.subscription) == null ? void 0 : _a.preferences) == null ? void 0 : _b.reduce((acc, preference) => {
         var _a2, _b2;
         if (((_a2 = preference.workflow) == null ? void 0 : _a2.identifier) && ((_b2 = preference.workflow) == null ? void 0 : _b2.name)) {
           acc[preference.workflow.identifier] = preference.workflow.name;
@@ -12095,7 +12143,7 @@ var SubscriptionButtonWrapper = (props) => {
     workflowIds,
     tags
   });
-  const onSubscribeClick = () => chunk7B52C2XE_js.__async(null, null, function* () {
+  const onSubscribeClick = () => chunkA6CBLMST_js.__async(null, null, function* () {
     var _a2, _b2, _c, _d, _e, _f;
     const currentSubscription = subscription();
     (_a2 = props.onClick) == null ? void 0 : _a2.call(props, {
@@ -12169,7 +12217,7 @@ var SubscriptionPreferencesWrapper = (props) => {
     workflowIds,
     tags
   });
-  const onSubscribeClick = () => chunk7B52C2XE_js.__async(null, null, function* () {
+  const onSubscribeClick = () => chunkA6CBLMST_js.__async(null, null, function* () {
     var _a2, _b2, _c, _d, _e, _f;
     const currentSubscription = subscription();
     (_a2 = props.onClick) == null ? void 0 : _a2.call(props, {
@@ -12231,6 +12279,323 @@ var SubscriptionPreferencesWrapper = (props) => {
     onSubscribeClick
   });
 };
+var TELEGRAM_PROVIDER_ID = "telegram";
+var useTelegramConnection = (options) => {
+  const novuAccessor = useNovu();
+  const [loading, setLoading] = solidJs.createSignal(true);
+  const [endpoint, { mutate, refetch }] = solidJs.createResource(
+    options,
+    (_0) => chunkA6CBLMST_js.__async(null, [_0], function* ({ integrationIdentifier, subscriberId }) {
+      var _a, _b;
+      try {
+        if (!integrationIdentifier) {
+          return null;
+        }
+        const response = yield novuAccessor().channelEndpoints.list({
+          integrationIdentifier,
+          providerId: TELEGRAM_PROVIDER_ID,
+          subscriberId,
+          limit: 1
+        });
+        return (_b = (_a = response.data) == null ? void 0 : _a[0]) != null ? _b : null;
+      } catch (e) {
+        return null;
+      }
+    })
+  );
+  const link = (args) => chunkA6CBLMST_js.__async(null, null, function* () {
+    return novuAccessor().channelEndpoints.link(args);
+  });
+  const disconnect = (identifier) => chunkA6CBLMST_js.__async(null, null, function* () {
+    setLoading(true);
+    const response = yield novuAccessor().channelEndpoints.delete({ identifier });
+    if (!response.error) {
+      mutate(null);
+    }
+    setLoading(false);
+    return response;
+  });
+  solidJs.createEffect(() => {
+    setLoading(endpoint.loading);
+  });
+  return { endpoint, loading, mutate, refetch, link, disconnect };
+};
+var _tmpl$104 = /* @__PURE__ */ web.template(`<svg width=16 height=16 viewBox="0 0 32 32"fill=none xmlns=http://www.w3.org/2000/svg><circle cx=16 cy=16 r=14 fill=#26A5E4></circle><path fill=#fff d="M7.2 15.6l14.4-5.6c.7-.2 1.3.2 1.1 1l-2.4 11.6c-.2.8-.7 1-1.4.6l-4-3-1.9 1.8c-.2.2-.4.4-.8.4l.3-4 7.2-6.6c.3-.3-.1-.4-.5-.2l-8.9 5.6-3.8-1.2c-.8-.2-.8-.8.2-1.2l-.1-.2Z">`);
+var TelegramColored = (props) => {
+  return (() => {
+    var _el$ = _tmpl$104();
+    web.spread(_el$, props, true, true);
+    return _el$;
+  })();
+};
+
+// src/ui/components/telegram-connect-button/TelegramConnectButton.tsx
+var _tmpl$105 = /* @__PURE__ */ web.template(`<span>`);
+var _tmpl$234 = /* @__PURE__ */ web.template(`<div>`);
+var TELEGRAM_PROVIDER_ID2 = "telegram";
+var POLL_INTERVAL_MS4 = 2500;
+var POLL_TIMEOUT_MS5 = 12e4;
+var TelegramConnectButton = (props) => {
+  const style = useStyle();
+  const novuAccessor = useNovu();
+  const integrationIdentifier = () => props.integrationIdentifier;
+  const resolvedSubscriberId = () => {
+    var _a;
+    return (_a = props.subscriberId) != null ? _a : novuAccessor().subscriberId;
+  };
+  const {
+    endpoint,
+    loading,
+    disconnect,
+    mutate,
+    link
+  } = useTelegramConnection({
+    integrationIdentifier: integrationIdentifier(),
+    subscriberId: props.subscriberId
+  });
+  const [actionLoading, setActionLoading] = solidJs.createSignal(false);
+  const isConnected = () => !!endpoint();
+  const isLoading = () => loading() || actionLoading();
+  const intervalIdRef = {
+    current: null
+  };
+  const stopPolling = () => {
+    if (intervalIdRef.current !== null) {
+      clearInterval(intervalIdRef.current);
+      intervalIdRef.current = null;
+    }
+  };
+  solidJs.onCleanup(stopPolling);
+  const startPolling = () => {
+    stopPolling();
+    const startedAt = Date.now();
+    let committed = false;
+    intervalIdRef.current = setInterval(() => chunkA6CBLMST_js.__async(null, null, function* () {
+      var _a, _b, _c;
+      if (committed) {
+        return;
+      }
+      try {
+        const response = yield novuAccessor().channelEndpoints.list({
+          integrationIdentifier: integrationIdentifier(),
+          providerId: TELEGRAM_PROVIDER_ID2,
+          subscriberId: resolvedSubscriberId(),
+          limit: 1
+        });
+        if (committed) {
+          return;
+        }
+        const found = (_a = response.data) == null ? void 0 : _a[0];
+        if (found) {
+          committed = true;
+          stopPolling();
+          setActionLoading(false);
+          mutate(found);
+          (_b = props.onConnectSuccess) == null ? void 0 : _b.call(props, found.identifier);
+          return;
+        }
+      } catch (e) {
+      }
+      if (committed) {
+        return;
+      }
+      if (Date.now() - startedAt >= POLL_TIMEOUT_MS5) {
+        committed = true;
+        stopPolling();
+        setActionLoading(false);
+        (_c = props.onConnectError) == null ? void 0 : _c.call(props, new Error("Telegram connection timed out. Please try again."));
+      }
+    }), POLL_INTERVAL_MS4);
+  };
+  const handleClick = () => chunkA6CBLMST_js.__async(null, null, function* () {
+    var _a, _b, _c, _d, _e, _f;
+    if (isConnected()) {
+      const identifier = (_a = endpoint()) == 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 result = yield link({
+        integrationIdentifier: integrationIdentifier()
+      });
+      if (result.error) {
+        setActionLoading(false);
+        (_d = props.onConnectError) == null ? void 0 : _d.call(props, result.error);
+        return;
+      }
+      if ((_e = result.data) == null ? void 0 : _e.url) {
+        window.open(result.data.url, "_blank", "noopener,noreferrer");
+        startPolling();
+      } else {
+        setActionLoading(false);
+        (_f = props.onConnectError) == null ? void 0 : _f.call(props, new Error("Telegram link URL was not returned. Please try again."));
+      }
+    }
+  });
+  const buttonContent = () => (() => {
+    var _el$ = _tmpl$105();
+    web.insert(_el$, web.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 [web.memo(() => web.memo(() => !!isConnected())() ? web.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$105();
+              web.insert(_el$3, web.createComponent(CheckCircleFill, {
+                "class": "nt-size-full"
+              }));
+              web.effect(() => web.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;
+            })();
+          }
+        }) : web.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 web.createComponent(TelegramColored, {
+              get ["class"]() {
+                return style({
+                  key: "channelConnectButtonIcon",
+                  className: "nt-size-4 nt-shrink-0",
+                  iconKey: "channelConnect",
+                  context: {
+                    connected: false
+                  }
+                });
+              }
+            });
+          }
+        })), (() => {
+          var _el$2 = _tmpl$105();
+          web.insert(_el$2, () => {
+            var _a, _b;
+            return isConnected() ? (_a = props.connectedLabel) != null ? _a : "Connected to Telegram" : (_b = props.connectLabel) != null ? _b : "Connect Telegram";
+          });
+          web.effect(() => web.className(_el$2, style({
+            key: "channelConnectButtonLabel",
+            className: "[line-height:16px]",
+            context: {
+              connected: isConnected()
+            }
+          })));
+          return _el$2;
+        })()];
+      }
+    }), null);
+    web.insert(_el$, web.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 web.createComponent(Loader, {
+          "class": "nt-text-foreground-alpha-600 nt-size-3.5 nt-animate-spin"
+        });
+      }
+    }), null);
+    web.effect(() => web.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 web.createComponent(solidJs.Show, {
+    get when() {
+      return !loading();
+    },
+    get fallback() {
+      return web.createComponent(Loader, {
+        "class": "nt-text-foreground-alpha-600 nt-size-4 nt-animate-spin"
+      });
+    },
+    get children() {
+      var _el$4 = _tmpl$234();
+      web.insert(_el$4, web.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();
+        }
+      }));
+      web.effect(() => web.className(_el$4, style({
+        key: "channelConnectButtonContainer",
+        className: "nt-flex nt-items-center nt-gap-2",
+        context: {
+          connected: isConnected()
+        }
+      })));
+      return _el$4;
+    }
+  });
+};
 
 // src/ui/components/Renderer.tsx
 var novuComponents = {
@@ -12245,7 +12610,7 @@ var novuComponents = {
         renderAvatar,
         renderDefaultActions,
         renderCustomActions
-      } = _a, otherProps = chunk7B52C2XE_js.__objRest(_a, [
+      } = _a, otherProps = chunkA6CBLMST_js.__objRest(_a, [
         "renderBody",
         "renderSubject",
         "renderAvatar",
@@ -12261,7 +12626,7 @@ var novuComponents = {
     }
     const _b = props, {
       renderNotification
-    } = _b, propsWithoutRenderNotification = chunk7B52C2XE_js.__objRest(_b, [
+    } = _b, propsWithoutRenderNotification = chunkA6CBLMST_js.__objRest(_b, [
       "renderNotification"
     ]);
     return web.createComponent(InboxContent, web.mergeProps(propsWithoutRenderNotification, {
@@ -12279,7 +12644,7 @@ var novuComponents = {
         renderAvatar,
         renderDefaultActions,
         renderCustomActions
-      } = _a, otherProps = chunk7B52C2XE_js.__objRest(_a, [
+      } = _a, otherProps = chunkA6CBLMST_js.__objRest(_a, [
         "renderBody",
         "renderSubject",
         "renderAvatar",
@@ -12295,7 +12660,7 @@ var novuComponents = {
     }
     const _b = props, {
       renderNotification
-    } = _b, propsWithoutRenderNotification = chunk7B52C2XE_js.__objRest(_b, [
+    } = _b, propsWithoutRenderNotification = chunkA6CBLMST_js.__objRest(_b, [
       "renderNotification"
     ]);
     return web.createComponent(InboxContent, web.mergeProps(propsWithoutRenderNotification, {
@@ -12312,10 +12677,11 @@ var novuComponents = {
   SlackLinkUser,
   SlackConnectButton,
   MsTeamsLinkUser,
-  MsTeamsConnectButton
+  MsTeamsConnectButton,
+  TelegramConnectButton
 };
 var SUBSCRIPTION_COMPONENTS = ["Subscription", "SubscriptionButton", "SubscriptionPreferences"];
-var CHANNEL_COMPONENTS = ["ConnectChat", "SlackLinkUser", "SlackConnectButton", "MsTeamsLinkUser", "MsTeamsConnectButton"];
+var CHANNEL_COMPONENTS = ["ConnectChat", "SlackLinkUser", "SlackConnectButton", "MsTeamsLinkUser", "MsTeamsConnectButton", "TelegramConnectButton"];
 var InboxComponentsRenderer = (props) => {
   return web.createComponent(solidJs.Show, {
     get when() {
@@ -12495,31 +12861,31 @@ var Renderer = (props) => {
 var _dispose, _container, _setContainer, _rootElement, _mountedElements, _setMountedElements, _appearance, _setAppearance, _localization, _setLocalization, _options, _setOptions, _tabs, _setTabs, _routerPush, _setRouterPush, _preferencesFilter, _setPreferencesFilter, _preferenceGroups, _setPreferenceGroups, _preferencesSort, _setPreferencesSort, _novu, _setNovu, _NovuUI_instances, getContainerElement_fn, mountComponentRenderer_fn, updateComponentProps_fn;
 var NovuUI = class {
   constructor(props) {
-    chunk7B52C2XE_js.__privateAdd(this, _NovuUI_instances);
-    chunk7B52C2XE_js.__privateAdd(this, _dispose, null);
-    chunk7B52C2XE_js.__privateAdd(this, _container);
-    chunk7B52C2XE_js.__privateAdd(this, _setContainer);
-    chunk7B52C2XE_js.__privateAdd(this, _rootElement);
-    chunk7B52C2XE_js.__privateAdd(this, _mountedElements);
-    chunk7B52C2XE_js.__privateAdd(this, _setMountedElements);
-    chunk7B52C2XE_js.__privateAdd(this, _appearance);
-    chunk7B52C2XE_js.__privateAdd(this, _setAppearance);
-    chunk7B52C2XE_js.__privateAdd(this, _localization);
-    chunk7B52C2XE_js.__privateAdd(this, _setLocalization);
-    chunk7B52C2XE_js.__privateAdd(this, _options);
-    chunk7B52C2XE_js.__privateAdd(this, _setOptions);
-    chunk7B52C2XE_js.__privateAdd(this, _tabs);
-    chunk7B52C2XE_js.__privateAdd(this, _setTabs);
-    chunk7B52C2XE_js.__privateAdd(this, _routerPush);
-    chunk7B52C2XE_js.__privateAdd(this, _setRouterPush);
-    chunk7B52C2XE_js.__privateAdd(this, _preferencesFilter);
-    chunk7B52C2XE_js.__privateAdd(this, _setPreferencesFilter);
-    chunk7B52C2XE_js.__privateAdd(this, _preferenceGroups);
-    chunk7B52C2XE_js.__privateAdd(this, _setPreferenceGroups);
-    chunk7B52C2XE_js.__privateAdd(this, _preferencesSort);
-    chunk7B52C2XE_js.__privateAdd(this, _setPreferencesSort);
-    chunk7B52C2XE_js.__privateAdd(this, _novu);
-    chunk7B52C2XE_js.__privateAdd(this, _setNovu);
+    chunkA6CBLMST_js.__privateAdd(this, _NovuUI_instances);
+    chunkA6CBLMST_js.__privateAdd(this, _dispose, null);
+    chunkA6CBLMST_js.__privateAdd(this, _container);
+    chunkA6CBLMST_js.__privateAdd(this, _setContainer);
+    chunkA6CBLMST_js.__privateAdd(this, _rootElement);
+    chunkA6CBLMST_js.__privateAdd(this, _mountedElements);
+    chunkA6CBLMST_js.__privateAdd(this, _setMountedElements);
+    chunkA6CBLMST_js.__privateAdd(this, _appearance);
+    chunkA6CBLMST_js.__privateAdd(this, _setAppearance);
+    chunkA6CBLMST_js.__privateAdd(this, _localization);
+    chunkA6CBLMST_js.__privateAdd(this, _setLocalization);
+    chunkA6CBLMST_js.__privateAdd(this, _options);
+    chunkA6CBLMST_js.__privateAdd(this, _setOptions);
+    chunkA6CBLMST_js.__privateAdd(this, _tabs);
+    chunkA6CBLMST_js.__privateAdd(this, _setTabs);
+    chunkA6CBLMST_js.__privateAdd(this, _routerPush);
+    chunkA6CBLMST_js.__privateAdd(this, _setRouterPush);
+    chunkA6CBLMST_js.__privateAdd(this, _preferencesFilter);
+    chunkA6CBLMST_js.__privateAdd(this, _setPreferencesFilter);
+    chunkA6CBLMST_js.__privateAdd(this, _preferenceGroups);
+    chunkA6CBLMST_js.__privateAdd(this, _setPreferenceGroups);
+    chunkA6CBLMST_js.__privateAdd(this, _preferencesSort);
+    chunkA6CBLMST_js.__privateAdd(this, _setPreferencesSort);
+    chunkA6CBLMST_js.__privateAdd(this, _novu);
+    chunkA6CBLMST_js.__privateAdd(this, _setNovu);
     var _a;
     this.id = generateRandomString(16);
     const [appearance, setAppearance] = solidJs.createSignal(props.appearance);
@@ -12531,41 +12897,41 @@ var NovuUI = class {
     const [preferenceGroups, setPreferenceGroups] = solidJs.createSignal(props.preferenceGroups);
     const [preferencesSort, setPreferencesSort] = solidJs.createSignal(props.preferencesSort);
     const [routerPush, setRouterPush] = solidJs.createSignal(props.routerPush);
-    const [container, setContainer] = solidJs.createSignal(chunk7B52C2XE_js.__privateMethod(this, _NovuUI_instances, getContainerElement_fn).call(this, props.container));
+    const [container, setContainer] = solidJs.createSignal(chunkA6CBLMST_js.__privateMethod(this, _NovuUI_instances, getContainerElement_fn).call(this, props.container));
     const [novu, setNovu] = solidJs.createSignal(props.novu);
-    chunk7B52C2XE_js.__privateSet(this, _mountedElements, mountedElements);
-    chunk7B52C2XE_js.__privateSet(this, _setMountedElements, setMountedElements);
-    chunk7B52C2XE_js.__privateSet(this, _appearance, appearance);
-    chunk7B52C2XE_js.__privateSet(this, _setAppearance, setAppearance);
-    chunk7B52C2XE_js.__privateSet(this, _localization, localization);
-    chunk7B52C2XE_js.__privateSet(this, _setLocalization, setLocalization);
-    chunk7B52C2XE_js.__privateSet(this, _options, options);
-    chunk7B52C2XE_js.__privateSet(this, _setOptions, setOptions);
-    chunk7B52C2XE_js.__privateSet(this, _tabs, tabs);
-    chunk7B52C2XE_js.__privateSet(this, _setTabs, setTabs);
-    chunk7B52C2XE_js.__privateSet(this, _routerPush, routerPush);
-    chunk7B52C2XE_js.__privateSet(this, _setRouterPush, setRouterPush);
-    chunk7B52C2XE_js.__privateSet(this, _novu, novu);
-    chunk7B52C2XE_js.__privateSet(this, _setNovu, setNovu);
-    chunk7B52C2XE_js.__privateSet(this, _preferencesFilter, preferencesFilter);
-    chunk7B52C2XE_js.__privateSet(this, _setPreferencesFilter, setPreferencesFilter);
-    chunk7B52C2XE_js.__privateSet(this, _preferenceGroups, preferenceGroups);
-    chunk7B52C2XE_js.__privateSet(this, _setPreferenceGroups, setPreferenceGroups);
-    chunk7B52C2XE_js.__privateSet(this, _preferencesSort, preferencesSort);
-    chunk7B52C2XE_js.__privateSet(this, _setPreferencesSort, setPreferencesSort);
-    chunk7B52C2XE_js.__privateSet(this, _container, container);
-    chunk7B52C2XE_js.__privateSet(this, _setContainer, setContainer);
-    chunk7B52C2XE_js.__privateMethod(this, _NovuUI_instances, mountComponentRenderer_fn).call(this);
+    chunkA6CBLMST_js.__privateSet(this, _mountedElements, mountedElements);
+    chunkA6CBLMST_js.__privateSet(this, _setMountedElements, setMountedElements);
+    chunkA6CBLMST_js.__privateSet(this, _appearance, appearance);
+    chunkA6CBLMST_js.__privateSet(this, _setAppearance, setAppearance);
+    chunkA6CBLMST_js.__privateSet(this, _localization, localization);
+    chunkA6CBLMST_js.__privateSet(this, _setLocalization, setLocalization);
+    chunkA6CBLMST_js.__privateSet(this, _options, options);
+    chunkA6CBLMST_js.__privateSet(this, _setOptions, setOptions);
+    chunkA6CBLMST_js.__privateSet(this, _tabs, tabs);
+    chunkA6CBLMST_js.__privateSet(this, _setTabs, setTabs);
+    chunkA6CBLMST_js.__privateSet(this, _routerPush, routerPush);
+    chunkA6CBLMST_js.__privateSet(this, _setRouterPush, setRouterPush);
+    chunkA6CBLMST_js.__privateSet(this, _novu, novu);
+    chunkA6CBLMST_js.__privateSet(this, _setNovu, setNovu);
+    chunkA6CBLMST_js.__privateSet(this, _preferencesFilter, preferencesFilter);
+    chunkA6CBLMST_js.__privateSet(this, _setPreferencesFilter, setPreferencesFilter);
+    chunkA6CBLMST_js.__privateSet(this, _preferenceGroups, preferenceGroups);
+    chunkA6CBLMST_js.__privateSet(this, _setPreferenceGroups, setPreferenceGroups);
+    chunkA6CBLMST_js.__privateSet(this, _preferencesSort, preferencesSort);
+    chunkA6CBLMST_js.__privateSet(this, _setPreferencesSort, setPreferencesSort);
+    chunkA6CBLMST_js.__privateSet(this, _container, container);
+    chunkA6CBLMST_js.__privateSet(this, _setContainer, setContainer);
+    chunkA6CBLMST_js.__privateMethod(this, _NovuUI_instances, mountComponentRenderer_fn).call(this);
   }
   mountComponent({
     name,
     element,
     props: componentProps
   }) {
-    if (chunk7B52C2XE_js.__privateGet(this, _mountedElements).call(this).has(element)) {
-      return chunk7B52C2XE_js.__privateMethod(this, _NovuUI_instances, updateComponentProps_fn).call(this, element, componentProps);
+    if (chunkA6CBLMST_js.__privateGet(this, _mountedElements).call(this).has(element)) {
+      return chunkA6CBLMST_js.__privateMethod(this, _NovuUI_instances, updateComponentProps_fn).call(this, element, componentProps);
     }
-    chunk7B52C2XE_js.__privateGet(this, _setMountedElements).call(this, (oldNodes) => {
+    chunkA6CBLMST_js.__privateGet(this, _setMountedElements).call(this, (oldNodes) => {
       const newNodes = new Map(oldNodes);
       newNodes.set(element, {
         name,
@@ -12575,47 +12941,47 @@ var NovuUI = class {
     });
   }
   unmountComponent(element) {
-    chunk7B52C2XE_js.__privateGet(this, _setMountedElements).call(this, (oldMountedElements) => {
+    chunkA6CBLMST_js.__privateGet(this, _setMountedElements).call(this, (oldMountedElements) => {
       const newMountedElements = new Map(oldMountedElements);
       newMountedElements.delete(element);
       return newMountedElements;
     });
   }
   updateNovu(novu) {
-    chunk7B52C2XE_js.__privateGet(this, _setNovu).call(this, novu);
+    chunkA6CBLMST_js.__privateGet(this, _setNovu).call(this, novu);
   }
   updateAppearance(appearance) {
-    chunk7B52C2XE_js.__privateGet(this, _setAppearance).call(this, appearance);
+    chunkA6CBLMST_js.__privateGet(this, _setAppearance).call(this, appearance);
   }
   updateLocalization(localization) {
-    chunk7B52C2XE_js.__privateGet(this, _setLocalization).call(this, localization);
+    chunkA6CBLMST_js.__privateGet(this, _setLocalization).call(this, localization);
   }
   updateOptions(options) {
-    chunk7B52C2XE_js.__privateGet(this, _setOptions).call(this, options);
+    chunkA6CBLMST_js.__privateGet(this, _setOptions).call(this, options);
   }
   updateTabs(tabs) {
-    chunk7B52C2XE_js.__privateGet(this, _setTabs).call(this, tabs != null ? tabs : []);
+    chunkA6CBLMST_js.__privateGet(this, _setTabs).call(this, tabs != null ? tabs : []);
   }
   updatePreferencesFilter(preferencesFilter) {
-    chunk7B52C2XE_js.__privateGet(this, _setPreferencesFilter).call(this, preferencesFilter);
+    chunkA6CBLMST_js.__privateGet(this, _setPreferencesFilter).call(this, preferencesFilter);
   }
   updatePreferenceGroups(preferenceGroups) {
-    chunk7B52C2XE_js.__privateGet(this, _setPreferenceGroups).call(this, preferenceGroups);
+    chunkA6CBLMST_js.__privateGet(this, _setPreferenceGroups).call(this, preferenceGroups);
   }
   updatePreferencesSort(preferencesSort) {
-    chunk7B52C2XE_js.__privateGet(this, _setPreferencesSort).call(this, () => preferencesSort);
+    chunkA6CBLMST_js.__privateGet(this, _setPreferencesSort).call(this, () => preferencesSort);
   }
   updateRouterPush(routerPush) {
-    chunk7B52C2XE_js.__privateGet(this, _setRouterPush).call(this, () => routerPush);
+    chunkA6CBLMST_js.__privateGet(this, _setRouterPush).call(this, () => routerPush);
   }
   updateContainer(container) {
-    chunk7B52C2XE_js.__privateGet(this, _setContainer).call(this, chunk7B52C2XE_js.__privateMethod(this, _NovuUI_instances, getContainerElement_fn).call(this, container));
+    chunkA6CBLMST_js.__privateGet(this, _setContainer).call(this, chunkA6CBLMST_js.__privateMethod(this, _NovuUI_instances, getContainerElement_fn).call(this, container));
   }
   unmount() {
     var _a, _b;
-    (_a = chunk7B52C2XE_js.__privateGet(this, _dispose)) == null ? void 0 : _a.call(this);
-    chunk7B52C2XE_js.__privateSet(this, _dispose, null);
-    (_b = chunk7B52C2XE_js.__privateGet(this, _rootElement)) == null ? void 0 : _b.remove();
+    (_a = chunkA6CBLMST_js.__privateGet(this, _dispose)) == null ? void 0 : _a.call(this);
+    chunkA6CBLMST_js.__privateSet(this, _dispose, null);
+    (_b = chunkA6CBLMST_js.__privateGet(this, _rootElement)) == null ? void 0 : _b.remove();
   }
 };
 _dispose = new WeakMap();
@@ -12654,70 +13020,70 @@ getContainerElement_fn = function(container) {
   return container;
 };
 mountComponentRenderer_fn = function() {
-  if (chunk7B52C2XE_js.__privateGet(this, _dispose) !== null) {
+  if (chunkA6CBLMST_js.__privateGet(this, _dispose) !== null) {
     return;
   }
-  chunk7B52C2XE_js.__privateSet(this, _rootElement, document.createElement("div"));
-  chunk7B52C2XE_js.__privateGet(this, _rootElement).setAttribute("id", `novu-ui-${this.id}`);
-  const container = chunk7B52C2XE_js.__privateGet(this, _container).call(this);
-  (container != null ? container : document.body).appendChild(chunk7B52C2XE_js.__privateGet(this, _rootElement));
+  chunkA6CBLMST_js.__privateSet(this, _rootElement, document.createElement("div"));
+  chunkA6CBLMST_js.__privateGet(this, _rootElement).setAttribute("id", `novu-ui-${this.id}`);
+  const container = chunkA6CBLMST_js.__privateGet(this, _container).call(this);
+  (container != null ? container : document.body).appendChild(chunkA6CBLMST_js.__privateGet(this, _rootElement));
   const dispose = web.render(() => {
     const _self$ = this;
     return web.createComponent(Renderer, {
       novuUI: _self$,
       get nodes() {
         var _a;
-        return chunk7B52C2XE_js.__privateGet(_a = _self$, _mountedElements).call(_a);
+        return chunkA6CBLMST_js.__privateGet(_a = _self$, _mountedElements).call(_a);
       },
       get options() {
         var _a;
-        return chunk7B52C2XE_js.__privateGet(_a = _self$, _options).call(_a);
+        return chunkA6CBLMST_js.__privateGet(_a = _self$, _options).call(_a);
       },
       get appearance() {
         var _a;
-        return chunk7B52C2XE_js.__privateGet(_a = _self$, _appearance).call(_a);
+        return chunkA6CBLMST_js.__privateGet(_a = _self$, _appearance).call(_a);
       },
       get localization() {
         var _a;
-        return chunk7B52C2XE_js.__privateGet(_a = _self$, _localization).call(_a);
+        return chunkA6CBLMST_js.__privateGet(_a = _self$, _localization).call(_a);
       },
       get tabs() {
         var _a;
-        return chunk7B52C2XE_js.__privateGet(_a = _self$, _tabs).call(_a);
+        return chunkA6CBLMST_js.__privateGet(_a = _self$, _tabs).call(_a);
       },
       get preferencesFilter() {
         var _a;
-        return chunk7B52C2XE_js.__privateGet(_a = _self$, _preferencesFilter).call(_a);
+        return chunkA6CBLMST_js.__privateGet(_a = _self$, _preferencesFilter).call(_a);
       },
       get preferenceGroups() {
         var _a;
-        return chunk7B52C2XE_js.__privateGet(_a = _self$, _preferenceGroups).call(_a);
+        return chunkA6CBLMST_js.__privateGet(_a = _self$, _preferenceGroups).call(_a);
       },
       get preferencesSort() {
         var _a;
-        return chunk7B52C2XE_js.__privateGet(_a = _self$, _preferencesSort).call(_a);
+        return chunkA6CBLMST_js.__privateGet(_a = _self$, _preferencesSort).call(_a);
       },
       get routerPush() {
         var _a;
-        return chunk7B52C2XE_js.__privateGet(_a = _self$, _routerPush).call(_a);
+        return chunkA6CBLMST_js.__privateGet(_a = _self$, _routerPush).call(_a);
       },
       get novu() {
-        return chunk7B52C2XE_js.__privateGet(_self$, _novu);
+        return chunkA6CBLMST_js.__privateGet(_self$, _novu);
       },
       get container() {
         var _a;
-        return chunk7B52C2XE_js.__privateGet(_a = _self$, _container).call(_a);
+        return chunkA6CBLMST_js.__privateGet(_a = _self$, _container).call(_a);
       }
     });
-  }, chunk7B52C2XE_js.__privateGet(this, _rootElement));
-  chunk7B52C2XE_js.__privateSet(this, _dispose, dispose);
+  }, chunkA6CBLMST_js.__privateGet(this, _rootElement));
+  chunkA6CBLMST_js.__privateSet(this, _dispose, dispose);
 };
 updateComponentProps_fn = function(element, props) {
-  chunk7B52C2XE_js.__privateGet(this, _setMountedElements).call(this, (oldMountedElements) => {
+  chunkA6CBLMST_js.__privateGet(this, _setMountedElements).call(this, (oldMountedElements) => {
     const newMountedElements = new Map(oldMountedElements);
     const mountedElement = newMountedElements.get(element);
     if (mountedElement) {
-      newMountedElements.set(element, chunk7B52C2XE_js.__spreadProps(chunk7B52C2XE_js.__spreadValues({}, mountedElement), {
+      newMountedElements.set(element, chunkA6CBLMST_js.__spreadProps(chunkA6CBLMST_js.__spreadValues({}, mountedElement), {
         props
       }));
     }