@dialpad/dialtone 9.76.0 → 9.77.0-beta.1

package/dist/vue3/style.css

@@ -609,42 +609,42 @@
   line-height: var(--dt-font-line-height-100);
   font-variant: tabular-nums;
 }
-.dt-feed-item-row[data-v-418199f0] {
+.dt-feed-item-row[data-v-731d32a0] {
   width: var(--dt-size-100-percent);
   box-sizing: border-box;
   position: relative;
   padding: var(--dt-space-300) var(--dt-space-500);
 }
-.dt-feed-item-row[data-v-418199f0]:focus-visible {
+.dt-feed-item-row[data-v-731d32a0]:focus-visible {
   box-shadow: var(--dt-shadow-focus-inset);
 }
-.dt-feed-item-row--state-searched[data-v-418199f0] {
+.dt-feed-item-row--state-searched[data-v-731d32a0] {
   background-color: var(--dt-color-surface-warning-subtle);
 }
-.dt-feed-item-row--state-error[data-v-418199f0] {
+.dt-feed-item-row--state-error[data-v-731d32a0] {
   background-color: var(--dt-color-surface-critical-subtle);
 }
-.dt-feed-item-row--active[data-v-418199f0] {
+.dt-feed-item-row--active[data-v-731d32a0] {
   background-color: var(--dt-color-surface-secondary-opaque);
 }
-.dt-feed-item-row--state-transition[data-v-418199f0] {
+.dt-feed-item-row--state-transition[data-v-731d32a0] {
   transition-duration: 2s;
   transition-delay: 0s;
   transition-timing-function: var(--ttf-in-out);
   transition-property: background-color;
 }
-.dt-feed-item-row__avatar-container[data-v-418199f0] {
+.dt-feed-item-row__avatar-container[data-v-731d32a0] {
   padding-top: var(--dt-space-300);
   padding-bottom: var(--dt-space-300);
 }
-.dt-feed-item-row__content[data-v-418199f0] {
+.dt-feed-item-row__content[data-v-731d32a0] {
   padding-left: var(--dt-space-300);
 }
-.dt-feed-item-row__attachment[data-v-418199f0] {
+.dt-feed-item-row__attachment[data-v-731d32a0] {
   padding-top: var(--dt-space-200);
   padding-bottom: var(--dt-space-300);
 }
-.dt-feed-item-row__attachment[data-v-418199f0] .dt-feed-item-row__image {
+.dt-feed-item-row__attachment[data-v-731d32a0] .dt-feed-item-row__image {
   border: var(--dt-color-border-subtle) solid var(--dt-size-border-100);
   border-radius: var(--dt-size-radius-400);
   display: block;
@@ -653,11 +653,11 @@
   min-width: 5.6rem;
   min-height: 5.6rem;
 }
-.dt-feed-item-row__attachment[data-v-418199f0] .dt-feed-item-row__video {
+.dt-feed-item-row__attachment[data-v-731d32a0] .dt-feed-item-row__video {
   display: block;
   height: 25rem;
 }
-.dt-feed-item-row__header[data-v-418199f0] {
+.dt-feed-item-row__header[data-v-731d32a0] {
   display: flex;
   align-items: baseline;
   flex-wrap: wrap;
@@ -665,43 +665,43 @@
   font-size: var(--dt-font-size-200);
   line-height: var(--dt-font-line-height-300);
 }
-.dt-feed-item-row__header__name[data-v-418199f0] {
+.dt-feed-item-row__header__name[data-v-731d32a0] {
   font-weight: var(--dt-font-weight-bold);
 }
-.dt-feed-item-row__header__time[data-v-418199f0] {
+.dt-feed-item-row__header__time[data-v-731d32a0] {
   font-size: var(--dt-font-size-100);
   color: var(--dt-color-foreground-tertiary);
   flex-shrink: 0;
 }
-.dt-feed-item-row__reactions[data-v-418199f0] {
+.dt-feed-item-row__reactions[data-v-731d32a0] {
   display: flex;
   flex-wrap: wrap;
   padding-top: var(--dt-space-200);
   padding-bottom: var(--dt-space-200);
   padding-left: var(--dt-space-300);
 }
-.dt-feed-item-row__threading[data-v-418199f0] {
+.dt-feed-item-row__threading[data-v-731d32a0] {
   padding-top: var(--dt-space-200);
   padding-bottom: var(--dt-space-200);
 }
-.dt-feed-item-row__left-time[data-v-418199f0] {
+.dt-feed-item-row__left-time[data-v-731d32a0] {
   color: var(--dt-color-foreground-tertiary);
   font-size: var(--dt-font-size-100);
   font-weight: var(--dt-font-weight-normal);
   vertical-align: middle;
   white-space: nowrap;
 }
-.dt-feed-item-row__menu[data-v-418199f0] {
+.dt-feed-item-row__menu[data-v-731d32a0] {
   position: absolute;
   top: var(--dt-space-550-negative);
   right: var(--dt-space-450);
 }
-.dt-feed-item-row[data-v-418199f0] > .dt-item-layout {
+.dt-feed-item-row[data-v-731d32a0] > .dt-item-layout {
   font: var(--dt-typography-body-md-compact);
   min-height: initial;
   padding: 0px;
 }
-.dt-feed-item-row[data-v-418199f0] > .dt-item-layout > .dt-item-layout--left {
+.dt-feed-item-row[data-v-731d32a0] > .dt-item-layout > .dt-item-layout--left {
   align-self: flex-start;
   text-align: end;
   display: block;
@@ -709,20 +709,20 @@
   padding-left: var(--dt-space-0);
   min-width: calc(var(--dt-space-600) + var(--dt-space-300));
 }
-.dt-feed-item-row[data-v-418199f0] > .dt-item-layout > .dt-item-layout--right {
+.dt-feed-item-row[data-v-731d32a0] > .dt-item-layout > .dt-item-layout--right {
   padding: 0;
   min-width: initial;
 }
-.dt-feed-item-row[data-v-418199f0] > .dt-item-layout > .dt-item-layout--content > .dt-item-layout--bottom {
+.dt-feed-item-row[data-v-731d32a0] > .dt-item-layout > .dt-item-layout--content > .dt-item-layout--bottom {
   display: flex;
   flex-direction: column;
   margin-top: 0;
 }
-.dt-recipe-feed-item-pill__wrapper[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__wrapper[data-v-83d19d1f] {
   background-color: var(--dt-color-surface-secondary);
   padding: var(--dt-space-400);
 }
-.dt-recipe-feed-item-pill__button[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__button[data-v-83d19d1f] {
   background-color: var(--dt-color-surface-moderate);
   text-align: left;
   width: 100%;
@@ -734,42 +734,45 @@
   --button-color-text: var(--dt-action-color-foreground-muted-default);
   --button-border-radius: var(--dt-size-radius-600);
 }
-.dt-recipe-feed-item-pill__layout[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__layout[data-v-83d19d1f] {
   padding: var(--dt-space-400);
   gap: var(--dt-space-300);
   width: 100%;
 }
-.dt-recipe-feed-item-pill__layout[data-v-dab5b252] > .dt-item-layout--left {
+.dt-recipe-feed-item-pill__layout[data-v-83d19d1f] > .dt-item-layout--left {
   padding-right: var(--dt-space-0);
   justify-content: center;
 }
-.dt-recipe-feed-item-pill__icon[data-v-dab5b252] {
-  animation: fade-dab5b252 0.15s ease-in;
+.dt-recipe-feed-item-pill__icon[data-v-83d19d1f] {
+  display: flex;
+}
+.dt-recipe-feed-item-pill__icon[data-v-83d19d1f] svg {
+  animation: fade-83d19d1f 0.15s ease-in;
 }
-.dt-recipe-feed-item-pill__content[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__content[data-v-83d19d1f] {
   display: flex;
   justify-content: center;
 }
-.dt-recipe-feed-item-pill__title[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__title[data-v-83d19d1f] {
   font-weight: var(--dt-font-weight-bold);
 }
-.dt-recipe-feed-item-pill__border[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__border[data-v-83d19d1f] {
   border: double 1px transparent;
   border-radius: var(--dt-size-radius-600);
   background-origin: border-box;
   background-clip: content-box, border-box;
   overflow: hidden;
 }
-.dt-recipe-feed-item-pill__border-default[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__border-default[data-v-83d19d1f] {
   background: var(--dt-color-border-default);
 }
-.dt-recipe-feed-item-pill__border-ai[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__border-ai[data-v-83d19d1f] {
   background-image: linear-gradient(var(--dt-color-surface-primary), var(--dt-color-surface-primary)), var(--dt-badge-color-background-ai);
 }
-.dt-recipe-feed-item-pill__border-critical[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__border-critical[data-v-83d19d1f] {
   background: var(--dt-color-foreground-critical);
 }
-@keyframes fade-dab5b252 {
+@keyframes fade-83d19d1f {
 0% {
     transform: scale(0);
 }
@@ -861,7 +864,7 @@
   padding-bottom: var(--dt-space-300);
   font-size: var(--dt-font-size-100);
 }
-.settings-menu-button[data-v-b0dfa8b3] {
+.settings-menu-button[data-v-c72dcd88] {
   padding: var(--dt-space-0);
   border-radius: var(--dt-size-550);
   height: var(--dt-size-600);
@@ -869,38 +872,38 @@
   color: var(--dt-theme-topbar-button-color-foreground);
   background-color: var(--dt-theme-topbar-button-color-background);
 }
-.settings-menu-button[data-v-b0dfa8b3]:hover {
+.settings-menu-button[data-v-c72dcd88]:hover {
   background-color: var(--dt-theme-topbar-button-color-background-hover);
   color: var(--dt-theme-topbar-button-color-foreground-hover);
 }
-.settings-menu-button[data-v-b0dfa8b3]:active {
+.settings-menu-button[data-v-c72dcd88]:active {
   background-color: var(--dt-theme-topbar-button-color-background-active);
 }
-.settings-menu-button-update[data-v-b0dfa8b3] {
+.settings-menu-button-update[data-v-c72dcd88] {
   background-color: hsla(var(--dt-color-blue-200-hsl) / 25%);
   color: var(--dt-color-blue-500);
   border-color: hsla(var(--dt-color-blue-200-hsl) / 25%);
   border-radius: var(--dt-size-radius-pill);
   height: var(--dt-size-600);
 }
-.settings-menu-button-update[data-v-b0dfa8b3]:hover {
+.settings-menu-button-update[data-v-c72dcd88]:hover {
   background-color: hsla(var(--dt-color-blue-200-hsl) / 50%);
   color: var(--dt-theme-topbar-button-color-foreground-hover);
 }
-.dt-contact-info[data-v-7b60b2d6] {
+.dt-contact-info[data-v-5e5eddf2] {
   --contact-info-avatar-border-color: var(--dt-color-surface-primary);
   display: flex;
 }
-.dt-contact-info[data-v-7b60b2d6] .dt-item-layout {
+.dt-contact-info[data-v-5e5eddf2] .dt-item-layout {
   flex: 1 1 0;
 }
-.dt-contact-info[data-v-7b60b2d6] .dt-item-layout--content {
+.dt-contact-info[data-v-5e5eddf2] .dt-item-layout--content {
   /*
     DP-74536: Add `min-width` to make the width of "contact info" adjustable.
     */
   min-width: var(--dt-space-825);
 }
-.dt-contact-info[data-v-7b60b2d6] .dt-item-layout--left {
+.dt-contact-info[data-v-5e5eddf2] .dt-item-layout--left {
   /*
     DP-74536: To make 'Avatar' in fixed position when resizing the window.
     */
@@ -908,75 +911,75 @@
   justify-content: flex-start;
   align-items: center;
 }
-.dt-contact-info[data-v-7b60b2d6] .dt-item-layout--right {
+.dt-contact-info[data-v-5e5eddf2] .dt-item-layout--right {
   /*
     DP-74536: Remove `min-width` which cause extra unused empty space on the right of "contact info".
     */
   min-width: 0;
   align-items: center;
 }
-.dt-contact-info__left[data-v-7b60b2d6] {
+.dt-contact-info__left[data-v-5e5eddf2] {
   position: relative;
   background-color: transparent;
   background-image: none;
   border-width: 0;
   cursor: pointer;
 }
-.dt-contact-info--avatars[data-v-7b60b2d6] {
+.dt-contact-info--avatars[data-v-5e5eddf2] {
   margin-right: var(--dt-space-300-negative);
   display: flex;
   flex-direction: row;
 }
-.dt-contact-info--avatars .d-avatar[data-v-7b60b2d6] {
+.dt-contact-info--avatars .d-avatar[data-v-5e5eddf2] {
   border-radius: var(--dt-size-radius-pill);
   border: var(--dt-size-300) solid var(--contact-info-avatar-border-color);
   box-sizing: unset;
 }
-.dt-recipe-callbox[data-v-ef08f46e] {
+.dt-recipe-callbox[data-v-0d10d03a] {
   padding: 0;
   color: var(--dt-color-foreground-primary);
   background-color: var(--dt-color-surface-primary);
   border-radius: var(--dt-size-radius-300);
 }
-.dt-recipe-callbox--video[data-v-ef08f46e] {
+.dt-recipe-callbox--video[data-v-0d10d03a] {
   display: flex;
   border-radius: var(--dt-size-radius-200) var(--dt-size-radius-200) 0 0;
   overflow: clip;
   margin-bottom: var(--dt-space-300-negative);
 }
-.dt-recipe-callbox--main-content[data-v-ef08f46e] {
+.dt-recipe-callbox--main-content[data-v-0d10d03a] {
   padding: 0;
   border-radius: var(--dt-size-radius-300);
   border: var(--dt-size-border-100) solid transparent;
   align-items: stretch;
 }
-.dt-recipe-callbox--main-content.dt-recipe-callbox--border-default[data-v-ef08f46e] {
+.dt-recipe-callbox--main-content.dt-recipe-callbox--border-default[data-v-0d10d03a] {
   border-color: var(--dt-color-border-default);
 }
-.dt-recipe-callbox--main-content.dt-recipe-callbox--border-ai[data-v-ef08f46e] {
+.dt-recipe-callbox--main-content.dt-recipe-callbox--border-ai[data-v-0d10d03a] {
   background: linear-gradient(var(--dt-color-surface-primary), var(--dt-color-surface-primary)) padding-box, linear-gradient(135deg, var(--dt-color-border-accent), var(--dt-color-border-brand)) border-box;
 }
-.dt-recipe-callbox--main-content.dt-recipe-callbox--border-critical[data-v-ef08f46e] {
+.dt-recipe-callbox--main-content.dt-recipe-callbox--border-critical[data-v-0d10d03a] {
   background: radial-gradient(var(--dt-color-surface-primary), var(--dt-color-surface-primary)) padding-box, radial-gradient(circle, #E7301D, #F78B23) border-box;
 }
-.dt-recipe-callbox--main-content-top[data-v-ef08f46e] {
+.dt-recipe-callbox--main-content-top[data-v-0d10d03a] {
   display: flex;
   align-items: center;
   padding: var(--dt-space-350) var(--dt-space-400);
 }
-.dt-recipe-callbox--main-content-bottom[data-v-ef08f46e] {
+.dt-recipe-callbox--main-content-bottom[data-v-0d10d03a] {
   border-top: 1px solid var(--dt-color-border-subtle);
 }
-.dt-recipe-callbox--avatar[data-v-ef08f46e] {
+.dt-recipe-callbox--avatar[data-v-0d10d03a] {
   margin-right: var(--dt-space-400);
 }
-.dt-recipe-callbox--content[data-v-ef08f46e] {
+.dt-recipe-callbox--content[data-v-0d10d03a] {
   display: flex;
   flex-direction: column;
   flex: 1 0 auto;
   min-width: 0;
 }
-.dt-recipe-callbox--content-title[data-v-ef08f46e] {
+.dt-recipe-callbox--content-title[data-v-0d10d03a] {
   overflow: clip;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -991,10 +994,10 @@
   user-select: text;
   line-height: normal;
 }
-.dt-recipe-callbox--content-badge[data-v-ef08f46e] {
+.dt-recipe-callbox--content-badge[data-v-0d10d03a] {
   line-height: normal;
 }
-.dt-recipe-callbox--content-subtitle[data-v-ef08f46e] {
+.dt-recipe-callbox--content-subtitle[data-v-0d10d03a] {
   padding: 0;
   font-size: var(--dt-font-size-100);
   color: var(--dt-color-foreground-tertiary);
@@ -1003,24 +1006,24 @@
   width: 0;
   min-width: 100%;
 }
-.dt-recipe-callbox--right[data-v-ef08f46e] {
+.dt-recipe-callbox--right[data-v-0d10d03a] {
   display: flex;
   justify-content: right;
 }
-.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-ef08f46e] {
+.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-0d10d03a] {
   cursor: pointer;
   user-select: none;
   border-radius: var(--dt-size-100);
 }
-.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-ef08f46e]:focus-visible {
+.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-0d10d03a]:focus-visible {
   outline: none;
   box-shadow: var(--dt-shadow-focus);
 }
-.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-ef08f46e]:hover,
-.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-ef08f46e]:active {
+.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-0d10d03a]:hover,
+.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-0d10d03a]:active {
   text-decoration: underline;
 }
-.dt-recipe-callbox .dt-recipe-callbox-badge--warning[data-v-ef08f46e] {
+.dt-recipe-callbox .dt-recipe-callbox-badge--warning[data-v-0d10d03a] {
   background-color: var(--dt-color-surface-warning);
 }
 /* stylelint-disable selector-pseudo-class-no-unknown */
@@ -1330,7 +1333,7 @@
 }
 }
 /* stylelint-disable selector-pseudo-class-no-unknown */
-.dt-leftbar-row[data-v-b6629526] {
+.dt-leftbar-row[data-v-9b78a9ef] {
   --leftbar-row-color-foreground: var(--dt-theme-sidebar-color-foreground);
   --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background);
   --leftbar-row-radius: var(--dt-size-radius-pill);
@@ -1361,49 +1364,49 @@
   transition-duration: var(--td200);
   transition-property: background-color, border, box-shadow;
 }
-.dt-leftbar-row[data-v-b6629526]:not(.dt-leftbar-row--no-action):hover,
-.dt-leftbar-row[data-v-b6629526]:not(.dt-leftbar-row--no-action):focus-within {
+.dt-leftbar-row[data-v-9b78a9ef]:not(.dt-leftbar-row--no-action):hover,
+.dt-leftbar-row[data-v-9b78a9ef]:not(.dt-leftbar-row--no-action):focus-within {
   --leftbar-row-unread-badge-display: none;
 }
-.dt-leftbar-row[data-v-b6629526]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,
-.dt-leftbar-row[data-v-b6629526]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action {
+.dt-leftbar-row[data-v-9b78a9ef]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,
+.dt-leftbar-row[data-v-9b78a9ef]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action {
   display: inline-flex;
 }
-.dt-leftbar-row[data-v-b6629526]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,
-.dt-leftbar-row[data-v-b6629526]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button {
+.dt-leftbar-row[data-v-9b78a9ef]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,
+.dt-leftbar-row[data-v-9b78a9ef]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button {
   opacity: 1;
 }
-.dt-leftbar-row[data-v-b6629526]:hover,
-.dt-leftbar-row[data-v-b6629526]:focus-within {
+.dt-leftbar-row[data-v-9b78a9ef]:hover,
+.dt-leftbar-row[data-v-9b78a9ef]:focus-within {
   --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-hover);
 }
-.dt-leftbar-row[data-v-b6629526]:hover .d-presence,
-.dt-leftbar-row[data-v-b6629526]:focus-within .d-presence {
+.dt-leftbar-row[data-v-9b78a9ef]:hover .d-presence,
+.dt-leftbar-row[data-v-9b78a9ef]:focus-within .d-presence {
   --presence-color-border-base: var(--dt-color-black-200);
 }
-.dt-leftbar-row[data-v-b6629526]:hover .d-avatar__count,
-.dt-leftbar-row[data-v-b6629526]:focus-within .d-avatar__count {
+.dt-leftbar-row[data-v-9b78a9ef]:hover .d-avatar__count,
+.dt-leftbar-row[data-v-9b78a9ef]:focus-within .d-avatar__count {
   --avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
 }
-.dt-leftbar-row--has-unread[data-v-b6629526] {
+.dt-leftbar-row--has-unread[data-v-9b78a9ef] {
   --leftbar-row-description-font-weight: var(--dt-font-weight-bold);
   --leftbar-row-description-color-foreground: var(--dt-theme-sidebar-color-foreground-unread);
   --leftbar-row-alpha-color-foreground: var(--dt-theme-sidebar-color-foreground-unread);
 }
-.dt-leftbar-row--muted[data-v-b6629526] {
+.dt-leftbar-row--muted[data-v-9b78a9ef] {
   --leftbar-row-opacity: 60%;
 }
-.dt-leftbar-row--selected[data-v-b6629526] {
+.dt-leftbar-row--selected[data-v-9b78a9ef] {
   --leftbar-row-color-background: var(--dt-theme-sidebar-selected-row-color-background);
   --leftbar-row-description-color-foreground: var(--dt-theme-sidebar-selected-row-color-foreground);
 }
-.dt-leftbar-row--selected[data-v-b6629526] .d-presence {
+.dt-leftbar-row--selected[data-v-9b78a9ef] .d-presence {
   --presence-color-border-base: var(--dt-color-black-200);
 }
-.dt-leftbar-row--selected[data-v-b6629526] .d-avatar__count {
+.dt-leftbar-row--selected[data-v-9b78a9ef] .d-avatar__count {
   --avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
 }
-.dt-leftbar-row__is-typing[data-v-b6629526] {
+.dt-leftbar-row__is-typing[data-v-9b78a9ef] {
   --is-typing-size-shape: var(--dt-size-550);
   position: absolute;
   display: flex;
@@ -1415,7 +1418,7 @@
   border-radius: var(--dt-size-radius-pill);
   opacity: 0.75;
 }
-.dt-leftbar-row__is-typing span[data-v-b6629526] {
+.dt-leftbar-row__is-typing span[data-v-9b78a9ef] {
   display: inline-block;
   width: var(--dt-size-300);
   height: var(--dt-size-300);
@@ -1424,18 +1427,18 @@
   border-radius: var(--dt-size-radius-pill);
   opacity: 0.3;
   transition: all 500ms ease;
-  animation: wave-b6629526 1.5s ease infinite;
+  animation: wave-9b78a9ef 1.5s ease infinite;
 }
-.dt-leftbar-row__is-typing span[data-v-b6629526]:nth-child(1) {
+.dt-leftbar-row__is-typing span[data-v-9b78a9ef]:nth-child(1) {
   animation-delay: 0ms;
 }
-.dt-leftbar-row__is-typing span[data-v-b6629526]:nth-child(2) {
+.dt-leftbar-row__is-typing span[data-v-9b78a9ef]:nth-child(2) {
   animation-delay: var(--td100);
 }
-.dt-leftbar-row__is-typing span[data-v-b6629526]:nth-child(3) {
+.dt-leftbar-row__is-typing span[data-v-9b78a9ef]:nth-child(3) {
   animation-delay: var(--td200);
 }
-.dt-leftbar-row__primary[data-v-b6629526] {
+.dt-leftbar-row__primary[data-v-9b78a9ef] {
   display: flex;
   flex: 1;
   align-items: center;
@@ -1452,18 +1455,18 @@
   border-radius: var(--leftbar-row-radius);
   appearance: none;
 }
-.dt-leftbar-row__primary[data-v-b6629526]:active {
+.dt-leftbar-row__primary[data-v-9b78a9ef]:active {
   --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-active);
 }
-.dt-leftbar-row__primary[data-v-b6629526]:focus-visible {
+.dt-leftbar-row__primary[data-v-9b78a9ef]:focus-visible {
   box-shadow: var(--dt-shadow-focus-inset);
 }
-.dt-leftbar-row__action-button[data-v-b6629526] {
+.dt-leftbar-row__action-button[data-v-9b78a9ef] {
   width: var(--leftbar-row-action-width);
   height: var(--leftbar-row-action-height);
   opacity: 0;
 }
-.dt-leftbar-row__alpha[data-v-b6629526] {
+.dt-leftbar-row__alpha[data-v-9b78a9ef] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1475,11 +1478,11 @@
   color: var(--leftbar-row-alpha-color-foreground);
   border-radius: var(--leftbar-row-radius) 0 0 var(--leftbar-row-radius);
 }
-.dt-leftbar-row__label[data-v-b6629526] {
+.dt-leftbar-row__label[data-v-9b78a9ef] {
   flex: 0 1;
   min-width: 0;
 }
-.dt-leftbar-row__omega[data-v-b6629526] {
+.dt-leftbar-row__omega[data-v-9b78a9ef] {
   position: absolute;
   top: var(--leftbar-row-action-position-bottom);
   right: var(--leftbar-row-action-position-right);
@@ -1491,34 +1494,34 @@
   border-radius: var(--leftbar-row-radius);
   transform: translateY(calc(var(--leftbar-row-action-position-bottom) * -1));
 }
-.dt-leftbar-row__unread-badge[data-v-b6629526] {
+.dt-leftbar-row__unread-badge[data-v-9b78a9ef] {
   display: var(--leftbar-row-unread-badge-display);
   color: var(--dt-theme-mention-color-foreground);
   background-color: var(--dt-theme-mention-color-background);
 }
-.dt-leftbar-row--unread-count[data-v-b6629526] .dt-leftbar-row__action {
+.dt-leftbar-row--unread-count[data-v-9b78a9ef] .dt-leftbar-row__action {
   display: none;
 }
-.dt-leftbar-row__unread-count-badge[data-v-b6629526] {
+.dt-leftbar-row__unread-count-badge[data-v-9b78a9ef] {
   border-top-right-radius: var(--dt-size-radius-0);
   border-bottom-right-radius: var(--dt-size-radius-0);
 }
-.dt-leftbar-row__unread-mention-count-badge[data-v-b6629526] {
+.dt-leftbar-row__unread-mention-count-badge[data-v-9b78a9ef] {
   color: var(--dt-theme-mention-color-foreground-strong);
   background-color: var(--dt-theme-mention-color-background-strong);
   border-top-left-radius: var(--dt-size-radius-0);
   border-bottom-left-radius: var(--dt-size-radius-0);
 }
-.dt-leftbar-row__unread-mention-only-count-badge[data-v-b6629526] {
+.dt-leftbar-row__unread-mention-only-count-badge[data-v-9b78a9ef] {
   color: var(--dt-theme-mention-color-foreground-strong);
   background-color: var(--dt-theme-mention-color-background-strong);
 }
-.dt-leftbar-row__active-voice[data-v-b6629526] {
+.dt-leftbar-row__active-voice[data-v-9b78a9ef] {
   display: inline-flex;
   color: var(--dt-color-purple-400);
-  -webkit-animation-name: opacity-pulsate-b6629526;
-  -moz-animation-name: opacity-pulsate-b6629526;
-  animation-name: opacity-pulsate-b6629526;
+  -webkit-animation-name: opacity-pulsate-9b78a9ef;
+  -moz-animation-name: opacity-pulsate-9b78a9ef;
+  animation-name: opacity-pulsate-9b78a9ef;
   -webkit-animation-duration: 1s;
   -moz-animation-duration: 1s;
   animation-duration: 1s;
@@ -1529,7 +1532,7 @@
   -moz-animation-fill-mode: both;
   animation-fill-mode: both;
 }
-.dt-leftbar-row__dnd[data-v-b6629526] {
+.dt-leftbar-row__dnd[data-v-9b78a9ef] {
   padding-top: var(--dt-space-200);
   padding-right: var(--dt-space-300);
   color: var(--dt-color-foreground-tertiary);
@@ -1537,26 +1540,26 @@
   font-size: var(--dt-font-size-100);
   line-height: var(--dt-font-line-height-400);
 }
-.dt-leftbar-row__container--off-duty[data-v-b6629526] {
+.dt-leftbar-row__container--off-duty[data-v-9b78a9ef] {
   background-color: var(--dt-badge-color-background-critical);
   border: var(--dt-size-100) solid var(--dt-color-border-subtle);
   border-radius: var(--dt-size-radius-500);
 }
-.dt-leftbar-row__container--off-duty[data-v-b6629526] .dt-leftbar-row__primary {
+.dt-leftbar-row__container--off-duty[data-v-9b78a9ef] .dt-leftbar-row__primary {
   margin: calc(var(--dt-size-100) * -1);
 }
-.dt-leftbar-row--contact-centers[data-v-b6629526] .dt-leftbar-row__alpha {
+.dt-leftbar-row--contact-centers[data-v-9b78a9ef] .dt-leftbar-row__alpha {
   padding-right: var(--dt-space-450);
   padding-left: var(--dt-space-450);
 }
-.dt-leftbar-row--contact-centers .dt-leftbar-row__action-container[data-v-b6629526] {
+.dt-leftbar-row--contact-centers .dt-leftbar-row__action-container[data-v-9b78a9ef] {
   display: inline-flex;
   align-items: center;
   justify-content: flex-end;
   min-width: var(--dt-size-600);
   height: var(--dt-size-500);
 }
-.dt-leftbar-row[data-v-b6629526] .dt-leftbar-row__description {
+.dt-leftbar-row[data-v-9b78a9ef] .dt-leftbar-row__description {
   overflow: hidden;
   color: var(--leftbar-row-description-color-foreground);
   font-weight: var(--leftbar-row-description-font-weight);
@@ -1565,7 +1568,7 @@
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.dt-leftbar-row[data-v-b6629526] .dt-leftbar-row__status {
+.dt-leftbar-row[data-v-9b78a9ef] .dt-leftbar-row__status {
   padding-bottom: var(--dt-space-100);
   overflow: hidden;
   color: var(--leftbar-row-status-color-foreground);
@@ -1574,19 +1577,19 @@
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.dt-leftbar-row[data-v-b6629526] .dt-leftbar-row__meta-context ~ .dt-leftbar-row__meta-custom:not(:empty)::before {
+.dt-leftbar-row[data-v-9b78a9ef] .dt-leftbar-row__meta-context ~ .dt-leftbar-row__meta-custom:not(:empty)::before {
   color: var(--dt-theme-sidebar-status-color-foreground);
   content: " • ";
 }
-.dt-leftbar-row__icon-cc[data-v-b6629526] {
+.dt-leftbar-row__icon-cc[data-v-9b78a9ef] {
   width: calc(var(--dt-size-300) * 3.5);
   height: calc(var(--dt-size-300) * 3.5);
   border-radius: var(--dt-size-200);
 }
-.opacity-pulsate[data-v-b6629526] {
-  -webkit-animation-name: opacity-pulsate-b6629526;
-  -moz-animation-name: opacity-pulsate-b6629526;
-  animation-name: opacity-pulsate-b6629526;
+.opacity-pulsate[data-v-9b78a9ef] {
+  -webkit-animation-name: opacity-pulsate-9b78a9ef;
+  -moz-animation-name: opacity-pulsate-9b78a9ef;
+  animation-name: opacity-pulsate-9b78a9ef;
   -webkit-animation-duration: 1s;
   -moz-animation-duration: 1s;
   animation-duration: 1s;
@@ -1597,7 +1600,7 @@
   -moz-animation-fill-mode: both;
   animation-fill-mode: both;
 }
-@keyframes opacity-pulsate-b6629526 {
+@keyframes opacity-pulsate-9b78a9ef {
 0%,
   100% {
     opacity: 0.2;
@@ -1606,7 +1609,7 @@
     opacity: 1;
 }
 }
-@keyframes opacity-pulsate-b6629526 {
+@keyframes opacity-pulsate-9b78a9ef {
 0%,
   100% {
     opacity: 0.2;
@@ -1615,7 +1618,7 @@
     opacity: 1;
 }
 }
-@keyframes opacity-pulsate-b6629526 {
+@keyframes opacity-pulsate-9b78a9ef {
 0%,
   100% {
     opacity: 0.2;
@@ -1624,7 +1627,7 @@
     opacity: 1;
 }
 }
-@keyframes wave-b6629526 {
+@keyframes wave-9b78a9ef {
 0%,
   50%,
   100% {