@photonix/basic 2.0.2 → 2.0.4

package/dist/index.css

@@ -5892,7 +5892,7 @@
   border-inline-start-style: dashed;
   border-inline-start-width: var(--border-xs);
 }
-._navigationRailRoot_oprz2_2 {
+._navigationRailRoot_xghpy_2 {
   background-color: var(--surface-neutral-primary);
   block-size: 100%;
   border-inline-end: var(--border-xs) solid var(--border-neutral-tertiary);
@@ -5902,12 +5902,12 @@
   overflow: hidden;
   transition: inline-size var(--motion-duration-medium) var(--motion-ease-in);
 }
-._navigationRailFloating_oprz2_14 {
+._navigationRailFloating_xghpy_14 {
   border: var(--border-xs) solid var(--border-neutral-tertiary);
   border-radius: var(--radius-sm);
   box-shadow: var(--down-sm-ambient-x) var(--down-sm-ambient-y) var(--down-sm-ambient-blur) var(--down-sm-ambient-spread) var(--down-sm-ambient-color), var(--down-sm-cast-x) var(--down-sm-cast-y) var(--down-sm-cast-blur) var(--down-sm-cast-spread) var(--down-sm-cast-color);
 }
-._navigationRailHeader_oprz2_24 {
+._navigationRailHeader_xghpy_24 {
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
@@ -5915,10 +5915,10 @@
   padding: var(--space-xs) var(--space-xs);
   transition: padding var(--motion-duration-medium) var(--motion-ease-in);
 }
-._navigationRailCollapsed_oprz2_33 ._navigationRailHeader_oprz2_24 {
+._navigationRailCollapsed_xghpy_33 ._navigationRailHeader_xghpy_24 {
   padding-inline: var(--space-2xs);
 }
-._navigationRailContent_oprz2_37 {
+._navigationRailContent_xghpy_37 {
   display: flex;
   flex: 1;
   flex-direction: column;
@@ -5926,18 +5926,18 @@
   position: relative;
   transition: padding var(--motion-duration-medium) var(--motion-ease-in);
 }
-._navigationRailScrollArea_oprz2_48 {
+._navigationRailScrollArea_xghpy_48 {
   block-size: 100%;
   flex: 1;
   min-block-size: 0;
 }
-._navigationRailContentInner_oprz2_55 {
+._navigationRailContentInner_xghpy_55 {
   display: flex;
   flex-direction: column;
   gap: var(--space-4xs);
   padding: 0 var(--space-2xs);
 }
-._navigationRailGradient_oprz2_63 {
+._navigationRailGradient_xghpy_63 {
   block-size: var(--dimensions-48);
   inline-size: 100%;
   inset-inline: 0;
@@ -5947,7 +5947,7 @@
   transition: opacity var(--motion-duration-normal) var(--motion-ease-in-out);
   z-index: var(--z-local-top);
 }
-._navigationRailGradientTop_oprz2_75 {
+._navigationRailGradientTop_xghpy_75 {
   background:
     linear-gradient(
       to bottom,
@@ -5956,7 +5956,7 @@
       transparent 100%);
   inset-block-start: 0;
 }
-._navigationRailGradientBottom_oprz2_83 {
+._navigationRailGradientBottom_xghpy_83 {
   background:
     linear-gradient(
       to top,
@@ -5965,30 +5965,30 @@
       transparent 100%);
   inset-block-end: 0;
 }
-._navigationRailGradientVisible_oprz2_91 {
+._navigationRailGradientVisible_xghpy_91 {
   opacity: 1;
 }
-._navigationRailFooter_oprz2_97 {
+._navigationRailFooter_xghpy_97 {
   border-block-start: var(--border-xs) solid var(--border-neutral-tertiary);
   flex-shrink: 0;
   padding: var(--space-xs);
 }
-._navigationRailFooterNoDivider_oprz2_103 {
+._navigationRailFooterNoDivider_xghpy_103 {
   border-block-start: none;
 }
-._navigationRailExpanded_oprz2_111 ._navigationRailContentInner_oprz2_55 {
+._navigationRailExpanded_xghpy_111 ._navigationRailContentInner_xghpy_55 {
   padding: 0 var(--space-xs) var(--space-xs) var(--space-xs);
 }
-._navigationRailCollapsed_oprz2_33 ._navigationRailContentInner_oprz2_55 {
+._navigationRailCollapsed_xghpy_33 ._navigationRailContentInner_xghpy_55 {
   padding: var(--space-2xs) var(--space-2xs);
 }
-._navigationRailContent_oprz2_37:first-child ._navigationRailContentInner_oprz2_55 {
+._navigationRailContent_xghpy_37:first-child ._navigationRailContentInner_xghpy_55 {
   padding-block-start: var(--space-xs);
 }
-._navigationRailCollapsed_oprz2_33 ._navigationRailContent_oprz2_37 > ._navigationRailGroupDivider_oprz2_129:first-child {
+._navigationRailCollapsed_xghpy_33 ._navigationRailContent_xghpy_37 > ._navigationRailGroupDivider_xghpy_129:first-child {
   display: none;
 }
-._navigationRailNavItem_oprz2_138 {
+._navigationRailNavItem_xghpy_138 {
   align-items: center;
   background-color: transparent;
   block-size: var(--dimensions-48);
@@ -6006,7 +6006,10 @@
     padding var(--motion-duration-medium) var(--motion-ease-in),
     gap var(--motion-duration-medium) var(--motion-ease-in);
 }
-._navigationRailNavItem_oprz2_138:after {
+._navigationRailNavItemSm_xghpy_158 {
+  block-size: var(--dimensions-32);
+}
+._navigationRailNavItem_xghpy_138:after {
   background-color: transparent;
   border-radius: inherit;
   content: "";
@@ -6016,41 +6019,41 @@
   transition: background-color var(--motion-duration-fast) var(--motion-ease-out);
   z-index: var(--z-local-below);
 }
-._navigationRailNavItemCollapsed_oprz2_173 {
+._navigationRailNavItemCollapsed_xghpy_177 {
   gap: 0;
   padding-inline: var(--space-xs);
 }
-._navigationRailNavItemNested_oprz2_184 {
+._navigationRailNavItemNested_xghpy_188 {
   overflow: visible;
   padding-inline: calc(var(--dimensions-32) + var(--space-xs)) var(--space-2xs);
 }
-._navigationRailNavItem_oprz2_138:hover:not(._navigationRailNavItemDisabled_oprz2_190):after,
-._navigationRailNavItem_oprz2_138:focus-visible:not(._navigationRailNavItemDisabled_oprz2_190):after {
+._navigationRailNavItem_xghpy_138:hover:not(._navigationRailNavItemDisabled_xghpy_194):after,
+._navigationRailNavItem_xghpy_138:focus-visible:not(._navigationRailNavItemDisabled_xghpy_194):after {
   background-color: var(--surface-state-hover);
 }
-._navigationRailNavItem_oprz2_138:active:not(._navigationRailNavItemDisabled_oprz2_190):after {
+._navigationRailNavItem_xghpy_138:active:not(._navigationRailNavItemDisabled_xghpy_194):after {
   background-color: var(--surface-state-press);
 }
-._navigationRailNavItem_oprz2_138:focus-visible {
+._navigationRailNavItem_xghpy_138:focus-visible {
   background-color: var(--surface-state-hover);
   box-shadow: inset 0 0 0 var(--border-md) var(--colors-grayscale-1000);
   outline: none;
 }
-._navigationRailNavItemSelected_oprz2_206 {
+._navigationRailNavItemSelected_xghpy_210 {
   background-color: var(--surface-neutral-secondary);
 }
-._navigationRailNavItemSelected_oprz2_206:hover:not(._navigationRailNavItemDisabled_oprz2_190):after {
+._navigationRailNavItemSelected_xghpy_210:hover:not(._navigationRailNavItemDisabled_xghpy_194):after {
   background-color: var(--surface-state-hover);
 }
-._navigationRailNavItemSelected_oprz2_206:active:not(._navigationRailNavItemDisabled_oprz2_190):after {
+._navigationRailNavItemSelected_xghpy_210:active:not(._navigationRailNavItemDisabled_xghpy_194):after {
   background-color: var(--surface-state-press);
 }
-._navigationRailNavItemDisabled_oprz2_190 {
+._navigationRailNavItemDisabled_xghpy_194 {
   cursor: not-allowed;
   opacity: var(--opacity-disabled);
   pointer-events: none;
 }
-._navigationRailNavItemIcon_oprz2_226 {
+._navigationRailNavItemIcon_xghpy_230 {
   align-items: center;
   block-size: var(--dimensions-24);
   color: var(--foreground-neutral-secondary);
@@ -6062,15 +6065,15 @@
   transition: color var(--motion-duration-fast) var(--motion-ease-in-out);
   z-index: var(--z-local-content);
 }
-._navigationRailNavItemIconSelected_oprz2_240 {
+._navigationRailNavItemIconSelected_xghpy_244 {
   color: var(--foreground-neutral-primary);
 }
-._navigationRailNavItemSelected_oprz2_206 ._navigationRailNavItemIcon_oprz2_226 {
+._navigationRailNavItemSelected_xghpy_210 ._navigationRailNavItemIcon_xghpy_230 {
   color: var(--foreground-neutral-primary);
   position: relative;
   z-index: var(--z-local-content);
 }
-._navigationRailNavItemLabel_oprz2_251 {
+._navigationRailNavItemLabel_xghpy_255 {
   color: var(--text-neutral-secondary);
   flex: 1;
   font-family: var(--label-lg-family);
@@ -6092,17 +6095,17 @@
   white-space: nowrap;
   z-index: var(--z-local-content);
 }
-._navigationRailNavItemCollapsed_oprz2_173 ._navigationRailNavItemLabel_oprz2_251 {
+._navigationRailNavItemCollapsed_xghpy_177 ._navigationRailNavItemLabel_xghpy_255 {
   flex: 0;
   inline-size: 0;
   margin: 0;
   opacity: var(--opacity-hidden);
   transform: translate(-10px);
 }
-._navigationRailNavItemSelected_oprz2_206 ._navigationRailNavItemLabel_oprz2_251 {
+._navigationRailNavItemSelected_xghpy_210 ._navigationRailNavItemLabel_xghpy_255 {
   color: var(--text-neutral-primary);
 }
-._navigationRailNavItemChevron_oprz2_293 {
+._navigationRailNavItemChevron_xghpy_297 {
   align-items: center;
   color: var(--foreground-neutral-secondary);
   display: flex;
@@ -6116,53 +6119,53 @@
     opacity var(--motion-duration-medium) var(--motion-ease-in),
     inline-size var(--motion-duration-medium) var(--motion-ease-in);
 }
-._navigationRailNavItemCollapsed_oprz2_173 ._navigationRailNavItemChevron_oprz2_293 {
+._navigationRailNavItemCollapsed_xghpy_177 ._navigationRailNavItemChevron_xghpy_297 {
   inline-size: 0;
   opacity: var(--opacity-hidden);
   overflow: hidden;
 }
-._navigationRailNavItemChevronExpanded_oprz2_313 {
+._navigationRailNavItemChevronExpanded_xghpy_317 {
   transform: rotate(90deg);
 }
-._navigationRailNavItemContainer_oprz2_319 {
+._navigationRailNavItemContainer_xghpy_323 {
   display: flex;
   flex-direction: column;
 }
-._navigationRailCollapsed_oprz2_33 ._navigationRailNavItemNoIcon_oprz2_326 {
+._navigationRailCollapsed_xghpy_33 ._navigationRailNavItemNoIcon_xghpy_330 {
   block-size: 0;
   margin: 0;
   opacity: 0;
   overflow: hidden;
   padding: 0;
 }
-._navigationRailNavItemChildrenWrapper_oprz2_334 {
+._navigationRailNavItemChildrenWrapper_xghpy_338 {
   display: grid;
   grid-template-rows: 0fr;
   transition: grid-template-rows .25s var(--motion-ease-out);
 }
-._navigationRailNavItemChildrenWrapperExpanded_oprz2_341 {
+._navigationRailNavItemChildrenWrapperExpanded_xghpy_345 {
   grid-template-rows: 1fr;
 }
-._navigationRailNavItemChildrenWrapperCollapsed_oprz2_346 {
+._navigationRailNavItemChildrenWrapperCollapsed_xghpy_350 {
   display: none;
 }
-._navigationRailNavItemChildren_oprz2_334 {
+._navigationRailNavItemChildren_xghpy_338 {
   display: flex;
   flex-direction: column;
   gap: 0;
   min-block-size: 0;
   overflow: hidden;
 }
-._navigationRailNavItemChildren_oprz2_334 > * {
+._navigationRailNavItemChildren_xghpy_338 > * {
   margin-block-end: var(--space-4xs);
 }
-._navigationRailNavItemChildren_oprz2_334 > *:last-child {
+._navigationRailNavItemChildren_xghpy_338 > *:last-child {
   margin-block-end: 0;
 }
-._navigationRailNavItemChildrenWrapperExpanded_oprz2_341 ._navigationRailNavItemChildren_oprz2_334 {
+._navigationRailNavItemChildrenWrapperExpanded_xghpy_345 ._navigationRailNavItemChildren_xghpy_338 {
   overflow: visible;
 }
-._navigationRailNestLine_oprz2_379 {
+._navigationRailNestLine_xghpy_383 {
   block-size: calc(100% + 12px);
   inline-size: var(--dimensions-32);
   inset-block-start: calc(-1 * var(--dimensions-20));
@@ -6173,11 +6176,11 @@
   position: absolute;
   transition: opacity var(--motion-duration-fast) var(--motion-ease-in-out);
 }
-._navigationRailNavItemChildrenWrapperExpanded_oprz2_341 ._navigationRailNestLine_oprz2_379 {
+._navigationRailNavItemChildrenWrapperExpanded_xghpy_345 ._navigationRailNestLine_xghpy_383 {
   opacity: 1;
   transition-delay: var(--motion-duration-fast);
 }
-._navigationRailNestLine_oprz2_379:before {
+._navigationRailNestLine_xghpy_383:before {
   block-size: var(--dimensions-36);
   border-block-end: var(--dimensions-1) solid var(--border-neutral-tertiary);
   border-end-start-radius: 12px;
@@ -6188,7 +6191,7 @@
   inset-inline-start: var(--dimensions-24);
   position: absolute;
 }
-._navigationRailNavItemChildren_oprz2_334 > ._navigationRailNavItemContainer_oprz2_319:not(:last-child) ._navigationRailNestLine_oprz2_379:after {
+._navigationRailNavItemChildren_xghpy_338 > ._navigationRailNavItemContainer_xghpy_323:not(:last-child) ._navigationRailNestLine_xghpy_383:after {
   background-color: var(--border-neutral-tertiary);
   block-size: var(--dimensions-48);
   content: "";
@@ -6197,31 +6200,31 @@
   inset-inline-start: var(--dimensions-24);
   position: absolute;
 }
-._navigationRailNavItemCollapsed_oprz2_173 ._navigationRailNestLine_oprz2_379 {
+._navigationRailNavItemCollapsed_xghpy_177 ._navigationRailNestLine_xghpy_383 {
   opacity: 0;
 }
-._navigationRailNavItemBadge_oprz2_461 {
+._navigationRailNavItemBadge_xghpy_465 {
   transition: all var(--motion-duration-normal) var(--motion-ease-in-out);
 }
-._navigationRailNavItemCollapsed_oprz2_173 ._navigationRailNavItemBadge_oprz2_461 {
+._navigationRailNavItemCollapsed_xghpy_177 ._navigationRailNavItemBadge_xghpy_465 {
   inset-block-start: 6px;
   inset-inline-end: 6px;
   position: absolute;
   z-index: var(--z-local-content);
 }
-._navigationRailNavItemExpanded_oprz2_477 ._navigationRailNavItemBadge_oprz2_461 {
+._navigationRailNavItemExpanded_xghpy_481 ._navigationRailNavItemBadge_xghpy_465 {
   border: none;
   margin-inline: auto var(--space-xs);
   position: static;
 }
-._navigationRailNavGroup_oprz2_489 {
+._navigationRailNavGroup_xghpy_493 {
   display: flex;
   flex-direction: column;
 }
-._navigationRailNavGroupFirst_oprz2_495 {
+._navigationRailNavGroupFirst_xghpy_499 {
   display: flex;
 }
-._navigationRailGroupDivider_oprz2_129 {
+._navigationRailGroupDivider_xghpy_129 {
   block-size: 0;
   margin: 0;
   opacity: 0;
@@ -6232,26 +6235,26 @@
     opacity var(--motion-duration-medium) var(--motion-ease-in),
     margin var(--motion-duration-medium) var(--motion-ease-in);
 }
-._navigationRailNavGroupCollapsed_oprz2_515 ._navigationRailGroupDivider_oprz2_129 {
+._navigationRailNavGroupCollapsed_xghpy_519 ._navigationRailGroupDivider_xghpy_129 {
   block-size: 0;
   opacity: 0;
   margin: 0;
   padding-block-end: 0;
 }
-._navigationRailNavGroupFirst_oprz2_495 ._navigationRailGroupDivider_oprz2_129 {
+._navigationRailNavGroupFirst_xghpy_499 ._navigationRailGroupDivider_xghpy_129 {
   display: none !important;
 }
-._navigationRailNavGroupCollapsed_oprz2_515 ._navigationRailNavGroupHeader_oprz2_529 {
+._navigationRailNavGroupCollapsed_xghpy_519 ._navigationRailNavGroupHeader_xghpy_533 {
   block-size: 0;
   margin: 0;
   opacity: 0;
   overflow: hidden;
   padding: 0;
 }
-._navigationRailNavGroupCollapsed_oprz2_515 ._navigationRailNavGroupContentWrapper_oprz2_538 {
+._navigationRailNavGroupCollapsed_xghpy_519 ._navigationRailNavGroupContentWrapper_xghpy_542 {
   grid-template-rows: 1fr !important;
 }
-._navigationRailNavGroupHeader_oprz2_529 {
+._navigationRailNavGroupHeader_xghpy_533 {
   align-items: center;
   block-size: var(--dimensions-32);
   border-radius: var(--radius-2xs);
@@ -6271,7 +6274,10 @@
     padding var(--motion-duration-medium) var(--motion-ease-in),
     margin var(--motion-duration-medium) var(--motion-ease-in);
 }
-._navigationRailNavGroupHeader_oprz2_529:after {
+._navigationRailNavGroupHeaderSm_xghpy_570 {
+  block-size: var(--dimensions-32);
+}
+._navigationRailNavGroupHeader_xghpy_533:after {
   background-color: transparent;
   border-radius: inherit;
   content: "";
@@ -6281,10 +6287,10 @@
   transition: background-color var(--motion-duration-fast) var(--motion-ease-out);
   z-index: var(--z-local-below);
 }
-._navigationRailNavGroupHeader_oprz2_529:hover:after {
+._navigationRailNavGroupHeader_xghpy_533:hover:after {
   background-color: var(--surface-state-hover);
 }
-._navigationRailNavGroupLabel_oprz2_582 {
+._navigationRailNavGroupLabel_xghpy_590 {
   color: var(--text-neutral-secondary);
   flex: 1;
   font-family: var(--label-lg-family);
@@ -6297,7 +6303,7 @@
   text-transform: capitalize;
   white-space: nowrap;
 }
-._navigationRailNavGroupChevron_oprz2_596 {
+._navigationRailNavGroupChevron_xghpy_604 {
   align-items: center;
   color: var(--foreground-neutral-secondary);
   display: flex;
@@ -6306,25 +6312,25 @@
   transform: rotate(0);
   transition: transform .25s var(--motion-ease-out);
 }
-._navigationRailNavGroupChevronExpanded_oprz2_608 {
+._navigationRailNavGroupChevronExpanded_xghpy_616 {
   transform: rotate(180deg);
 }
-._navigationRailNavGroupContentWrapper_oprz2_538 {
+._navigationRailNavGroupContentWrapper_xghpy_542 {
   display: grid;
   grid-template-rows: 0fr;
   transition: grid-template-rows .25s var(--motion-ease-standard);
 }
-._navigationRailNavGroupContentWrapperExpanded_oprz2_621 {
+._navigationRailNavGroupContentWrapperExpanded_xghpy_629 {
   grid-template-rows: 1fr;
 }
-._navigationRailNavGroupContent_oprz2_538 {
+._navigationRailNavGroupContent_xghpy_542 {
   display: flex;
   flex-direction: column;
   gap: var(--space-4xs);
   min-block-size: 0;
   overflow: hidden;
 }
-._navigationRailRailItem_oprz2_634 {
+._navigationRailRailItem_xghpy_642 {
   align-items: center;
   background-color: transparent;
   block-size: var(--dimensions-48);
@@ -6339,7 +6345,7 @@
   position: relative;
   transition: background-color var(--motion-duration-fast) var(--motion-ease-in-out), transform var(--motion-duration-fast) var(--motion-ease-out);
 }
-._navigationRailRailItem_oprz2_634:after {
+._navigationRailRailItem_xghpy_642:after {
   background-color: transparent;
   content: "";
   inset: 0;
@@ -6349,39 +6355,39 @@
   transition: background-color var(--motion-duration-fast) var(--motion-ease-out), opacity var(--motion-duration-fast) var(--motion-ease-out);
   z-index: var(--z-local-below);
 }
-._navigationRailRailItem_oprz2_634:hover:after {
+._navigationRailRailItem_xghpy_642:hover:after {
   background-color: var(--surface-state-hover);
 }
-._navigationRailRailItem_oprz2_634:active:after {
+._navigationRailRailItem_xghpy_642:active:after {
   background-color: var(--surface-state-press);
 }
-._navigationRailRailItem_oprz2_634:active {
+._navigationRailRailItem_xghpy_642:active {
   transform: scale(.97);
 }
-._navigationRailRailItem_oprz2_634:focus-visible {
+._navigationRailRailItem_xghpy_642:focus-visible {
   outline: var(--dimensions-2) solid var(--border-state-focus);
   outline-offset: var(--dimensions-2);
 }
-._navigationRailRailItemSelected_oprz2_684 {
+._navigationRailRailItemSelected_xghpy_692 {
   background-color: var(--surface-neutral-secondary);
   color: var(--foreground-neutral-primary);
 }
-._navigationRailRailItemSelected_oprz2_684:hover:after {
+._navigationRailRailItemSelected_xghpy_692:hover:after {
   background-color: var(--surface-state-hover);
 }
-._navigationRailRailItemSelected_oprz2_684:active:after {
+._navigationRailRailItemSelected_xghpy_692:active:after {
   background-color: var(--surface-state-press);
 }
-._navigationRailRailItemDisabled_oprz2_697 {
+._navigationRailRailItemDisabled_xghpy_705 {
   background-color: transparent;
   color: var(--foreground-state-disabled);
   cursor: not-allowed;
   pointer-events: none;
 }
-._navigationRailRailItemDisabled_oprz2_697 ._railItemIcon_oprz2_704 {
+._navigationRailRailItemDisabled_xghpy_705 ._railItemIcon_xghpy_712 {
   color: var(--foreground-state-disabled);
 }
-._navigationRailRailItemIcon_oprz2_709 {
+._navigationRailRailItemIcon_xghpy_717 {
   align-items: center;
   block-size: var(--dimensions-24);
   color: inherit;
@@ -6389,7 +6395,7 @@
   inline-size: var(--dimensions-24);
   justify-content: center;
 }
-._navigationRailRailBadgePosition_oprz2_718 {
+._navigationRailRailBadgePosition_xghpy_726 {
   border: var(--border-md) solid var(--surface-neutral-primary);
   inset-block-start: 6px;
   inset-inline-end: 6px;
@@ -7765,7 +7771,7 @@
   inline-size: var(--dimensions-24);
   justify-content: center;
 }
-._dropdownListRoot_d7gxo_1 {
+._dropdownListRoot_1d3bd_1 {
   background-color: var(--surface-neutral-elevator);
   border: var(--border-xs) solid var(--border-neutral-tertiary);
   border-radius: var(--radius-sm);
@@ -7777,22 +7783,22 @@
   padding: var(--space-2xs) 0;
   isolation: isolate;
 }
-._dropdownListSearchWrapper_d7gxo_18 {
+._dropdownListSearchWrapper_1d3bd_18 {
   padding: 0 var(--space-2xs) var(--space-2xs) var(--space-2xs);
 }
-._dropdownListItemsListContainer_d7gxo_23 {
+._dropdownListItemsListContainer_1d3bd_23 {
   overflow: hidden;
   position: relative;
 }
-._dropdownListItemsList_d7gxo_23 {
+._dropdownListItemsList_1d3bd_23 {
   overflow-y: auto;
   position: relative;
   z-index: var(--z-local-below);
 }
-._dropdownListItemsList_d7gxo_23:focus {
+._dropdownListItemsList_1d3bd_23:focus {
   outline: none;
 }
-._dropdownListGradient_d7gxo_40 {
+._dropdownListGradient_1d3bd_40 {
   block-size: var(--dimensions-32);
   inset-inline: 0;
   opacity: 0;
@@ -7801,7 +7807,7 @@
   transition: opacity var(--motion-duration-normal) var(--motion-ease-standard);
   z-index: var(--z-local-above);
 }
-._dropdownListGradientTop_d7gxo_52 {
+._dropdownListGradientTop_1d3bd_52 {
   background:
     linear-gradient(
       to bottom,
@@ -7809,7 +7815,7 @@
       transparent 100%);
   inset-block-start: 0;
 }
-._dropdownListGradientBottom_d7gxo_59 {
+._dropdownListGradientBottom_1d3bd_59 {
   background:
     linear-gradient(
       to top,
@@ -7817,24 +7823,24 @@
       transparent 100%);
   inset-block-end: 0;
 }
-._dropdownListGradientVisible_d7gxo_66 {
+._dropdownListGradientVisible_1d3bd_66 {
   opacity: 1;
 }
-._dropdownListItemWrapper_d7gxo_71 {
+._dropdownListItemWrapper_1d3bd_71 {
   padding: 0 var(--space-2xs);
 }
-._dropdownListItemWrapperWithDivider_d7gxo_76 {
+._dropdownListItemWrapperWithDivider_1d3bd_76 {
   padding: var(--space-2xs) var(--space-2xs);
 }
-._dropdownListItemWrapperWithDivider_d7gxo_76:not(:last-child) {
+._dropdownListItemWrapperWithDivider_1d3bd_76:not(:last-child) {
   border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
 }
-._dropdownListItemWrapperWithBottomDivider_d7gxo_85 {
+._dropdownListItemWrapperWithBottomDivider_1d3bd_85 {
   border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
   margin-block-end: var(--space-2xs);
   padding-block-end: var(--space-2xs);
 }
-._dropdownListItem_d7gxo_23 {
+._dropdownListItem_1d3bd_23 {
   align-items: center;
   background-color: transparent;
   block-size: var(--dimensions-48);
@@ -7848,7 +7854,10 @@
   position: relative;
   transition: background-color var(--motion-duration-fast) var(--motion-ease-standard);
 }
-._dropdownListItem_d7gxo_23:after {
+._dropdownListItemSm_1d3bd_108 {
+  block-size: var(--dimensions-32);
+}
+._dropdownListItem_1d3bd_23:after {
   background-color: transparent;
   content: "";
   inset: 0;
@@ -7857,42 +7866,42 @@
   transition: background-color var(--motion-duration-fast) var(--motion-ease-out);
   z-index: var(--z-local-below);
 }
-._dropdownListItem_d7gxo_23:hover:not(._disabled_d7gxo_120):after {
+._dropdownListItem_1d3bd_23:hover:not(._disabled_1d3bd_124):after {
   background-color: var(--surface-state-hover);
 }
-._dropdownListItem_d7gxo_23:active:not(._disabled_d7gxo_120):after {
+._dropdownListItem_1d3bd_23:active:not(._disabled_1d3bd_124):after {
   background-color: var(--surface-state-press);
 }
-._dropdownListItem_d7gxo_23:focus-visible:after {
+._dropdownListItem_1d3bd_23:focus-visible:after {
   background-color: var(--surface-state-hover);
 }
-._dropdownListItem_d7gxo_23:focus-visible {
+._dropdownListItem_1d3bd_23:focus-visible {
   outline: var(--border-md) solid var(--border-state-focus);
   outline-offset: calc(var(--border-md) * -1);
 }
-._dropdownListItemFocused_d7gxo_142 {
+._dropdownListItemFocused_1d3bd_146 {
   outline: var(--border-md) solid var(--border-state-focus);
   outline-offset: calc(var(--border-md) * -1);
 }
-._dropdownListItemFocused_d7gxo_142:after {
+._dropdownListItemFocused_1d3bd_146:after {
   background-color: var(--surface-state-hover);
 }
-._dropdownListItemSelected_d7gxo_156:hover:not(._disabled_d7gxo_120):after {
+._dropdownListItemSelected_1d3bd_160:hover:not(._disabled_1d3bd_124):after {
   background-color: var(--surface-state-hover);
 }
-._dropdownListItemSelected_d7gxo_156:active:not(._disabled_d7gxo_120):after {
+._dropdownListItemSelected_1d3bd_160:active:not(._disabled_1d3bd_124):after {
   background-color: var(--surface-state-press);
 }
-._dropdownListItemDisabled_d7gxo_166 {
+._dropdownListItemDisabled_1d3bd_170 {
   cursor: not-allowed;
   opacity: var(--opacity-disabled);
 }
-._dropdownListCheckbox_d7gxo_172 {
+._dropdownListCheckbox_1d3bd_176 {
   block-size: var(--dimensions-24) !important;
   flex-shrink: 0;
   inline-size: var(--dimensions-24) !important;
 }
-._dropdownListItemIcon_d7gxo_179 {
+._dropdownListItemIcon_1d3bd_183 {
   align-items: center;
   block-size: var(--dimensions-24);
   color: var(--foreground-neutral-primary);
@@ -7903,7 +7912,7 @@
   position: relative;
   z-index: var(--z-local-content);
 }
-._dropdownListItemLabel_d7gxo_192 {
+._dropdownListItemLabel_1d3bd_196 {
   color: var(--text-neutral-primary);
   flex: 1;
   font-family: var(--body-lg-family);
@@ -7913,7 +7922,7 @@
   position: relative;
   z-index: var(--z-local-content);
 }
-._dropdownListCheckmark_d7gxo_204 {
+._dropdownListCheckmark_1d3bd_208 {
   align-items: center;
   block-size: var(--dimensions-24);
   color: var(--text-neutral-primary);
@@ -7922,13 +7931,25 @@
   inline-size: var(--dimensions-24);
   justify-content: center;
 }
-._dropdownListEmptyState_d7gxo_215 {
+._dropdownListEmptyState_1d3bd_219 {
   color: var(--text-neutral-secondary);
   font-family: var(--body-lg-family);
   font-size: var(--body-lg-size);
   padding: var(--space-sm) var(--space-xs);
   text-align: center;
 }
+._dropdownListItemSm_1d3bd_108 ._dropdownListItemLabel_1d3bd_196 {
+  font-family: var(--body-md-family);
+  font-size: var(--body-md-size);
+  font-weight: var(--body-md-weight);
+  line-height: var(--body-md-line-height);
+}
+._dropdownListItemSm_1d3bd_108 ._dropdownListItemIcon_1d3bd_183,
+._dropdownListItemSm_1d3bd_108 ._dropdownListCheckmark_1d3bd_208,
+._dropdownListItemSm_1d3bd_108 ._dropdownListCheckbox_1d3bd_176 {
+  block-size: var(--dimensions-20) !important;
+  inline-size: var(--dimensions-20) !important;
+}
 ._breadcrumbList_4fbak_2 {
   align-items: center;
   display: flex;
@@ -12565,6 +12586,172 @@
   background-color: var(--surface-neutral-secondary);
   border-radius: var(--radius-2xs);
 }
+._sectionHeaderRoot_1uj6q_4 {
+  align-items: center;
+  display: flex;
+  gap: var(--space-md);
+  justify-content: space-between;
+  padding: var(--space-sm);
+}
+._sectionHeaderTitleGroup_1uj6q_15 {
+  align-items: center;
+  display: flex;
+  flex: 1;
+  gap: var(--space-xs);
+  min-inline-size: 0;
+}
+._sectionHeaderTitleAndDescription_1uj6q_23 {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: var(--space-4xs);
+  min-inline-size: 0;
+}
+._sectionHeaderDescription_1uj6q_31 {
+  color: var(--text-neutral-secondary);
+  font-family: var(--body-md-family);
+  font-size: var(--body-md-size);
+  font-weight: var(--body-md-weight);
+  letter-spacing: var(--body-md-letter-spacing);
+  line-height: var(--body-md-line-height);
+  margin: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._sectionHeaderTitle_1uj6q_15 {
+  color: var(--text-neutral-primary);
+  margin: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._sectionHeaderSizeMedium_1uj6q_53 ._sectionHeaderTitle_1uj6q_15 {
+  font-family: var(--title-md-family);
+  font-size: var(--title-md-size);
+  font-weight: var(--title-md-weight-emphasize);
+  letter-spacing: var(--title-md-letter-spacing);
+  line-height: var(--title-md-line-height);
+}
+._sectionHeaderSizeLarge_1uj6q_62 ._sectionHeaderTitle_1uj6q_15 {
+  font-family: var(--title-lg-family);
+  font-size: var(--title-lg-size);
+  font-weight: var(--title-lg-weight-emphasize);
+  letter-spacing: var(--title-lg-letter-spacing);
+  line-height: var(--title-lg-line-height);
+}
+._sectionHeaderContextualActions_1uj6q_73 {
+  align-items: center;
+  display: flex;
+  flex-shrink: 0;
+  gap: 0;
+}
+._sectionHeaderTrailingActions_1uj6q_83 {
+  align-items: center;
+  display: flex;
+  flex-shrink: 0;
+  gap: var(--space-xs);
+}
+._uploadQueueModalRoot_14sig_6 {
+  background-color: var(--surface-neutral-elevator);
+  block-size: var(--dimensions-400);
+  border: var(--border-xs) solid var(--border-neutral-tertiary);
+  border-radius: var(--radius-md);
+  box-shadow: var(--shadow-md);
+  display: flex;
+  flex-direction: column;
+  inline-size: var(--dimensions-600);
+  inset-block-end: var(--space-md);
+  inset-inline-end: var(--space-xl);
+  overflow: hidden;
+  position: fixed;
+  transition: block-size var(--motion-duration-medium) var(--motion-ease-standard);
+  z-index: var(--z-index-modal);
+}
+._uploadQueueModalMinimized_14sig_27 {
+  block-size: calc(var(--dimensions-44) + var(--space-sm) * 2);
+}
+._uploadQueueModalHeader_14sig_33 {
+  border-block-end: var(--border-xs) solid var(--border-neutral-tertiary);
+  flex-shrink: 0;
+  transition: border-color var(--motion-duration-medium) var(--motion-ease-standard);
+}
+._uploadQueueModalHeaderMinimized_14sig_40 {
+  border-block-end-color: transparent;
+}
+._uploadQueueModalBodyWrapper_14sig_45 {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  min-block-size: var(--dimensions-0);
+  overflow: hidden;
+  position: relative;
+  transition: visibility 0s linear;
+  visibility: visible;
+}
+._uploadQueueModalBodyWrapperMinimized_14sig_57 {
+  transition-delay: var(--motion-duration-medium);
+  visibility: hidden;
+}
+._uploadQueueModalBody_14sig_45 {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  min-block-size: var(--dimensions-0);
+  overflow-y: auto;
+}
+._uploadQueueModalList_14sig_72 {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  padding: var(--space-2xs) var(--dimensions-0);
+}
+._uploadQueueModalGradient_14sig_80 {
+  block-size: var(--dimensions-48);
+  inset-inline: 0;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  transition: opacity var(--motion-duration-medium) var(--motion-ease-standard);
+  z-index: var(--z-local-above);
+}
+._uploadQueueModalGradientTop_14sig_92 {
+  background:
+    linear-gradient(
+      to bottom,
+      var(--surface-neutral-elevator) 0%,
+      transparent 100%);
+  inset-block-start: 0;
+}
+._uploadQueueModalGradientBottom_14sig_99 {
+  background:
+    linear-gradient(
+      to top,
+      var(--surface-neutral-elevator) 0%,
+      transparent 100%);
+  inset-block-end: 0;
+}
+._uploadQueueModalGradientVisible_14sig_106 {
+  opacity: 1;
+}
+._uploadQueueModalItem_14sig_111 {
+  flex-shrink: 0;
+}
+._uploadQueueModalItemError_14sig_116 [class*=listItemDescription] {
+  color: var(--text-state-error);
+}
+._fileIconDefault_14sig_121 {
+  color: var(--foreground-neutral-primary);
+}
+._fileIconSuccess_14sig_125 {
+  color: var(--foreground-accent-green-primary);
+}
+._fileIconError_14sig_129 {
+  color: var(--foreground-accent-red-primary);
+}
+._fileIconUploading_14sig_133 {
+  color: var(--foreground-brand-primary);
+}
 ._galleryCardRoot_koup6_8 {
   break-inside: avoid;
   cursor: pointer;
@@ -14047,7 +14234,144 @@
   padding: 4px 6px;
   text-transform: uppercase;
 }
-._promptFieldRoot_1ihm7_6 {
+._attachmentRoot_zdxto_7 {
+  --attachment-radius: var(--radius-2xs);
+  align-items: center;
+  border: var(--border-sm) solid var(--border-neutral-tertiary);
+  border-radius: var(--attachment-radius);
+  box-sizing: border-box;
+  display: inline-flex;
+  flex-direction: row;
+  gap: var(--space-sm);
+  overflow: hidden;
+  padding: var(--space-xs);
+  position: relative;
+  transition: border-color var(--motion-duration-normal) var(--motion-ease-standard);
+}
+._attachmentRoot_zdxto_7:not(._attachmentMedia_zdxto_23) {
+  padding-block: var(--space-4xs);
+  padding-inline: var(--space-4xs) var(--space-xs);
+}
+._attachmentRoot_zdxto_7._attachmentHasRemove_zdxto_28:not(._attachmentMedia_zdxto_23) {
+  padding-inline: var(--space-4xs) var(--space-xl);
+}
+._attachmentDisabled_zdxto_32 {
+  cursor: not-allowed;
+  opacity: var(--opacity-disabled);
+  pointer-events: none;
+}
+._attachmentSm_zdxto_43 {
+  max-inline-size: var(--dimensions-200);
+}
+._attachmentSm_zdxto_43:not(._attachmentMedia_zdxto_23) {
+  block-size: var(--dimensions-40);
+}
+._attachmentMd_zdxto_52 {
+  max-inline-size: var(--dimensions-240);
+}
+._attachmentMd_zdxto_52:not(._attachmentMedia_zdxto_23) {
+  block-size: var(--dimensions-80);
+}
+._attachmentLg_zdxto_61 {
+  max-inline-size: var(--dimensions-280);
+}
+._attachmentLg_zdxto_61:not(._attachmentMedia_zdxto_23) {
+  block-size: var(--dimensions-120);
+}
+._attachmentMedia_zdxto_23 {
+  gap: 0;
+  padding: 0;
+}
+._attachmentSm_zdxto_43._attachmentMedia_zdxto_23 {
+  block-size: var(--dimensions-40);
+  border: none;
+  inline-size: var(--dimensions-40);
+}
+._attachmentMd_zdxto_52._attachmentMedia_zdxto_23 {
+  block-size: var(--dimensions-80);
+  border: none;
+  inline-size: var(--dimensions-80);
+}
+._attachmentLg_zdxto_61._attachmentMedia_zdxto_23 {
+  block-size: var(--dimensions-120);
+  border: none;
+  inline-size: var(--dimensions-120);
+}
+._attachmentPreview_zdxto_105 {
+  align-items: center;
+  background-color: var(--surface-neutral-secondary);
+  border-radius: var(--attachment-radius);
+  display: flex;
+  flex-shrink: 0;
+  justify-content: center;
+  overflow: hidden;
+  position: relative;
+}
+._attachmentThumbnail_zdxto_116 {
+  block-size: 100%;
+  display: block;
+  inline-size: 100%;
+  object-fit: cover;
+}
+._attachmentMedia_zdxto_23 ._attachmentPreview_zdxto_105,
+._attachmentMedia_zdxto_23 ._attachmentThumbnail_zdxto_116 {
+  block-size: 100%;
+  border-radius: var(--attachment-radius);
+  inline-size: 100%;
+}
+._attachmentRoot_zdxto_7:not(._attachmentMedia_zdxto_23) ._attachmentPreview_zdxto_105 {
+  aspect-ratio: 1;
+  block-size: 100%;
+  border-radius: calc(var(--attachment-radius) - var(--space-4xs));
+  inline-size: auto;
+}
+._attachmentVideoOverlay_zdxto_139 {
+  background-color: var(--color-overlay);
+  inset: 0;
+  position: absolute;
+}
+._attachmentPlayOverlay_zdxto_146 {
+  align-items: center;
+  color: var(--foreground-neutral-primary-inverse);
+  display: flex;
+  inset-block-start: 50%;
+  inset-inline-start: 50%;
+  justify-content: center;
+  position: absolute;
+  transform: translate(-50%, -50%);
+}
+._attachmentFileIcon_zdxto_159 {
+  align-items: center;
+  color: var(--foreground-neutral-secondary);
+  display: flex;
+  justify-content: center;
+}
+._attachmentInfo_zdxto_170 {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: var(--space-5xs);
+  min-inline-size: 0;
+}
+._attachmentRemove_zdxto_182 {
+  block-size: var(--dimensions-20) !important;
+  inline-size: var(--dimensions-20) !important;
+  inset-block-start: var(--space-5xs);
+  inset-inline-end: var(--space-5xs);
+  min-block-size: 0 !important;
+  min-inline-size: 0 !important;
+  padding: 0 !important;
+  position: absolute;
+  z-index: 1;
+}
+._attachmentRemoveMedia_zdxto_194 {
+  background-color: var(--surface-neutral-primary) !important;
+}
+._attachmentRemove_zdxto_182 svg {
+  block-size: var(--dimensions-16);
+  inline-size: var(--dimensions-16);
+}
+._promptFieldRoot_1vtfb_6 {
   background-color: var(--surface-neutral-primary);
   border: var(--border-sm) solid var(--border-neutral-tertiary);
   border-radius: 16px;
@@ -14061,96 +14385,39 @@
   position: relative;
   transition: all var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._promptFieldRoot_1ihm7_6:hover:not(._promptFieldDisabled_1ihm7_26, ._promptFieldError_1ihm7_26) {
+._promptFieldRoot_1vtfb_6:hover:not(._promptFieldDisabled_1vtfb_26, ._promptFieldError_1vtfb_26) {
   background-color: var(--surface-state-hover);
   border-color: var(--border-state-hover);
 }
-._promptFieldRoot_1ihm7_6:focus-within:not(._promptFieldError_1ihm7_26) {
+._promptFieldRoot_1vtfb_6:focus-within:not(._promptFieldError_1vtfb_26) {
   background-color: transparent;
   border-color: var(--border-state-focus);
   box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-focus);
 }
-._promptFieldRoot_1ihm7_6._promptFieldError_1ihm7_26 {
+._promptFieldRoot_1vtfb_6._promptFieldError_1vtfb_26 {
   background-color: var(--surface-accent-red-subtle);
   border-color: var(--border-state-error);
 }
-._promptFieldRoot_1ihm7_6._promptFieldError_1ihm7_26:focus-within {
+._promptFieldRoot_1vtfb_6._promptFieldError_1vtfb_26:focus-within {
   box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-error);
 }
-._promptFieldRoot_1ihm7_6._promptFieldDisabled_1ihm7_26 {
+._promptFieldRoot_1vtfb_6._promptFieldDisabled_1vtfb_26 {
   background-color: var(--surface-neutral-on-surface);
   cursor: not-allowed;
   opacity: var(--opacity-disabled);
 }
-._promptFieldInputArea_1ihm7_62 {
+._promptFieldInputArea_1vtfb_62 {
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   gap: var(--space-2xs);
 }
-._promptFieldAttachmentList_1ihm7_70 {
+._promptFieldAttachmentList_1vtfb_70 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-2xs);
 }
-._promptFieldAttachmentItem_1ihm7_76 {
-  position: relative;
-}
-._promptFieldAttachmentThumbnail_1ihm7_80 {
-  block-size: 80px;
-  border: 1px solid var(--border-neutral-secondary);
-  border-radius: var(--radius-2xs);
-  display: block;
-  inline-size: 80px;
-  object-fit: cover;
-}
-._promptFieldAttachmentFile_1ihm7_91 {
-  align-items: center;
-  background-color: var(--surface-neutral-secondary);
-  block-size: 80px;
-  border-radius: var(--radius-xs);
-  display: flex;
-  inline-size: 80px;
-  justify-content: center;
-  padding: var(--space-2xs);
-}
-._promptFieldAttachmentFileName_1ihm7_104 {
-  color: var(--text-neutral-secondary);
-  font-family: var(--label-sm-family);
-  font-size: var(--label-sm-size);
-  overflow: hidden;
-  text-align: center;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-._promptFieldAttachmentRemove_1ihm7_114 {
-  align-items: center;
-  background-color: var(--surface-neutral-primary);
-  block-size: var(--dimensions-24);
-  border: none;
-  border-radius: var(--radius-full);
-  color: var(--foreground-neutral-primary);
-  cursor: pointer;
-  display: flex;
-  inline-size: var(--dimensions-24);
-  inset-block-start: var(--space-2xs);
-  inset-inline-end: var(--space-2xs);
-  justify-content: center;
-  padding: 0;
-  position: absolute;
-  transition: background-color var(--motion-duration-normal) var(--motion-ease-standard);
-}
-._promptFieldAttachmentRemove_1ihm7_114:hover {
-  background-color: var(--surface-state-hover);
-}
-._promptFieldAttachmentRemove_1ihm7_114:active {
-  background-color: var(--surface-state-press);
-}
-._promptFieldAttachmentRemove_1ihm7_114 svg {
-  block-size: var(--dimensions-24);
-  inline-size: var(--dimensions-24);
-}
-._promptFieldTextarea_1ihm7_146 {
+._promptFieldTextarea_1vtfb_78 {
   background: transparent;
   border: none;
   caret-color: var(--text-neutral-primary);
@@ -14165,41 +14432,41 @@
   padding: var(--space-2xs);
   resize: none;
 }
-._promptFieldTextarea_1ihm7_146::placeholder {
+._promptFieldTextarea_1vtfb_78::placeholder {
   color: var(--text-neutral-secondary);
 }
-._promptFieldTextarea_1ihm7_146:disabled {
+._promptFieldTextarea_1vtfb_78:disabled {
   cursor: not-allowed;
 }
-._promptFieldTextarea_1ihm7_146::selection {
+._promptFieldTextarea_1vtfb_78::selection {
   background-color: var(--surface-state-press);
   color: var(--text-neutral-primary);
 }
-._promptFieldFooter_1ihm7_182 {
+._promptFieldFooter_1vtfb_114 {
   align-items: center;
   display: flex;
   flex-shrink: 0;
   gap: 8px;
   justify-content: space-between;
 }
-._promptFieldLeftActions_1ihm7_191,
-._promptFieldRightActions_1ihm7_198 {
+._promptFieldLeftActions_1vtfb_123,
+._promptFieldRightActions_1vtfb_130 {
   align-items: center;
   display: flex;
   gap: 8px;
 }
-._promptFieldSelectorButton_1ihm7_208 {
+._promptFieldSelectorButton_1vtfb_140 {
   background-color: var(--surface-neutral-on-surface) !important;
   border: none;
   color: var(--text-neutral-primary);
 }
-._promptFieldSelectorSlot_1ihm7_215 {
+._promptFieldSelectorSlot_1vtfb_147 {
   display: contents;
 }
-._promptFieldIconButton_1ihm7_219 {
+._promptFieldIconButton_1vtfb_151 {
   background-color: transparent !important;
 }
-._promptFieldRecordingStatus_1ihm7_226 {
+._promptFieldRecordingStatus_1vtfb_158 {
   color: var(--text-neutral-primary);
   font-family: var(--body-lg-family);
   font-size: var(--body-lg-size);
@@ -14207,7 +14474,7 @@
   line-height: var(--body-lg-line-height);
   padding: var(--space-2xs);
 }
-._promptFieldWaveform_1ihm7_235 {
+._promptFieldWaveform_1vtfb_167 {
   align-items: center;
   block-size: 24px;
   display: flex;
@@ -14216,14 +14483,14 @@
   justify-content: flex-end;
   overflow: hidden;
 }
-._promptFieldWaveBar_1ihm7_249 {
-  animation: _wave_1ihm7_1 1s ease-in-out infinite;
+._promptFieldWaveBar_1vtfb_181 {
+  animation: _wave_1vtfb_1 1s ease-in-out infinite;
   background-color: var(--foreground-neutral-primary);
   border-radius: 2px;
   flex-shrink: 0;
   inline-size: 4px;
 }
-._promptFieldWaveBarInactive_1ihm7_259 {
+._promptFieldWaveBarInactive_1vtfb_191 {
   background-color: var(--foreground-neutral-primary);
   block-size: 12px;
   border-radius: 2px;
@@ -14231,7 +14498,7 @@
   inline-size: 4px;
   opacity: .1;
 }
-._promptFieldWaveBarLive_1ihm7_272 {
+._promptFieldWaveBarLive_1vtfb_204 {
   background-color: var(--foreground-neutral-primary);
   border-radius: 2px;
   flex-shrink: 0;
@@ -14239,24 +14506,24 @@
   min-block-size: 4px;
   transition: block-size .05s ease-out;
 }
-._promptFieldWaveBar_1ihm7_249:nth-child(2n) {
+._promptFieldWaveBar_1vtfb_181:nth-child(2n) {
   animation-duration: 1.1s;
   block-size: 60%;
 }
-._promptFieldWaveBar_1ihm7_249:nth-child(3n) {
+._promptFieldWaveBar_1vtfb_181:nth-child(3n) {
   animation-duration: 1.3s;
   block-size: 40%;
 }
-._promptFieldWaveBar_1ihm7_249:nth-child(4n) {
+._promptFieldWaveBar_1vtfb_181:nth-child(4n) {
   animation-duration: .9s;
   block-size: 80%;
 }
-._promptFieldTimer_1ihm7_303 {
+._promptFieldTimer_1vtfb_235 {
   font-feature-settings: "tnum";
   font-variant-numeric: tabular-nums;
   font-weight: 500;
 }
-@keyframes _wave_1ihm7_1 {
+@keyframes _wave_1vtfb_1 {
   0%, to {
     block-size: 20%;
   }
@@ -14441,72 +14708,6 @@
 ._skeletonRounded_1j2jv_60 {
   border-radius: var(--radius-full);
 }
-._sectionHeaderRoot_1uj6q_4 {
-  align-items: center;
-  display: flex;
-  gap: var(--space-md);
-  justify-content: space-between;
-  padding: var(--space-sm);
-}
-._sectionHeaderTitleGroup_1uj6q_15 {
-  align-items: center;
-  display: flex;
-  flex: 1;
-  gap: var(--space-xs);
-  min-inline-size: 0;
-}
-._sectionHeaderTitleAndDescription_1uj6q_23 {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  gap: var(--space-4xs);
-  min-inline-size: 0;
-}
-._sectionHeaderDescription_1uj6q_31 {
-  color: var(--text-neutral-secondary);
-  font-family: var(--body-md-family);
-  font-size: var(--body-md-size);
-  font-weight: var(--body-md-weight);
-  letter-spacing: var(--body-md-letter-spacing);
-  line-height: var(--body-md-line-height);
-  margin: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-._sectionHeaderTitle_1uj6q_15 {
-  color: var(--text-neutral-primary);
-  margin: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-._sectionHeaderSizeMedium_1uj6q_53 ._sectionHeaderTitle_1uj6q_15 {
-  font-family: var(--title-md-family);
-  font-size: var(--title-md-size);
-  font-weight: var(--title-md-weight-emphasize);
-  letter-spacing: var(--title-md-letter-spacing);
-  line-height: var(--title-md-line-height);
-}
-._sectionHeaderSizeLarge_1uj6q_62 ._sectionHeaderTitle_1uj6q_15 {
-  font-family: var(--title-lg-family);
-  font-size: var(--title-lg-size);
-  font-weight: var(--title-lg-weight-emphasize);
-  letter-spacing: var(--title-lg-letter-spacing);
-  line-height: var(--title-lg-line-height);
-}
-._sectionHeaderContextualActions_1uj6q_73 {
-  align-items: center;
-  display: flex;
-  flex-shrink: 0;
-  gap: 0;
-}
-._sectionHeaderTrailingActions_1uj6q_83 {
-  align-items: center;
-  display: flex;
-  flex-shrink: 0;
-  gap: var(--space-xs);
-}
 ._widgetRoot_x4uft_1 {
   --widget-padding: 16px;
   background-color: var(--surface-neutral-primary);
@@ -15797,25 +15998,25 @@
   line-height: var(--body-sm-line-height);
   margin-inline-start: auto;
 }
-._textFieldRoot_vxmtg_1 {
+._textFieldRoot_as6g0_1 {
   display: flex;
   flex-direction: column;
   font-family: var(--body-lg-family);
   inline-size: 100%;
 }
-._widthAuto_vxmtg_8 {
+._widthAuto_as6g0_8 {
   inline-size: auto;
 }
-._dropdownOpen_vxmtg_12 {
+._dropdownOpen_as6g0_12 {
   position: relative;
   z-index: var(--z-index-dropdown);
 }
-._textFieldLabel_vxmtg_17 {
+._textFieldLabel_as6g0_17 {
   color: var(--text-neutral-secondary);
   display: block;
   margin-block-end: var(--space-5xs);
 }
-._outsideLabel_vxmtg_23 {
+._outsideLabel_as6g0_23 {
   color: var(--text-neutral-primary);
   font-family: var(--title-md-family);
   font-size: var(--title-md-size);
@@ -15823,7 +16024,7 @@
   letter-spacing: var(--title-md-letter-spacing);
   line-height: var(--title-md-line-height);
 }
-._textFieldContainer_vxmtg_32 {
+._textFieldContainer_as6g0_32 {
   align-items: center;
   border: var(--border-sm) solid var(--border-neutral-tertiary);
   border-radius: var(--radius-2xs);
@@ -15835,65 +16036,65 @@
   position: relative;
   transition: all var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._insideNoIcon_vxmtg_52 {
+._insideNoIcon_as6g0_52 {
   padding-inline: var(--space-xs) var(--space-xs);
 }
-._withLeadingText_vxmtg_57 {
+._withLeadingText_as6g0_57 {
   padding: var(--space-2xs) var(--space-xs) var(--space-2xs) var(--space-2xs);
 }
-._outsideLabelVariant_vxmtg_62 {
+._outsideLabelVariant_as6g0_62 {
   min-block-size: var(--dimensions-44);
   padding-inline: var(--space-xs) var(--space-xs);
 }
-._outsideLabelMedium_vxmtg_67 {
+._outsideLabelMedium_as6g0_67 {
   font-family: var(--title-sm-family);
   font-size: var(--title-sm-size);
   font-weight: var(--title-sm-weight-emphasize);
   letter-spacing: var(--title-sm-letter-spacing);
   line-height: var(--title-sm-line-height);
 }
-._large_vxmtg_76 {
+._large_as6g0_76 {
   min-block-size: var(--dimensions-56);
 }
-._large_vxmtg_76._outsideLabelVariant_vxmtg_62 {
+._large_as6g0_76._outsideLabelVariant_as6g0_62 {
   min-block-size: var(--dimensions-44);
 }
-._medium_vxmtg_86 {
+._medium_as6g0_86 {
   font-size: var(--body-md-size);
   line-height: var(--body-md-line-height);
   min-block-size: var(--dimensions-44);
 }
-._medium_vxmtg_86._outsideLabelVariant_vxmtg_62 {
+._medium_as6g0_86._outsideLabelVariant_as6g0_62 {
   min-block-size: var(--dimensions-36);
 }
-._textFieldContainer_vxmtg_32:hover:not(._disabled_vxmtg_103, ._error_vxmtg_103) {
+._textFieldContainer_as6g0_32:hover:not(._disabled_as6g0_103, ._error_as6g0_103) {
   background-color: var(--surface-state-hover);
   border-color: var(--border-state-hover);
 }
-._focused_vxmtg_109:not(._error_vxmtg_103) {
+._focused_as6g0_109:not(._error_as6g0_103) {
   border-color: var(--border-state-focus);
   box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-focus);
 }
-._focused_vxmtg_109._error_vxmtg_103 {
+._focused_as6g0_109._error_as6g0_103 {
   box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-error);
 }
-._error_vxmtg_103 {
+._error_as6g0_103 {
   background-color: var(--surface-state-error);
   border-color: var(--border-state-error);
 }
-._disabled_vxmtg_103 {
+._disabled_as6g0_103 {
   background-color: var(--surface-state-disabled);
   cursor: not-allowed;
   opacity: var(--opacity-disabled);
 }
-._textFieldLeadingIcon_vxmtg_135 {
+._textFieldLeadingIcon_as6g0_135 {
   align-items: center;
   color: var(--foreground-neutral-primary);
   display: flex;
   justify-content: center;
   margin-inline-end: var(--space-xs);
 }
-._textFieldLeadingText_vxmtg_143 {
+._textFieldLeadingText_as6g0_143 {
   align-items: center;
   background-color: var(--surface-neutral-on-surface);
   border-radius: var(--radius-4xs);
@@ -15907,7 +16108,7 @@
   padding: var(--space-4xs) var(--space-2xs);
   white-space: nowrap;
 }
-._textFieldInputWrapper_vxmtg_158 {
+._textFieldInputWrapper_as6g0_158 {
   block-size: 100%;
   display: flex;
   flex: 1;
@@ -15915,7 +16116,7 @@
   padding-inline-end: var(--space-xs);
   position: relative;
 }
-._textFieldInlineLabel_vxmtg_167 {
+._textFieldInlineLabel_as6g0_167 {
   color: var(--text-neutral-secondary);
   font-family: var(--body-lg-family);
   font-size: var(--body-lg-size);
@@ -15931,7 +16132,7 @@
   transition: all var(--motion-duration-normal) var(--motion-ease-standard);
   white-space: nowrap;
 }
-._shrunk_vxmtg_186 {
+._shrunk_as6g0_186 {
   font-family: var(--label-sm-family);
   font-size: var(--label-sm-size);
   font-weight: var(--label-sm-weight-emphasize);
@@ -15940,7 +16141,7 @@
   line-height: var(--label-sm-line-height);
   transform: translateY(0);
 }
-._textFieldInput_vxmtg_158 {
+._textFieldInput_as6g0_158 {
   background: transparent;
   block-size: 100%;
   border: none;
@@ -15960,52 +16161,64 @@
   transition: opacity var(--motion-duration-normal) var(--motion-ease-standard);
   white-space: nowrap;
 }
-._textFieldInput_vxmtg_158:focus {
+._textFieldInput_as6g0_158:focus {
   text-overflow: clip;
 }
-._withInlineLabel_vxmtg_230 {
+._withInlineLabel_as6g0_230 {
   padding-block: var(--space-md) var(--space-2xs);
 }
-._withInlineLabel_vxmtg_230:not(._active_vxmtg_236) {
+._withInlineLabel_as6g0_230:not(._active_as6g0_236) {
   opacity: var(--opacity-hidden);
 }
-._withInlineLabel_vxmtg_230._active_vxmtg_236 {
+._withInlineLabel_as6g0_230._active_as6g0_236 {
   opacity: var(--opacity-visible);
 }
-._textFieldInput_vxmtg_158::placeholder {
+._textFieldInput_as6g0_158::placeholder {
   color: var(--text-neutral-secondary);
 }
-._textFieldTrailingGroup_vxmtg_250 {
+._textFieldTrailingGroup_as6g0_250 {
   align-items: center;
   display: flex;
   gap: var(--space-xs);
 }
-._textFieldClearButton_vxmtg_256 {
+._textFieldClearButton_as6g0_256 {
   block-size: var(--dimensions-20) !important;
+  display: inline-flex !important;
+  justify-content: center !important;
   inline-size: var(--dimensions-20) !important;
+  line-height: 0 !important;
+  align-items: center !important;
   min-block-size: var(--dimensions-20) !important;
   min-inline-size: var(--dimensions-20) !important;
   padding: 0 !important;
 }
-._textFieldClearButton_vxmtg_256 svg {
+._textFieldClearButton_as6g0_256 svg {
   block-size: var(--dimensions-20) !important;
+  display: block;
   inline-size: var(--dimensions-20) !important;
 }
-._textFieldPasswordToggle_vxmtg_269 {
+._textFieldPasswordToggle_as6g0_274 {
+  align-items: center;
   color: var(--fg-neutral-secondary);
+  display: inline-flex;
+  justify-content: center;
+  line-height: 0;
 }
-._textFieldSuffixDivider_vxmtg_273 {
+._textFieldPasswordToggle_as6g0_274 svg {
+  display: block;
+}
+._textFieldSuffixDivider_as6g0_286 {
   align-self: center;
   block-size: var(--dimensions-24);
 }
-._textFieldTrailingDropdownWrapper_vxmtg_278 {
+._textFieldTrailingDropdownWrapper_as6g0_291 {
   align-items: center;
   block-size: 100%;
   display: flex;
   position: relative;
   z-index: var(--z-local-below);
 }
-._textFieldTrailingDropdown_vxmtg_278 {
+._textFieldTrailingDropdown_as6g0_291 {
   align-items: center;
   color: var(--text-neutral-primary);
   cursor: pointer;
@@ -16017,26 +16230,26 @@
   line-height: var(--body-lg-line-height);
   transition: color var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._textFieldTrailingDropdown_vxmtg_278:hover,
-._activeDropdown_vxmtg_301 {
+._textFieldTrailingDropdown_as6g0_291:hover,
+._activeDropdown_as6g0_314 {
   color: var(--text-neutral-primary);
 }
-._textFieldTrailingDropdown_vxmtg_278 span {
+._textFieldTrailingDropdown_as6g0_291 span {
   margin-inline-end: calc(var(--dimensions-4) * -1);
 }
-._textFieldChevronIcon_vxmtg_309 {
+._textFieldChevronIcon_as6g0_322 {
   align-items: center;
   color: var(--foreground-neutral-primary);
   display: flex;
   transition: transform var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._rotated_vxmtg_317 {
+._rotated_as6g0_330 {
   transform: rotate(180deg);
 }
-._textFieldDropdownPopover_vxmtg_322 {
+._textFieldDropdownPopover_as6g0_335 {
   z-index: var(--z-index-dropdown);
 }
-._textFieldTrailingIconWrapper_vxmtg_326 {
+._textFieldTrailingIconWrapper_as6g0_339 {
   align-items: center;
   color: var(--foreground-neutral-primary);
   cursor: pointer;
@@ -16044,7 +16257,15 @@
   gap: var(--space-xs);
   z-index: var(--z-local-below);
 }
-._textFieldHelperText_vxmtg_337 {
+._textFieldPasswordToggleButton_as6g0_350 {
+  align-items: center;
+  block-size: var(--dimensions-20);
+  display: inline-flex;
+  inline-size: var(--dimensions-20);
+  justify-content: center;
+  line-height: 0;
+}
+._textFieldHelperText_as6g0_359 {
   color: var(--text-neutral-primary);
   font-family: var(--body-sm-family);
   font-size: var(--body-sm-size);
@@ -16052,10 +16273,10 @@
   line-height: var(--body-sm-line-height);
   margin-block-start: var(--space-4xs);
 }
-._errorText_vxmtg_346 {
+._errorText_as6g0_368 {
   color: var(--text-state-error);
 }
-._textFieldChevronOnly_vxmtg_352 {
+._textFieldChevronOnly_as6g0_374 {
   align-items: center;
   color: var(--text-neutral-primary);
   cursor: pointer;
@@ -16063,41 +16284,41 @@
   justify-content: center;
   padding: var(--space-2xs);
 }
-._textFieldChevronOnly_vxmtg_352:hover {
+._textFieldChevronOnly_as6g0_374:hover {
   background-color: var(--surface-state-hover);
   border-radius: var(--radius-4xs);
 }
-._readOnly_vxmtg_367 {
+._readOnly_as6g0_389 {
   background-color: var(--surface-neutral-secondary);
   cursor: default;
 }
-._readOnly_vxmtg_367 ._textFieldInput_vxmtg_158 {
+._readOnly_as6g0_389 ._textFieldInput_as6g0_158 {
   cursor: default;
 }
-._textFieldRequiredIndicator_vxmtg_377 {
+._textFieldRequiredIndicator_as6g0_399 {
   color: var(--text-state-error);
 }
-._textFieldFooter_vxmtg_382 {
+._textFieldFooter_as6g0_404 {
   align-items: center;
   display: flex;
   gap: var(--space-xs);
   justify-content: space-between;
   margin-block-start: var(--space-4xs);
 }
-._medium_vxmtg_86 ._textFieldInput_vxmtg_158,
-._medium_vxmtg_86 ._textFieldInlineLabel_vxmtg_167 {
+._medium_as6g0_86 ._textFieldInput_as6g0_158,
+._medium_as6g0_86 ._textFieldInlineLabel_as6g0_167 {
   font-family: var(--body-md-family);
   font-size: var(--body-md-size);
   font-weight: var(--body-md-weight);
   letter-spacing: var(--body-md-letter-spacing);
   line-height: var(--body-md-line-height);
 }
-._medium_vxmtg_86 ._textFieldLeadingIcon_vxmtg_135,
-._medium_vxmtg_86 ._textFieldTrailingGroup_vxmtg_250 svg {
+._medium_as6g0_86 ._textFieldLeadingIcon_as6g0_135,
+._medium_as6g0_86 ._textFieldTrailingGroup_as6g0_250 svg {
   block-size: var(--dimensions-20);
   inline-size: var(--dimensions-20);
 }
-._medium_vxmtg_86 ._shrunk_vxmtg_186 {
+._medium_as6g0_86 ._shrunk_as6g0_186 {
   font-family: var(--label-sm-family);
   font-size: var(--label-sm-size);
   font-weight: var(--label-sm-weight-emphasize);
@@ -16105,13 +16326,13 @@
   letter-spacing: var(--label-sm-letter-spacing);
   line-height: var(--label-sm-line-height);
 }
-._medium_vxmtg_86 ._withInlineLabel_vxmtg_230 {
+._medium_as6g0_86 ._withInlineLabel_as6g0_230 {
   padding-block: var(--space-sm) var(--space-3xs);
 }
-._medium_vxmtg_86 ._textFieldInput_vxmtg_158 {
+._medium_as6g0_86 ._textFieldInput_as6g0_158 {
   font-size: var(--body-md-size);
 }
-._textFieldCharacterCount_vxmtg_423 {
+._textFieldCharacterCount_as6g0_445 {
   color: var(--text-neutral-secondary);
   font-family: var(--body-sm-family);
   font-size: var(--body-sm-size);