@astryxdesign/core 0.1.9 → 0.2.0-canary.136a00f

package/dist/Typeahead/Typeahead.d.ts

@@ -14,7 +14,7 @@
  * - /packages/cli/templates/blocks/components/Typeahead/ (showcase blocks)
  */
 import React, { type ReactNode } from 'react';
-import { type InputStatus } from '../Field';
+import { type InputStatus, type FieldStatusVariant } from '../Field';
 import { type IconType } from '../Icon';
 import type { BaseProps } from '../BaseProps';
 import type { SizeValue } from '../utils/types';
@@ -35,6 +35,13 @@ export interface TypeaheadProps<T extends SearchableItem> extends Omit<BaseProps
     isOptional?: boolean;
     /** Validation status. */
     status?: InputStatus;
+    /**
+     * How the status message is placed relative to the input.
+     * - 'attached': message overlaps directly below the input (bordered treatment)
+     * - 'detached': message floats below as a separate element with spacing
+     * @default 'attached'
+     */
+    statusVariant?: FieldStatusVariant;
     /**
      * Icon to display at the start of the input.
      * Accepts a ReactNode (e.g. `<Icon icon={SearchIcon} />`) or an SVG icon component directly.
@@ -127,7 +134,7 @@ export interface TypeaheadProps<T extends SearchableItem> extends Omit<BaseProps
  * />
  * ```
  */
-export declare function Typeahead<T extends SearchableItem>({ ref, label, isLabelHidden, description, isRequired, isOptional, status, startIcon, labelTooltip, searchSource, value, onChange, renderItem, placeholder, hasEntriesOnFocus, maxMenuItems, emptySearchResultsText, isDisabled, disabledMessage, hasClear, hasAutoFocus, size: sizeProp, debounceMs, onChangeQuery, onOpenChange, width, xstyle, className, style, 'data-testid': testId, }: TypeaheadProps<T>): React.JSX.Element;
+export declare function Typeahead<T extends SearchableItem>({ ref, label, isLabelHidden, description, isRequired, isOptional, status, statusVariant, startIcon, labelTooltip, searchSource, value, onChange, renderItem, placeholder, hasEntriesOnFocus, maxMenuItems, emptySearchResultsText, isDisabled, disabledMessage, hasClear, hasAutoFocus, size: sizeProp, debounceMs, onChangeQuery, onOpenChange, width, xstyle, className, style, 'data-testid': testId, }: TypeaheadProps<T>): React.JSX.Element;
 export declare namespace Typeahead {
     var displayName: string;
 }

package/dist/Typeahead/Typeahead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typeahead.d.ts","sourceRoot":"","sources":["../../src/Typeahead/Typeahead.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Typeahead.d.ts","sourceRoot":"","sources":["../../src/Typeahead/Typeahead.tsx"],"names":[],"mappings":"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"}

package/dist/Typeahead/Typeahead.js

@@ -121,6 +121,7 @@ export function Typeahead({
   isRequired = false,
   isOptional = false,
   status,
+  statusVariant = 'attached',
   startIcon,
   labelTooltip,
   searchSource,
@@ -278,7 +279,7 @@ export function Typeahead({
       ...mergeProps(themeProps('typeahead', {
         size,
         status: status?.type
-      }), stylex.props(inputWrapperStyles.base, styles.wrapper, sizeStyle, status && inputStatusBorderStyles[status.type], status && inputStatusHoverShadowStyles[status.type], status && inputStatusFocusWithinStyles[status.type], isDisabled && inputWrapperStyles.disabled, inputGroup && groupStyles.inGroup, inputGroup && xstyle), inputGroup ? className : undefined, inputGroup ? style : undefined),
+      }), stylex.props(inputWrapperStyles.base, styles.wrapper, sizeStyle, status && inputStatusBorderStyles[status.type], status && !isDisabled && inputStatusHoverShadowStyles[status.type], status && inputStatusFocusWithinStyles[status.type], isDisabled && inputWrapperStyles.disabled, inputGroup && groupStyles.inGroup, inputGroup && xstyle), inputGroup ? className : undefined, inputGroup ? style : undefined),
       children: [startIcon && renderIconSlot(startIcon, {
         size: 'sm',
         color: 'secondary'
@@ -313,7 +314,14 @@ export function Typeahead({
         debounceMs: debounceMs,
         anchorRef: wrapperRef,
         onKeyDown: handleKeyDown,
-        inputXStyle: showToken ? styles.inputHidden : undefined,
+        inputXStyle: showToken ? styles.inputHidden : undefined
+        // While the token is shown the input is collapsed (width 0 /
+        // opacity 0) — take it out of the Tab order so keyboard users
+        // don't hit an invisible stop (WCAG 2.4.3 / 2.4.7). It stays
+        // programmatically focusable: entering edit mode and clearing
+        // both refocus it after it uncollapses.
+        ,
+        inputTabIndex: showToken ? -1 : undefined,
         size: size
       }), hasClear && value && !isDisabled && /*#__PURE__*/_jsx(InputClearButton, {
         label: t('@astryx.typeahead.clearSelection'),
@@ -343,6 +351,7 @@ export function Typeahead({
       message: status.message,
       messageID: status.message ? statusMessageId : undefined
     } : undefined,
+    statusVariant: statusVariant,
     labelTooltip: labelTooltip,
     width: width,
     xstyle: xstyle,

package/dist/Typeahead/TypeaheadItem.d.ts

@@ -59,7 +59,7 @@ export interface TypeaheadItemProps<T extends SearchableItem = SearchableItem> e
  * />
  * ```
  */
-export declare function TypeaheadItem<T extends SearchableItem>({ ref, item, icon, description, isDisabled, }: TypeaheadItemProps<T>): React.JSX.Element;
+export declare function TypeaheadItem<T extends SearchableItem>({ ref, item, icon, description, isDisabled, xstyle, }: TypeaheadItemProps<T>): React.JSX.Element;
 export declare namespace TypeaheadItem {
     var displayName: string;
 }

package/dist/Typeahead/TypeaheadItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TypeaheadItem.d.ts","sourceRoot":"","sources":["../../src/Typeahead/TypeaheadItem.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAQ5C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAQ5C,MAAM,WAAW,kBAAkB,CACjC,CAAC,SAAS,cAAc,GAAG,cAAc,CACzC,SAAQ,SAAS,CAAC,cAAc,CAAC;IACjC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,IAAI,EAAE,CAAC,CAAC;IAER;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6CD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,cAAc,EAAE,EACtD,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,UAAkB,GACnB,EAAE,kBAAkB,CAAC,CAAC,CAAC,qBAsBvB;yBA5Be,aAAa"}
+{"version":3,"file":"TypeaheadItem.d.ts","sourceRoot":"","sources":["../../src/Typeahead/TypeaheadItem.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAQ5C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAQ5C,MAAM,WAAW,kBAAkB,CACjC,CAAC,SAAS,cAAc,GAAG,cAAc,CACzC,SAAQ,SAAS,CAAC,cAAc,CAAC;IACjC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,IAAI,EAAE,CAAC,CAAC;IAER;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6CD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,cAAc,EAAE,EACtD,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,UAAkB,EAClB,MAAM,GACP,EAAE,kBAAkB,CAAC,CAAC,CAAC,qBAsBvB;yBA7Be,aAAa"}

package/dist/Typeahead/TypeaheadItem.js

@@ -21,9 +21,25 @@ import { themeProps } from "../utils/themeProps.js";
 // =============================================================================
 // Types
 // =============================================================================
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime"; // =============================================================================
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// =============================================================================
 // Styles
 // =============================================================================
+
+const styles = {
+  container: {
+    k1xSpc: "x78zum5",
+    kGNEyG: "x6s0dn4",
+    kOIVth: "x1txdalj",
+    kAzted: "x2lwn1j",
+    $$css: true
+  },
+  disabled: {
+    kSiTet: "xbyyjgo",
+    $$css: true
+  }
+};
+
 // =============================================================================
 // Component
 // =============================================================================
@@ -57,7 +73,8 @@ export function TypeaheadItem({
   item,
   icon,
   description,
-  isDisabled = false
+  isDisabled = false,
+  xstyle
 }) {
   // If item has a pre-rendered element, use it
   if (item.element) {
@@ -67,14 +84,7 @@ export function TypeaheadItem({
   }
   return /*#__PURE__*/_jsxs("div", {
     ref: ref,
-    ...mergeProps(themeProps('typeahead-item'), {
-      0: {
-        className: "x78zum5 x6s0dn4 x1txdalj x2lwn1j"
-      },
-      1: {
-        className: "x78zum5 x6s0dn4 x1txdalj x2lwn1j xbyyjgo"
-      }
-    }[!!isDisabled << 0]),
+    ...mergeProps(themeProps('typeahead-item'), stylex.props(styles.container, isDisabled && styles.disabled, xstyle)),
     children: [icon, /*#__PURE__*/_jsxs("div", {
       ...{
         className: "x78zum5 xdt5ytf x98rzlu xeuugli"

package/dist/astryx.css

@@ -26,7 +26,9 @@
   @property --x-minHeight { syntax: "*"; inherits: false;}
   @property --x-minWidth { syntax: "*"; inherits: false;}
   @property --x-paddingInlineStart { syntax: "*"; inherits: false;}
+  @property --x-qthpiu { syntax: "*"; inherits: false;}
   @property --x-right { syntax: "*"; inherits: false;}
+  @property --x-sj6hyi { syntax: "*"; inherits: false;}
   @property --x-top { syntax: "*"; inherits: false;}
   @property --x-transform { syntax: "*"; inherits: false;}
   @property --x-WebkitLineClamp { syntax: "*"; inherits: false;}
@@ -45,7 +47,9 @@
   @keyframes x1b6yrix-B{from{opacity:0;transform:translateY(var(--spacing-2));}to{opacity:1;transform:translateY(0);}}
   @keyframes xiylxmw-B{from{opacity:0;transform:translateY(calc(-1 * var(--spacing-2)));}to{opacity:1;transform:translateY(0);}}
   @keyframes xqng64z-B{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
+  @keyframes x1c2q33o-B{0%{transform:translateX(100%);}100%{transform:translateX(-250%);}}
   @keyframes xr3m334-B{0%{transform:translateX(-100%);}100%{transform:translateX(250%);}}
+  @keyframes x1xhkexc-B{from{width:0;margin-inline-end:0;opacity:0;}to{width:14px;margin-inline-end:var(--spacing-1);opacity:1;}}
   :root, .xafi2nm{--border-width:1px;}
   :root, .xj0fimd{--color-accent:light-dark(#0064E0, #2694FE);--color-accent-muted:light-dark(#0082FB33, #0082FB3F);--color-on-accent:light-dark(#FFFFFF, #FFFFFF);--color-neutral:light-dark(rgba(5, 54, 89, 0.1), rgba(223, 226, 229, 0.2));--color-background-surface:light-dark(#FFFFFF, #1F1F22);--color-background-body:light-dark(#F1F4F7, #111112);--color-overlay:light-dark(#01122866, #11111299);--color-overlay-hover:light-dark(#0536590C, #FFFFFF0C);--color-overlay-pressed:light-dark(#05365919, #FFFFFF19);--color-background-muted:light-dark(#0536590C, #1111127F);--color-text-primary:light-dark(#0A1317, #DFE2E5);--color-text-secondary:light-dark(#4E606F, #AAAFB5);--color-text-disabled:light-dark(#A4B0BC, #6F747C);--color-text-accent:light-dark(#0064E0, #3E9EFB);--color-on-dark:light-dark(#FFFFFF, #FFFFFF);--color-on-light:light-dark(#000000, #000000);--color-icon-accent:light-dark(#0064E0, #2694FE);--color-icon-primary:light-dark(#0A1317, #DFE2E5);--color-icon-secondary:light-dark(#4E606F, #AAAFB5);--color-icon-disabled:light-dark(#A4B0BC, #6F747C);--color-background-card:light-dark(#FFFFFF, #1F1F22);--color-background-popover:light-dark(#FFFFFF, #28292C);--color-background-inverted:light-dark(#0A1317, #FFFFFF);--color-background-error-inverted:light-dark(#AA071E, #E3193B);--color-success:light-dark(#0D8626, #0D8626);--color-success-muted:light-dark(#0B991F33, #0B991F3F);--color-on-success:light-dark(#FFFFFF, #FFFFFF);--color-error:light-dark(#E3193B, #F5394F);--color-error-muted:light-dark(#E3193B33, #F5394F3F);--color-on-error:light-dark(#FFFFFF, #FFFFFF);--color-warning:light-dark(#E9AF08, #F2C00B);--color-warning-muted:light-dark(#E2A40033, #E2A4003F);--color-on-warning:light-dark(#0A1317, #0A1317);--color-border:light-dark(#05365919, #F2F4F619);--color-border-emphasized:light-dark(#CCD3DB, #494D53);--color-skeleton:light-dark(#CCD3DB, #5A5E66);--color-track:light-dark(#CCD3DB, #5A5E66);--color-shadow:light-dark(rgba(5, 54, 89, 0.1), rgba(0, 0, 0, 0.3));--color-tint-hover:light-dark(black, white);--color-background-blue:light-dark(#0171E333, #0171E333);--color-border-blue:light-dark(#0064E0, #2694FE);--color-icon-blue:light-dark(#0064E0, #2694FE);--color-text-blue:light-dark(#042F97, #AFD7FF);--color-background-cyan:light-dark(#03A7D733, #03A7D733);--color-border-cyan:light-dark(#089DD0, #0171A4);--color-icon-cyan:light-dark(#00ACC1, #26C6DA);--color-text-cyan:light-dark(#014975, #A1EEF9);--color-background-gray:light-dark(#0A131733, #666A724C);--color-border-gray:light-dark(#647685, #748695);--color-icon-gray:light-dark(#4E606F, #AAAFB5);--color-text-gray:light-dark(#0A1317, #E7EAED);--color-background-green:light-dark(#24BB5E33, #24BB5E33);--color-border-green:light-dark(#0D8626, #0B991F);--color-icon-green:light-dark(#0D8626, #26A756);--color-text-green:light-dark(#09441F, #A5F690);--color-background-orange:light-dark(#F2790233, #F2790233);--color-border-orange:light-dark(#EB6E00, #B34A01);--color-icon-orange:light-dark(#E9690B, #FB8C00);--color-text-orange:light-dark(#6B2203, #FDB876);--color-background-pink:light-dark(#E638B333, #E638B333);--color-border-pink:light-dark(#F351C0, #C02294);--color-icon-pink:light-dark(#C2185B, #EC407A);--color-text-pink:light-dark(#650053, #FEADE3);--color-background-purple:light-dark(#7952FF33, #7952FF33);--color-border-purple:light-dark(#9081FF, #7340FE);--color-icon-purple:light-dark(#5B08D8, #7952FF);--color-text-purple:light-dark(#3E0697, #B3B0FE);--color-background-red:light-dark(#E3193B33, #E3193B33);--color-border-red:light-dark(#E3193B, #F5394F);--color-icon-red:light-dark(#D31130, #E3193B);--color-text-red:light-dark(#7B0210, #FFB2B8);--color-background-teal:light-dark(#0DB7AF33, #0DB7AF33);--color-border-teal:light-dark(#08A3A3, #08767D);--color-icon-teal:light-dark(#009688, #26A69A);--color-text-teal:light-dark(#083943, #40DCCD);--color-background-yellow:light-dark(#E2A40033, #E2A40033);--color-border-yellow:light-dark(#C58600, #B47700);--color-icon-yellow:light-dark(#FBC02D, #FFEE58);--color-text-yellow:light-dark(#753F07, #FBCE03);}
   :root, .x14lkjui{--duration-fast-min:130ms;--duration-fast:175ms;--duration-fast-max:230ms;--duration-medium-min:310ms;--duration-medium:410ms;--duration-medium-max:550ms;--duration-slow-min:730ms;--duration-slow:975ms;--duration-slow-max:1300ms;}
@@ -271,6 +275,7 @@
   .x1t5kicu{--layout-padding-outer-y:var(--spacing-9)}
   .xnpej1e{--radius-element:var(--radius-full)}
   .xkce8z9{--separator-display:flex}
+  .xpa4xmd{--tree-list-indent:var(--spacing-4)}
   .x1aefuf3:focus-visible{--_tree-focus-outline-offset:2px}
   .xtoutpx:focus-visible{--_tree-focus-outline:2px solid var(--color-accent)}
   .x11woleg:focus-visible{--indicator-color:var(--color-accent)}
@@ -289,6 +294,7 @@
   .x1n5sqmh:not(#\#){margin:calc(-1 * (var(--spacing-2) - var(--spacing-1) + 1px))}
   .x1717udv:not(#\#){padding:0}
   .x1tamke2:not(#\#){padding:16px}
+  .x1i3ajwb:not(#\#){padding:2px}
   .xfawy5m:not(#\#){padding:4px}
   .x1b50gpf:not(#\#){padding:calc(var(--_chat-composer-padding) - var(--border-width))}
   .x18oj4ui:not(#\#){padding:var(--_chat-composer-padding)}
@@ -376,12 +382,14 @@
   .x1ms6mhf:not(#\#):not(#\#){grid-row:1}
   .x17y0mx6:not(#\#):not(#\#){inset-inline:0}
   .xe8uvvx:not(#\#):not(#\#){list-style:none}
+  .x10im51j:not(#\#):not(#\#){margin-block:0}
   .x81ka23:not(#\#):not(#\#){margin-block:calc(-1 * (var(--spacing-3) - var(--spacing-2)))}
   .xhzvc8f:not(#\#):not(#\#){margin-block:calc(-1 * var(--spacing-2))}
   .xqixskq:not(#\#):not(#\#){margin-block:calc(var(--size-element-md) / 2 - var(--spacing-2) - var(--text-heading-2-size) * var(--text-heading-2-leading) / 2)}
   .xacfrgf:not(#\#):not(#\#){margin-block:calc(var(--spacing-1) * -1)}
   .xsq74q5:not(#\#):not(#\#){margin-block:var(--spacing-1)}
   .x1g06x3t:not(#\#):not(#\#){margin-block:var(--spacing-2)}
+  .xrxpjvj:not(#\#):not(#\#){margin-inline:0}
   .xvueqy4:not(#\#):not(#\#){margin-inline:auto}
   .xtedp8i:not(#\#):not(#\#){margin-inline:calc(-1 * var(--spacing-1))}
   .x1ho7dyk:not(#\#):not(#\#){margin-inline:calc(-1 * var(--spacing-2))}
@@ -458,6 +466,10 @@
   .xomzh7y:focus:not(#\#):not(#\#){overflow:visible}
   .xh2mrf5:focus:not(#\#):not(#\#){padding-block:var(--spacing-2)}
   .x1cf3d6k:focus:not(#\#):not(#\#){padding-inline:var(--spacing-4)}
+  @media (forced-colors: active){.x1w1tqly.x1w1tqly:not(#\#):not(#\#){border-color:CanvasText}}
+  @media (forced-colors: active){.xmnqt3w.xmnqt3w:not(#\#):not(#\#){border-color:GrayText}}
+  @media (forced-colors: active){.xx61lck.xx61lck:not(#\#):not(#\#){border-style:solid}}
+  @media (forced-colors: active){.x13rsnn2.x13rsnn2:not(#\#):not(#\#){border-width:1px}}
   @media (max-width: 480px){.x1a1jff.x1a1jff:not(#\#):not(#\#){gap:var(--spacing-4)}}
   @media (prefers-reduced-motion: reduce){.x9kvfbb.x9kvfbb:not(#\#):not(#\#){transition:none}}
   @media (hover: hover){.x1od6ugu.x1od6ugu.x1od6ugu:where(.x1tspnpo:hover *):not(#\#):not(#\#){border-color:color-mix(in srgb,var(--color-accent),var(--color-tint-hover) 15%)}}
@@ -499,6 +511,7 @@
   .x9uej1z:not(#\#):not(#\#):not(#\#){animation-duration:var(--duration-fast-max)}
   .xb2rp9n:not(#\#):not(#\#):not(#\#){animation-duration:var(--duration-fast)}
   .xqgcaz:not(#\#):not(#\#):not(#\#){animation-duration:var(--duration-medium-max)}
+  .x12wqnr7:not(#\#):not(#\#):not(#\#){animation-duration:var(--duration-medium)}
   .x14qxm4i:not(#\#):not(#\#):not(#\#){animation-duration:var(--duration-slow-min)}
   .xskzprw:not(#\#):not(#\#):not(#\#){animation-fill-mode:backwards}
   .x10e4vud:not(#\#):not(#\#):not(#\#){animation-fill-mode:forwards}
@@ -510,6 +523,7 @@
   .x3psbcj:not(#\#):not(#\#):not(#\#){animation-name:x1ahk7ht-B}
   .x1dvww92:not(#\#):not(#\#):not(#\#){animation-name:x1b6yrix-B}
   .x97zbip:not(#\#):not(#\#):not(#\#){animation-name:x1k48ry3-B}
+  .x1gbn2au:not(#\#):not(#\#):not(#\#){animation-name:x1xhkexc-B}
   .xeuoslp:not(#\#):not(#\#):not(#\#){animation-name:xgnty7z-B}
   .x1srr2gu:not(#\#):not(#\#):not(#\#){animation-name:xiylxmw-B}
   .x1ka1v4i:not(#\#):not(#\#):not(#\#){animation-name:xqng64z-B}
@@ -533,6 +547,7 @@
   .xgcd1z6:not(#\#):not(#\#):not(#\#){background-color:inherit}
   .xcpsgoo:not(#\#):not(#\#):not(#\#){background-color:rgba(0,0,0,.5)}
   .xjbqb8w:not(#\#):not(#\#):not(#\#){background-color:transparent}
+  .xelv01g:not(#\#):not(#\#):not(#\#){background-color:var(--_avatar-fallback-background,var(--color-neutral))}
   .xgcxg3y:not(#\#):not(#\#):not(#\#){background-color:var(--color-accent-muted)}
   .x1ewilqj:not(#\#):not(#\#):not(#\#){background-color:var(--color-accent)}
   .x1o0wnni:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-blue)}
@@ -579,7 +594,12 @@
   .x18o3ruo:not(#\#):not(#\#):not(#\#){background-image:none}
   .x1mwwwfo:not(#\#):not(#\#):not(#\#){border-collapse:collapse}
   .x16uus16:not(#\#):not(#\#):not(#\#){border-end-end-radius:0}
+  .x1dgc8on:not(#\#):not(#\#):not(#\#){border-end-end-radius:var(--radius-full)}
+  .x1whkvtz:not(#\#):not(#\#):not(#\#){border-end-end-radius:var(--radius-inner)}
   .xbiv7yw:not(#\#):not(#\#):not(#\#){border-end-start-radius:0}
+  .x1wc3881:not(#\#):not(#\#):not(#\#){border-end-start-radius:var(--radius-full)}
+  .xrfs2vl:not(#\#):not(#\#):not(#\#){border-end-start-radius:var(--radius-inner)}
+  .xl0t3rv:not(#\#):not(#\#):not(#\#){border-inline-end-color:var(--color-border-emphasized)}
   .x1gejf6u:not(#\#):not(#\#):not(#\#){border-inline-end-color:var(--color-border)}
   .x18b5jzi:not(#\#):not(#\#):not(#\#){border-inline-end-style:solid}
   .x1lun4ml:not(#\#):not(#\#):not(#\#){border-inline-end-width:1px}
@@ -593,7 +613,11 @@
   .xtpqe59:not(#\#):not(#\#):not(#\#){border-inline-start-width:var(--spacing-0-5)}
   .x1gukg7c:not(#\#):not(#\#):not(#\#){border-spacing:0}
   .x1ga7v0g:not(#\#):not(#\#):not(#\#){border-start-end-radius:0}
+  .x8agd5o:not(#\#):not(#\#):not(#\#){border-start-end-radius:var(--radius-full)}
+  .x126per9:not(#\#):not(#\#):not(#\#){border-start-end-radius:var(--radius-inner)}
   .x15mokao:not(#\#):not(#\#):not(#\#){border-start-start-radius:0}
+  .x19415el:not(#\#):not(#\#):not(#\#){border-start-start-radius:var(--radius-full)}
+  .x3qb8m:not(#\#):not(#\#):not(#\#){border-start-start-radius:var(--radius-inner)}
   .x183tx6i:not(#\#):not(#\#):not(#\#){border-start-start-radius:var(--radius-page)}
   .x1lp15jv:not(#\#):not(#\#):not(#\#){box-shadow:inset 0 0 0 1px var(--color-border-emphasized)}
   .x1er153n:not(#\#):not(#\#):not(#\#){box-shadow:inset 0 0 0 1px var(--color-border)}
@@ -614,6 +638,7 @@
   .xj8ax7g:not(#\#):not(#\#):not(#\#){color:#FF0000}
   .x1heor9g:not(#\#):not(#\#):not(#\#){color:inherit}
   .x19co3pv:not(#\#):not(#\#):not(#\#){color:transparent}
+  .xicfil:not(#\#):not(#\#):not(#\#){color:var(--_avatar-fallback-color,var(--color-text-secondary))}
   .xqwr325:not(#\#):not(#\#):not(#\#){color:var(--color-accent)}
   .xrkvqaz:not(#\#):not(#\#):not(#\#){color:var(--color-background-surface)}
   .xjt36v0:not(#\#):not(#\#):not(#\#){color:var(--color-error)}
@@ -755,6 +780,7 @@
   .xk50ysn:not(#\#):not(#\#):not(#\#){font-weight:500}
   .x1s688f:not(#\#):not(#\#):not(#\#){font-weight:600}
   .x1pd3egz:not(#\#):not(#\#):not(#\#){font-weight:inherit}
+  .xi08x9w:not(#\#):not(#\#):not(#\#){font-weight:var(--_avatar-fallback-font-weight,var(--font-weight-medium))}
   .x1lvx875:not(#\#):not(#\#):not(#\#){font-weight:var(--font-weight-bold)}
   .x1e4wzip:not(#\#):not(#\#):not(#\#){font-weight:var(--font-weight-medium)}
   .x1sodnla:not(#\#):not(#\#):not(#\#){font-weight:var(--font-weight-normal)}
@@ -773,6 +799,7 @@
   .xmhvcl5:not(#\#):not(#\#):not(#\#){font-weight:var(--text-label-weight)}
   .x149oux8:not(#\#):not(#\#):not(#\#){font-weight:var(--text-large-weight)}
   .xv8on6e:not(#\#):not(#\#):not(#\#){font-weight:var(--text-supporting-weight)}
+  .x1kzknox:not(#\#):not(#\#):not(#\#){forced-color-adjust:none}
   .xu6a5m6:not(#\#):not(#\#):not(#\#){grid-auto-columns:1fr}
   .x1mt1orb:not(#\#):not(#\#):not(#\#){grid-auto-flow:column}
   .xhij9v2:not(#\#):not(#\#):not(#\#){grid-auto-rows:var(--x-gridAutoRows)}
@@ -789,10 +816,17 @@
   .xihq33y:not(#\#):not(#\#):not(#\#){grid-template-rows:0fr}
   .x1tu4anv:not(#\#):not(#\#):not(#\#){grid-template-rows:1fr}
   .xtijo5x:not(#\#):not(#\#):not(#\#){inset-inline-end:0}
+  .xz03a8w:not(#\#):not(#\#):not(#\#){inset-inline-end:2px}
   .x1oinnt5:not(#\#):not(#\#):not(#\#){inset-inline-end:calc((var(--size-element-md) - 20px) / 2 - 1px)}
   .x8qlsd8:not(#\#):not(#\#):not(#\#){inset-inline-end:calc((var(--size-element-sm) - 20px) / 2 - 1px)}
+  .xy3asu9:not(#\#):not(#\#):not(#\#){inset-inline-end:var(--spacing-1)}
   .x72tfeb:not(#\#):not(#\#):not(#\#){inset-inline-end:var(--spacing-2)}
+  .x1mcfs9z:not(#\#):not(#\#):not(#\#){inset-inline-end:var(--spacing-3)}
   .x1o0tod:not(#\#):not(#\#):not(#\#){inset-inline-start:0}
+  .x9p6ekw:not(#\#):not(#\#):not(#\#){inset-inline-start:14px}
+  .xaoy8p5:not(#\#):not(#\#):not(#\#){inset-inline-start:2px}
+  .xbudbmw:not(#\#):not(#\#):not(#\#){inset-inline-start:50%}
+  .x1ybfrjj:not(#\#):not(#\#):not(#\#){inset-inline-start:var(--spacing-3)}
   .xc8icb0:not(#\#):not(#\#):not(#\#){isolation:isolate}
   .xl56j7k:not(#\#):not(#\#):not(#\#){justify-content:center}
   .x13a6bvl:not(#\#):not(#\#):not(#\#){justify-content:flex-end}
@@ -841,6 +875,7 @@
   .x1wim8z0:not(#\#):not(#\#):not(#\#){margin-inline-start:calc(-1 * var(--layout-padding-inner-x,var(--spacing-4)))}
   .x1xrm450:not(#\#):not(#\#):not(#\#){margin-inline-start:calc(var(--spacing-2) - var(--spacing-1) + 1px)}
   .x13hpdyo:not(#\#):not(#\#):not(#\#){margin-inline-start:var(--_avatar-group-overlap)}
+  .x12vn87o:not(#\#):not(#\#):not(#\#){margin-inline-start:var(--_tree-indent,0px)}
   .xladpz9:not(#\#):not(#\#):not(#\#){margin-inline-start:var(--spacing-0-5)}
   .x11g1kdw:not(#\#):not(#\#):not(#\#){margin-inline-start:var(--spacing-1)}
   .x1l10yog:not(#\#):not(#\#):not(#\#){margin-inline-start:var(--spacing-6)}
@@ -867,6 +902,8 @@
   .x1y3gkto:not(#\#):not(#\#):not(#\#){outline-offset:1px}
   .x1hl8ikr:not(#\#):not(#\#):not(#\#){outline-offset:2px}
   .x1g710d4:not(#\#):not(#\#):not(#\#){outline-offset:var(--_tree-focus-outline-offset,0)}
+  .x1t137rt:not(#\#):not(#\#):not(#\#){outline-style:none}
+  .x1k57tk5:not(#\#):not(#\#):not(#\#){outline-width:0}
   .x9y5y3v:not(#\#):not(#\#):not(#\#){overflow-clip-margin:1px}
   .x1mzt3pk:not(#\#):not(#\#):not(#\#){overflow-wrap:break-word}
   .x1h4wwuj:not(#\#):not(#\#):not(#\#){overflow-wrap:normal}
@@ -938,7 +975,6 @@
   .x2b8uid:not(#\#):not(#\#):not(#\#){text-align:center}
   .xp4054r:not(#\#):not(#\#):not(#\#){text-align:end}
   .x16tdsg8:not(#\#):not(#\#):not(#\#){text-align:inherit}
-  .xdpxx8g:not(#\#):not(#\#):not(#\#){text-align:left}
   .x1hr2gdg:not(#\#):not(#\#):not(#\#){text-align:right}
   .x1yc453h:not(#\#):not(#\#):not(#\#){text-align:start}
   .x1b2iylo:not(#\#):not(#\#):not(#\#){text-box-edge:cap alphabetic}
@@ -970,6 +1006,7 @@
   .xuuh30:not(#\#):not(#\#):not(#\#){transform:translateX(-50%)}
   .xbryuvx:not(#\#):not(#\#):not(#\#){transform:translateX(0)}
   .xumwmo6:not(#\#):not(#\#):not(#\#){transform:translateX(100%)}
+  .xv5t66b:not(#\#):not(#\#):not(#\#){transform:translateX(12px)}
   .x15481yp:not(#\#):not(#\#):not(#\#){transform:translateX(14px)}
   .xitnhlw:not(#\#):not(#\#):not(#\#){transform:translateX(50%)}
   .x105ttfm:not(#\#):not(#\#):not(#\#){transform:translateY(-100%)}
@@ -981,6 +1018,7 @@
   .xnn1q72:not(#\#):not(#\#):not(#\#){transform:translateY(0)}
   .x1weeur4:not(#\#):not(#\#):not(#\#){transform:translateY(100%)}
   .x131p8rn:not(#\#):not(#\#):not(#\#){transform:translateY(50%)}
+  .x11wx31z:not(#\#):not(#\#):not(#\#){transform:var(--x-qthpiu)}
   .xsqj5wx:not(#\#):not(#\#):not(#\#){transform:var(--x-transform)}
   .xd00j3c:not(#\#):not(#\#):not(#\#){transition-behavior:allow-discrete}
   .x5h36tt:not(#\#):not(#\#):not(#\#){transition-delay:.15s}
@@ -1058,6 +1096,9 @@
   .x3730vf.x3730vf:where(.x84s7jz:focus-within *):not(#\#):not(#\#):not(#\#){pointer-events:auto}
   .xuqivmr.xuqivmr:where(.x84s7jz:focus-within *):not(#\#):not(#\#):not(#\#){transform:translateY(0)}
   .x7v6acp.x7v6acp:where(.x84s7jz:focus-within *):not(#\#):not(#\#):not(#\#){visibility:visible}
+  .xfd3fxj:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){animation-name:x1c2q33o-B}
+  .x1vxsm5i:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){animation-name:xu7jd1z-B}
+  .x18lne9g:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){animation-name:xwmkjkf-B}
   .xajhecq:not(:has(~ *:not([popover]))):not(#\#):not(#\#):not(#\#){border-end-end-radius:var(--radius-element)}
   .x12tyzlf:not(:has(~ *:not([popover]))):not(#\#):not(#\#):not(#\#){border-end-start-radius:var(--radius-element)}
   .xbfdvlp:not(:has(~ *:not([popover]))):not(#\#):not(#\#):not(#\#){border-start-end-radius:var(--radius-element)}
@@ -1068,17 +1109,27 @@
   .x25t5g8:focus-visible:not(#\#):not(#\#):not(#\#){opacity:1}
   .xof6bs:is(th:hover *):not(#\#):not(#\#):not(#\#){opacity:1}
   .xofkqq2:popover-open:not(#\#):not(#\#):not(#\#){opacity:1}
+  .xzunyri:focus-visible:not(#\#):not(#\#):not(#\#){outline-color:var(--color-accent)}
   .x1edzap1.x1edzap1:where(.x1iwu4tg:has(:focus-visible) *):not(#\#):not(#\#):not(#\#){outline-offset:2px}
   .x7s97pk:focus-visible:not(#\#):not(#\#):not(#\#){outline-offset:2px}
   .x81n7kt.x81n7kt:where(.x1tspnpo:has(:focus-visible) *):not(#\#):not(#\#):not(#\#){outline-offset:2px}
   .x13aywxo:focus-visible:not(#\#):not(#\#):not(#\#){outline-offset:var(--button-focus-offset)}
   .xh2nty3:focus-visible:not(#\#):not(#\#):not(#\#){outline-offset:var(--spacing-0-5)}
+  .x9v5kkp:focus-visible:not(#\#):not(#\#):not(#\#){outline-style:solid}
+  .x784prv:focus-visible:not(#\#):not(#\#):not(#\#){outline-width:2px}
+  .xepvkrk:not(:empty):not(#\#):not(#\#):not(#\#){padding-inline-end:var(--spacing-2)}
   .xbt4iw:focus-within:not(#\#):not(#\#):not(#\#){pointer-events:auto}
   .x1mqgsch:is([data-astryx-scrolling]):not(#\#):not(#\#):not(#\#){scrollbar-width:none}
   .xgtlewx:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:scaleX(-1)}
+  .xoffwj3:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translate(50%,-50%)}
   .x1df3fe5:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translateX(-100%)}
+  .xi9aj42:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translateX(-12px)}
+  .x12xz5k6:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translateX(-14px)}
+  .x36dvrd:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translateX(-50%)}
   .xttggg:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translateX(100%)}
+  .x1nyx83j:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translateX(50%)}
   .x9cjr8z:popover-open:not(#\#):not(#\#):not(#\#){transform:translateY(0)}
+  .x75qhwu:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:var(--x-sj6hyi)}
   .x1rm9qnc:focus-within:not(#\#):not(#\#):not(#\#){z-index:1}
   .x1vej5at:has(+ [popover] + [popover]:last-child):not(#\#):not(#\#):not(#\#){border-end-end-radius:var(--radius-element)}
   .xxd14kb:has(+ [popover]:last-child):not(#\#):not(#\#):not(#\#){border-end-end-radius:var(--radius-element)}
@@ -1098,12 +1149,12 @@
   .x9bi00s:first-child:not(#\#):not(#\#):not(#\#){padding-inline-start:max(var(--container-padding-inline-start,var(--spacing-3)),var(--spacing-2))}
   .x18c6q21:first-child:not(#\#):not(#\#):not(#\#){padding-inline-start:max(var(--container-padding-inline-start,var(--spacing-4)),var(--spacing-2))}
   .x747jw7:last-child:not(#\#):not(#\#):not(#\#){border-end-end-radius:var(--radius-element)}
+  .x1qlsc9e:last-child:not(#\#):not(#\#):not(#\#){border-inline-end-width:0}
   .x11xp8u1:last-child:not(#\#):not(#\#):not(#\#){border-start-end-radius:var(--radius-element)}
   .xbg7gas:last-child:not(#\#):not(#\#):not(#\#){padding-inline-end:max(var(--container-padding-inline-end,var(--spacing-2)),var(--spacing-2))}
   .xpilulx:last-child:not(#\#):not(#\#):not(#\#){padding-inline-end:max(var(--container-padding-inline-end,var(--spacing-3)),var(--spacing-2))}
   .x1wzlfcn:last-child:not(#\#):not(#\#):not(#\#){padding-inline-end:max(var(--container-padding-inline-end,var(--spacing-4)),var(--spacing-2))}
   .x1dnou9g:nth-child(even):not(#\#):not(#\#):not(#\#){background-color:var(--color-background-muted)}
-  .x1uwx2nv:hover:not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay-hover)}
   .x1cqbx0l:hover:not(#\#):not(#\#):not(#\#){color:var(--color-icon-primary)}
   .x1c52tdz:focus:not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay-hover)}
   .x1rsz1da:focus:not(#\#):not(#\#):not(#\#){clip-path:none}
@@ -1120,7 +1171,14 @@
   @media (prefers-reduced-motion: reduce){.x14q22ui.x14q22ui:not(#\#):not(#\#):not(#\#){animation-delay:0s}}
   @media (prefers-reduced-motion: reduce){.xnh0sag.xnh0sag:not(#\#):not(#\#):not(#\#){animation-duration:3s}}
   @media (prefers-reduced-motion: reduce){.x1aquc0h.x1aquc0h:not(#\#):not(#\#):not(#\#){animation-name:none}}
-  @media (prefers-contrast: more){.x1r1p5j5.x1r1p5j5:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-skeleton),var(--color-text-primary) 30%)}}
+  @media (forced-colors: active){.x9yvj25.x9yvj25:not(#\#):not(#\#):not(#\#){background-color:Canvas}}
+  @media (forced-colors: active){.xwvh9j7.xwvh9j7:not(#\#):not(#\#):not(#\#){background-color:CanvasText}}
+  @media (prefers-contrast: more) and (not (forced-colors: active)){.x1j0df82.x1j0df82:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-skeleton),var(--color-text-primary) 30%)}}
+  @media (forced-colors: active){.x1o55y2u.x1o55y2u:not(#\#):not(#\#):not(#\#){background-color:GrayText}}
+  @media (forced-colors: active){.x1jzqe4.x1jzqe4:not(#\#):not(#\#):not(#\#){background-color:Highlight}}
+  @media (forced-colors: active){.x1sir5s4.x1sir5s4:not(#\#):not(#\#):not(#\#){background-color:HighlightText}}
+  @media (forced-colors: active){.xs5hli.xs5hli:not(#\#):not(#\#):not(#\#){color:CanvasText}}
+  @media (forced-colors: active){.x1k5gbb1.x1k5gbb1:not(#\#):not(#\#):not(#\#){color:HighlightText}}
   @media (hover: hover){.x2dt3px.x2dt3px:not(#\#):not(#\#):not(#\#){cursor:zoom-in}}
   @media (max-width: 480px){.xedohl4.xedohl4:not(#\#):not(#\#):not(#\#){display:flex}}
   @media (pointer: coarse){.xhj50sb.xhj50sb:not(#\#):not(#\#):not(#\#){display:none}}
@@ -1129,16 +1187,17 @@
   @media (pointer: coarse){.xdk3u5w.xdk3u5w:not(#\#):not(#\#):not(#\#){font-size:max(1rem,var(--text-label-size))}}
   @media (pointer: coarse){.x1jymrmb.x1jymrmb:not(#\#):not(#\#):not(#\#){margin-inline-start:auto}}
   @media (any-pointer: coarse){.xhva3ql.xhva3ql:not(#\#):not(#\#):not(#\#){opacity:1}}
+  @media (forced-colors: active){.x1tbh5bv.x1tbh5bv:not(#\#):not(#\#):not(#\#){opacity:1}}
   @media (pointer: coarse){.xozvky.xozvky:not(#\#):not(#\#):not(#\#){order:1}}
   @media (prefers-reduced-motion: reduce){.xg83hb1.xg83hb1:not(#\#):not(#\#):not(#\#){scroll-behavior:auto}}
   @media (prefers-reduced-motion: reduce){.xsagj69.xsagj69:not(#\#):not(#\#):not(#\#){transition-duration:.01ms}}
   @media (prefers-reduced-motion: reduce){.xzg1mie.xzg1mie:not(#\#):not(#\#):not(#\#){transition-duration:.01s}}
   @media (prefers-reduced-motion: reduce){.x12w9bfk.x12w9bfk:not(#\#):not(#\#):not(#\#){transition-duration:0s}}
   @media (prefers-reduced-motion: reduce){.x4wkmsb.x4wkmsb:not(#\#):not(#\#):not(#\#){transition-property:none}}
-  @media (hover: hover){.x11ppjs.x11ppjs.x11ppjs:where(.x1iwu4tg:hover *):not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-accent),var(--color-tint-hover) 15%)}}
+  @media (hover: hover) and (forced-colors: none){.xcgwt1n.xcgwt1n.xcgwt1n:where(.x1iwu4tg:hover *):not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-accent),var(--color-tint-hover) 15%)}}
   @media (hover: hover){.x6aeo4j.x6aeo4j.x6aeo4j:where(.x1tspnpo:hover *):not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-accent),var(--color-tint-hover) 15%)}}
   @media (hover: hover){.xwnx32n.xwnx32n.xwnx32n:where(.xklqth5:hover *):not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-accent),var(--color-tint-hover) 15%)}}
-  @media (hover: hover){.x13wei8l.x13wei8l.x13wei8l:where(.x1iwu4tg:hover *):not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-background-gray),var(--color-tint-hover) 5%)}}
+  @media (hover: hover) and (forced-colors: none){.x1a8ae7b.x1a8ae7b.x1a8ae7b:where(.x1iwu4tg:hover *):not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-background-gray),var(--color-tint-hover) 5%)}}
   @media (hover: hover){.xrsv7h.xrsv7h.xrsv7h:where(.x1tspnpo:hover *):not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-background-surface),var(--color-tint-hover) 5%)}}
   @media (hover: hover){.xy1ay1n.xy1ay1n.xy1ay1n:where(.xklqth5:hover *):not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-background-surface),var(--color-tint-hover) 5%)}}
   @media (hover: hover){.x1cjfj8k.x1cjfj8k.x1cjfj8k:where(.x1tspnpo:hover *):not(#\#):not(#\#):not(#\#){background-color:var(--color-background-muted)}}
@@ -1174,37 +1233,22 @@
   .x6bqyzk:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-left-radius:var(--_chat-composer-radius)}
   .xv76oww:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-left-radius:var(--radius-container)}
   .x14lggfu:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-left-radius:var(--radius-element)}
-  .xi9l6n1:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-left-radius:var(--radius-full)}
-  .xgc49yv:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-left-radius:var(--radius-inner)}
   .xjppbhk:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-right-radius:0}
   .x2gnncy:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-right-radius:var(--_chat-composer-radius)}
   .x1padx2d:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-right-radius:var(--radius-container)}
   .xtufxuj:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-right-radius:var(--radius-element)}
-  .x1gu3054:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-right-radius:var(--radius-full)}
-  .x16vxp44:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-right-radius:var(--radius-inner)}
   .x1q0q8m5:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-style:solid}
   .xso031l:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-width:1px}
   .xlxy82:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-width:2px}
   .x92x3c3:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-width:var(--border-width)}
-  .x1utcnwd:not(#\#):not(#\#):not(#\#):not(#\#){border-left-color:var(--color-border)}
-  .x19ypqd9:not(#\#):not(#\#):not(#\#):not(#\#){border-left-style:solid}
-  .x1i535u5:not(#\#):not(#\#):not(#\#):not(#\#){border-left-width:var(--border-width)}
-  .xdz7fjg:not(#\#):not(#\#):not(#\#):not(#\#){border-right-color:var(--color-border-emphasized)}
-  .xtgwc6q:not(#\#):not(#\#):not(#\#):not(#\#){border-right-color:var(--color-border)}
-  .x32b0ac:not(#\#):not(#\#):not(#\#):not(#\#){border-right-style:solid}
-  .x1pcaw5z:not(#\#):not(#\#):not(#\#):not(#\#){border-right-width:var(--border-width)}
   .x1pc3f07:not(#\#):not(#\#):not(#\#):not(#\#){border-top-color:var(--color-border)}
   .x11npmm7:not(#\#):not(#\#):not(#\#):not(#\#){border-top-color:var(--color-on-accent)}
   .xtqab0c:not(#\#):not(#\#):not(#\#):not(#\#){border-top-left-radius:var(--_chat-composer-radius)}
   .x1d6do9d:not(#\#):not(#\#):not(#\#):not(#\#){border-top-left-radius:var(--radius-chat)}
   .x14k9mlb:not(#\#):not(#\#):not(#\#):not(#\#){border-top-left-radius:var(--radius-container)}
-  .x99wiku:not(#\#):not(#\#):not(#\#):not(#\#){border-top-left-radius:var(--radius-full)}
-  .x1bcgpep:not(#\#):not(#\#):not(#\#):not(#\#){border-top-left-radius:var(--radius-inner)}
   .x122jk3o:not(#\#):not(#\#):not(#\#):not(#\#){border-top-right-radius:var(--_chat-composer-radius)}
   .x1b9br5y:not(#\#):not(#\#):not(#\#):not(#\#){border-top-right-radius:var(--radius-chat)}
   .xn9rnvb:not(#\#):not(#\#):not(#\#):not(#\#){border-top-right-radius:var(--radius-container)}
-  .x11ly021:not(#\#):not(#\#):not(#\#):not(#\#){border-top-right-radius:var(--radius-full)}
-  .xxkfnbn:not(#\#):not(#\#):not(#\#):not(#\#){border-top-right-radius:var(--radius-inner)}
   .x13fuv20:not(#\#):not(#\#):not(#\#):not(#\#){border-top-style:solid}
   .x178xt8z:not(#\#):not(#\#):not(#\#):not(#\#){border-top-width:1px}
   .x11xkdxz:not(#\#):not(#\#):not(#\#):not(#\#){border-top-width:var(--border-width)}
@@ -1255,6 +1299,7 @@
   .x1u5rhrp:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(var(--size-element-md) + var(--spacing-1))}
   .xzj98nu:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(var(--size-element-sm) - 4px)}
   .xzydfjl:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(var(--size-element-sm) - 8px)}
+  .x14o5nre:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(var(--text-supporting-size) * var(--text-supporting-leading))}
   .xg7h5cd:not(#\#):not(#\#):not(#\#):not(#\#){height:fit-content}
   .xsyqizj:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--border-width)}
   .x5kfih4:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--resize-handle-hit-area,16px)}
@@ -1271,11 +1316,7 @@
   .x18to7ep:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--spacing-8)}
   .x1w0ack5:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--table-resize-height,100%)}
   .x16ye13r:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--x-height)}
-  .xu96u03:not(#\#):not(#\#):not(#\#):not(#\#){left:0}
-  .x1trqr8e:not(#\#):not(#\#):not(#\#):not(#\#){left:14px}
-  .x54rlcq:not(#\#):not(#\#):not(#\#):not(#\#){left:2px}
   .x1nrll8i:not(#\#):not(#\#):not(#\#):not(#\#){left:50%}
-  .xnp31yv:not(#\#):not(#\#):not(#\#):not(#\#){left:var(--spacing-3)}
   .xgq9j65:not(#\#):not(#\#):not(#\#):not(#\#){left:var(--x-left)}
   .x1jyxor1:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:-1px}
   .xat24cr:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:0}
@@ -1333,6 +1374,7 @@
   .x1us19tq:not(#\#):not(#\#):not(#\#):not(#\#){min-height:100%}
   .x1ov3xa9:not(#\#):not(#\#):not(#\#):not(#\#){min-height:100dvh}
   .xz65tgg:not(#\#):not(#\#):not(#\#):not(#\#){min-height:200px}
+  .xisnujt:not(#\#):not(#\#):not(#\#):not(#\#){min-height:20px}
   .xe0957l:not(#\#):not(#\#):not(#\#):not(#\#){min-height:22px}
   .xjwf9q1:not(#\#):not(#\#):not(#\#):not(#\#){min-height:24px}
   .xe0p6wg:not(#\#):not(#\#):not(#\#):not(#\#){min-height:28px}
@@ -1411,11 +1453,6 @@
   .xx7rijo:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--spacing-5)}
   .x1adxfkp:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--spacing-6)}
   .xoxd1wu:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--spacing-8)}
-  .x3m8u43:not(#\#):not(#\#):not(#\#):not(#\#){right:0}
-  .x3lmqil:not(#\#):not(#\#):not(#\#):not(#\#){right:2px}
-  .xs7l08f:not(#\#):not(#\#):not(#\#):not(#\#){right:var(--spacing-1)}
-  .x1n93rvh:not(#\#):not(#\#):not(#\#):not(#\#){right:var(--spacing-2)}
-  .xmz3bnw:not(#\#):not(#\#):not(#\#):not(#\#){right:var(--spacing-3)}
   .x7ok3n0:not(#\#):not(#\#):not(#\#):not(#\#){right:var(--x-right)}
   .x13vifvy:not(#\#):not(#\#):not(#\#):not(#\#){top:0}
   .xuivejd:not(#\#):not(#\#):not(#\#):not(#\#){top:14px}
@@ -1491,7 +1528,6 @@
   .x1d9v4yf:first-child:not(#\#):not(#\#):not(#\#):not(#\#){border-top-style:none}
   .x1g31smg:first-child:not(#\#):not(#\#):not(#\#):not(#\#){border-top-width:0}
   .xkibk3:first-child:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:calc(-1 * var(--container-padding-block-start,0px))}
-  .x1lpyac:last-child:not(#\#):not(#\#):not(#\#):not(#\#){border-right-width:0}
   .xlayyun:last-child:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:calc(-1 * var(--container-padding-block-end,0px))}
   .x15cytp8:focus:not(#\#):not(#\#):not(#\#):not(#\#){height:auto}
   .x1rw3289:focus:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--spacing-2)}
@@ -1557,6 +1593,10 @@
   .xa5v58t:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transition-timing-function:var(--ease-standard)}
   .x1rbqspl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{user-select:none}
   .xy5mcqj:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{z-index:-1}
+  .x1yg02dn:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-image:linear-gradient(to left,light-dark(rgba(0,0,0,.12),rgba(0,0,0,.32)),transparent)}
+  .x169mozk:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-image:linear-gradient(to right,light-dark(rgba(0,0,0,.12),rgba(0,0,0,.32)),transparent)}
+  .x1c108yo:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transform:translateX(-100%)}
+  .x12ayhd5:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transform:translateX(100%)}
   .x1k7wiig:active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-color:var(--color-overlay-pressed)}
   @media (prefers-reduced-motion: reduce){.x1viac0w.x1viac0w:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{transition-duration:.01s}}
   @media (hover: hover){.xi14tyy.xi14tyy:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-color:var(--color-overlay-hover)}}