@epam/ai-dial-conversation-input 1.1.0-dev.75 → 1.1.0-dev.78

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,18 @@
1
1
  import { CSSProperties, FC, ReactNode } from 'react';
2
+ import { BottomSheetShellColors } from '../BottomSheetShell/BottomSheetShell';
3
+ /** Color overrides for the `BottomSheet` component, applied as CSS custom properties. */
4
+ export interface BottomSheetColors {
5
+ /** Item label text color. Defaults to `--text-primary`. */
6
+ itemText?: string;
7
+ /** Item hover background. Defaults to `--bg-layer-3`. */
8
+ itemHoverBg?: string;
9
+ /** Item active/pressed background. Defaults to `--bg-layer-4`. */
10
+ itemActiveBg?: string;
11
+ /** Item leading-icon color. Defaults to `--text-secondary`. */
12
+ itemIcon?: string;
13
+ /** Color overrides forwarded to the underlying `BottomSheetShell` (backdrop, panel background, title, divider). */
14
+ shell?: BottomSheetShellColors;
15
+ }
2
16
  /** A single action entry in the bottom-sheet menu. */
3
17
  export interface BottomSheetItem {
4
18
  /** Unique identifier for the item. */
@@ -36,6 +50,8 @@ export interface BottomSheetProps {
36
50
  itemLabelClassName?: string;
37
51
  /** CSS class applied to each item button text. Defaults to empty string */
38
52
  btnTextClassName?: string;
53
+ /** Color overrides applied as CSS custom properties. */
54
+ colors?: BottomSheetColors;
39
55
  }
40
56
  /** Generic mobile bottom-sheet overlay with a list of tappable action items. */
41
57
  export declare const BottomSheet: FC<BottomSheetProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI1D,sDAAsD;AACtD,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,IAAI,EAAE,SAAS,CAAC;IAChB,sCAAsC;IACtC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6EAA6E;IAC7E,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,sDAAsD;AACtD,MAAM,WAAW,gBAAgB;IAC/B,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,UAAU,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,2CAA2C;IAC3C,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6EAA6E;IAC7E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,gFAAgF;AAChF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAiD5C,CAAC"}
1
+ {"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAInF,yFAAyF;AACzF,MAAM,WAAW,iBAAiB;IAChC,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mHAAmH;IACnH,KAAK,CAAC,EAAE,sBAAsB,CAAC;CAChC;AAED,sDAAsD;AACtD,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,IAAI,EAAE,SAAS,CAAC;IAChB,sCAAsC;IACtC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6EAA6E;IAC7E,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,sDAAsD;AACtD,MAAM,WAAW,gBAAgB;IAC/B,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,UAAU,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,2CAA2C;IAC3C,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6EAA6E;IAC7E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wDAAwD;IACxD,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAED,gFAAgF;AAChF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA0D5C,CAAC"}
@@ -1,4 +1,15 @@
1
1
  import { CSSProperties, FC, ReactNode } from 'react';
2
+ /** Color overrides for the `BottomSheetShell` component, applied as CSS custom properties. */
3
+ export interface BottomSheetShellColors {
4
+ /** Backdrop background color. Defaults to `--bg-backdrop`. */
5
+ backdrop?: string;
6
+ /** Sheet panel background color. Defaults to `--bg-layer-0`. */
7
+ sheetBg?: string;
8
+ /** Sheet title text color. Defaults to `--text-primary`. */
9
+ sheetText?: string;
10
+ /** Divider line color below the header. Defaults to `--bg-layer-4`. */
11
+ divider?: string;
12
+ }
2
13
  /** Props for the shared bottom-sheet overlay shell. */
3
14
  export interface BottomSheetShellProps {
4
15
  /** Controls sheet visibility. */
@@ -21,6 +32,8 @@ export interface BottomSheetShellProps {
21
32
  titleClassName?: string;
22
33
  /** Extra classes appended to the sheet container (e.g. a max-height constraint). */
23
34
  className?: string;
35
+ /** Color overrides applied as CSS custom properties. */
36
+ colors?: BottomSheetShellColors;
24
37
  /** Sheet body rendered below the header divider. */
25
38
  children: ReactNode;
26
39
  }
@@ -1 +1 @@
1
- {"version":3,"file":"BottomSheetShell.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheetShell/BottomSheetShell.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK1D,uDAAuD;AACvD,MAAM,WAAW,qBAAqB;IACpC,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,gGAAgG;IAChG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kFAAkF;IAClF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,sFAAsF;IACtF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,kIAAkI;AAClI,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA4EtD,CAAC"}
1
+ {"version":3,"file":"BottomSheetShell.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheetShell/BottomSheetShell.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK1D,8FAA8F;AAC9F,MAAM,WAAW,sBAAsB;IACrC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,uDAAuD;AACvD,MAAM,WAAW,qBAAqB;IACpC,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,gGAAgG;IAChG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kFAAkF;IAClF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,sFAAsF;IACtF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,oDAAoD;IACpD,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,kIAAkI;AAClI,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAuFtD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ConversationInput.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationInput/ConversationInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAI7E,8GAA8G;AAC9G,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAiDxD,CAAC"}
1
+ {"version":3,"file":"ConversationInput.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationInput/ConversationInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAI7E,8GAA8G;AAC9G,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAgDxD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"SendButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Buttons/SendButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,kDAAkD;AAClD,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,qEAAqE;AACrE,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAqB1C,CAAC"}
1
+ {"version":3,"file":"SendButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Buttons/SendButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,kDAAkD;AAClD,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,qEAAqE;AACrE,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAoB1C,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"StopButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Buttons/StopButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,oCAAoC;AACpC,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,KAAK,CAmBhC,CAAC"}
1
+ {"version":3,"file":"StopButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Buttons/StopButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,oCAAoC;AACpC,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,KAAK,CAWhC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAeA,OAAO,EAGL,KAAK,EAAE,EAMR,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAWrD,wIAAwI;AACxI,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CA6ehC,CAAC"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAeA,OAAO,EAGL,KAAK,EAAE,EAMR,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAWrD,wIAAwI;AACxI,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAifhC,CAAC"}
@@ -1,10 +1,11 @@
1
- import { CSSProperties, FC } from 'react';
2
- import { InputProps } from '../../models/Input';
1
+ import { DeploymentItem } from '@epam/ai-dial-chat-shared';
2
+ import { CSSProperties, FC, ReactNode } from 'react';
3
+ import { ModelSelectorLabels } from '../../models/Input';
3
4
  interface Props {
4
- deployments: InputProps['deployments'];
5
- selectedDeploymentId: InputProps['selectedDeploymentId'];
6
- onDeploymentChange: InputProps['onDeploymentChange'];
7
- modelSelectorLabels: InputProps['modelSelectorLabels'];
5
+ deployments?: DeploymentItem[];
6
+ selectedDeploymentId?: string | null;
7
+ onDeploymentChange?: (id: string) => void;
8
+ modelSelectorLabels?: ModelSelectorLabels;
8
9
  isStreaming: boolean;
9
10
  isMobile: boolean;
10
11
  isInputDisabled?: boolean;
@@ -14,7 +15,7 @@ interface Props {
14
15
  */
15
16
  isDisabled?: boolean;
16
17
  style: CSSProperties;
17
- modelPickerOverlay: InputProps['modelPickerOverlay'];
18
+ modelPickerOverlay?: (onClose: () => void) => ReactNode;
18
19
  /** Whether the model picker popover is open (controlled from Input). */
19
20
  isPickerOpen?: boolean;
20
21
  /** Toggles the model picker popover open/closed. */
@@ -1 +1 @@
1
- {"version":3,"file":"ModelSelectorControl.d.ts","sourceRoot":"","sources":["../../../src/components/Input/ModelSelectorControl.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,EAAE,EAAY,MAAM,OAAO,CAAC;AAE9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAKrD,UAAU,KAAK;IACb,WAAW,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC;IACvC,oBAAoB,EAAE,UAAU,CAAC,sBAAsB,CAAC,CAAC;IACzD,kBAAkB,EAAE,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACrD,mBAAmB,EAAE,UAAU,CAAC,qBAAqB,CAAC,CAAC;IACvD,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,aAAa,CAAC;IACrB,kBAAkB,EAAE,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACrD,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,2EAA2E;IAC3E,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,8FAA8F;AAC9F,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CA6K1C,CAAC"}
1
+ {"version":3,"file":"ModelSelectorControl.d.ts","sourceRoot":"","sources":["../../../src/components/Input/ModelSelectorControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAgB,MAAM,2BAA2B,CAAC;AAUzE,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAK9D,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,aAAa,CAAC;IACrB,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IACxD,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,2EAA2E;IAC3E,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,8FAA8F;AAC9F,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CA6K1C,CAAC"}
@@ -1,5 +1,23 @@
1
1
  import { DeploymentItem } from '@epam/ai-dial-chat-shared';
2
2
  import { CSSProperties, FC } from 'react';
3
+ import { BottomSheetShellColors } from '../BottomSheetShell/BottomSheetShell';
4
+ /** Color overrides for the `ModelSelectorBottomSheet` component, applied as CSS custom properties. */
5
+ export interface ModelSelectorBottomSheetColors {
6
+ /** Divider color between the search field and the deployment list. Defaults to `--bg-layer-4`. */
7
+ divider?: string;
8
+ /** Item label and state-label text color. Defaults to `--text-primary`/`--text-secondary`. */
9
+ itemText?: string;
10
+ /** Item hover background. Defaults to `--bg-layer-3`. */
11
+ itemHoverBg?: string;
12
+ /** Item active/pressed background. Defaults to `--bg-layer-4`. */
13
+ itemActiveBg?: string;
14
+ /** Item leading-icon color. Defaults to `--text-secondary`. */
15
+ itemIcon?: string;
16
+ /** Selected-row checkmark icon color. Defaults to `--text-accent-primary`. */
17
+ checkIcon?: string;
18
+ /** Color overrides forwarded to the underlying `BottomSheetShell` (backdrop, panel background, title, divider). */
19
+ shell?: BottomSheetShellColors;
20
+ }
3
21
  /** Props for the mobile bottom-sheet model selector. */
4
22
  export interface ModelSelectorBottomSheetProps {
5
23
  /** Controls sheet visibility. */
@@ -30,6 +48,8 @@ export interface ModelSelectorBottomSheetProps {
30
48
  titleClassName?: string;
31
49
  /** CSS class applied to each item label and the state label. Defaults to `'dial-small-text'`. */
32
50
  labelClassName?: string;
51
+ /** Color overrides applied as CSS custom properties. */
52
+ colors?: ModelSelectorBottomSheetColors;
33
53
  }
34
54
  /** Mobile bottom-sheet model selector with search and a virtualized deployment list. */
35
55
  export declare const ModelSelectorBottomSheet: FC<ModelSelectorBottomSheetProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"ModelSelectorBottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/ModelSelectorBottomSheet/ModelSelectorBottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAgB,MAAM,2BAA2B,CAAC;AAS9E,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,EAAE,EAAuB,MAAM,OAAO,CAAC;AAiFzE,wDAAwD;AACxD,MAAM,WAAW,6BAA6B;IAC5C,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,kFAAkF;IAClF,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,UAAU,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kFAAkF;IAClF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kJAAkJ;IAClJ,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,uEAAuE;IACvE,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,oFAAoF;IACpF,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,sFAAsF;IACtF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iGAAiG;IACjG,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wFAAwF;AACxF,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CAgGtE,CAAC"}
1
+ {"version":3,"file":"ModelSelectorBottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/ModelSelectorBottomSheet/ModelSelectorBottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EAEpB,MAAM,2BAA2B,CAAC;AASnC,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,EAAE,EAAuB,MAAM,OAAO,CAAC;AAGzE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAKnF,sGAAsG;AACtG,MAAM,WAAW,8BAA8B;IAC7C,kGAAkG;IAClG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mHAAmH;IACnH,KAAK,CAAC,EAAE,sBAAsB,CAAC;CAChC;AAyED,wDAAwD;AACxD,MAAM,WAAW,6BAA6B;IAC5C,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,kFAAkF;IAClF,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,UAAU,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kFAAkF;IAClF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kJAAkJ;IAClJ,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,uEAAuE;IACvE,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,oFAAoF;IACpF,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,sFAAsF;IACtF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iGAAiG;IACjG,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wDAAwD;IACxD,MAAM,CAAC,EAAE,8BAA8B,CAAC;CACzC;AAED,wFAAwF;AACxF,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CA+GtE,CAAC"}
@@ -1,5 +1,25 @@
1
1
  import { ToolMenuItem } from '@epam/ai-dial-chat-shared';
2
2
  import { FC } from 'react';
3
+ /** Typography overrides for the `SelectedToolsChips` component. */
4
+ export interface SelectedToolsChipsTypography {
5
+ /** Typography utility class applied to the chip text. Defaults to `'dial-small-paragraph-text'`. */
6
+ fontClassName?: string;
7
+ }
8
+ /** Color overrides for the `SelectedToolsChips` component, applied as CSS custom properties. */
9
+ export interface SelectedToolsChipsColors {
10
+ /** Chip background color. Defaults to `--bg-layer-base`. */
11
+ chipBg?: string;
12
+ /** Chip border color. Defaults to `--stroke-secondary`. */
13
+ chipBorder?: string;
14
+ /** Chip leading-icon color. Defaults to `--text-secondary`. */
15
+ chipIcon?: string;
16
+ /** Chip label text color. Defaults to `--text-primary`. */
17
+ chipText?: string;
18
+ /** Close (×) button icon color. Defaults to `--text-secondary`. */
19
+ chipClose?: string;
20
+ /** Close (×) button icon color on hover/focus. Defaults to `--text-primary`. */
21
+ chipCloseHover?: string;
22
+ }
3
23
  /** Props for the SelectedToolsChips component. */
4
24
  export interface SelectedToolsChipsProps {
5
25
  /** All tool menu items; the component filters by `isSelected` internally. */
@@ -12,6 +32,10 @@ export interface SelectedToolsChipsProps {
12
32
  countLabel?: (count: number) => string;
13
33
  /** Returns the accessible label for the close button on a desktop chip. Defaults to `"Remove {toolLabel}"`. */
14
34
  removeLabel?: (toolLabel: string) => string;
35
+ /** Typography overrides for the chip text. */
36
+ typography?: SelectedToolsChipsTypography;
37
+ /** Color overrides applied as CSS custom properties. */
38
+ colors?: SelectedToolsChipsColors;
15
39
  }
16
40
  /** Chip row rendered inside the conversation input when one or more tools are selected. */
17
41
  export declare const SelectedToolsChips: FC<SelectedToolsChipsProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"SelectedToolsChips.d.ts","sourceRoot":"","sources":["../../../src/components/SelectedToolsChips/SelectedToolsChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAI9D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,kDAAkD;AAClD,MAAM,WAAW,uBAAuB;IACtC,6EAA6E;IAC7E,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,kFAAkF;IAClF,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,sFAAsF;IACtF,QAAQ,EAAE,OAAO,CAAC;IAClB,wGAAwG;IACxG,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,+GAA+G;IAC/G,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;CAC7C;AAOD,2FAA2F;AAC3F,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAqE1D,CAAC"}
1
+ {"version":3,"file":"SelectedToolsChips.d.ts","sourceRoot":"","sources":["../../../src/components/SelectedToolsChips/SelectedToolsChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAI9D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,mEAAmE;AACnE,MAAM,WAAW,4BAA4B;IAC3C,oGAAoG;IACpG,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,gGAAgG;AAChG,MAAM,WAAW,wBAAwB;IACvC,4DAA4D;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,kDAAkD;AAClD,MAAM,WAAW,uBAAuB;IACtC,6EAA6E;IAC7E,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,kFAAkF;IAClF,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,sFAAsF;IACtF,QAAQ,EAAE,OAAO,CAAC;IAClB,wGAAwG;IACxG,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,+GAA+G;IAC/G,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,8CAA8C;IAC9C,UAAU,CAAC,EAAE,4BAA4B,CAAC;IAC1C,wDAAwD;IACxD,MAAM,CAAC,EAAE,wBAAwB,CAAC;CACnC;AAOD,2FAA2F;AAC3F,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA0F1D,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"VoiceBar.d.ts","sourceRoot":"","sources":["../../../src/components/VoiceBar/VoiceBar.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,EAAE,EACP,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAWlE,kDAAkD;AAClD,MAAM,WAAW,aAAa;IAC5B,qFAAqF;IACrF,KAAK,EAAE,kBAAkB,CAAC;IAC1B,8FAA8F;IAC9F,eAAe,EAAE,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IAChD,+CAA+C;IAC/C,cAAc,EAAE,MAAM,CAAC;IACvB,wDAAwD;IACxD,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,uEAAuE;IACvE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,kEAAkE;IAClE,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,sFAAsF;IACtF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2FAA2F;IAC3F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uFAAuF;IACvF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uFAAuF;IACvF,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,sFAAsF;AACtF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAuMtC,CAAC"}
1
+ {"version":3,"file":"VoiceBar.d.ts","sourceRoot":"","sources":["../../../src/components/VoiceBar/VoiceBar.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,EAAE,EACP,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAYlE,kDAAkD;AAClD,MAAM,WAAW,aAAa;IAC5B,qFAAqF;IACrF,KAAK,EAAE,kBAAkB,CAAC;IAC1B,8FAA8F;IAC9F,eAAe,EAAE,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IAChD,+CAA+C;IAC/C,cAAc,EAAE,MAAM,CAAC;IACvB,wDAAwD;IACxD,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,uEAAuE;IACvE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,kEAAkE;IAClE,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,sFAAsF;IACtF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2FAA2F;IAC3F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uFAAuF;IACvF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uFAAuF;IACvF,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,sFAAsF;AACtF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAqMtC,CAAC"}
package/index.css CHANGED
@@ -1,2 +1,2 @@
1
- @keyframes _slide-up_3xrn0_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._backdrop_3xrn0_9{background:var(--ci-background-Backdrop,#0c101db2)}._sheet_3xrn0_13{background:var(--ci-sheet-bg,var(--bg-layer-0,#fcfcfc));animation:.3s cubic-bezier(.32,.72,0,1) _slide-up_3xrn0_1}._title_3xrn0_18{color:var(--ci-sheet-text,var(--text-primary,#161b2d))}._divider_3xrn0_22{background:var(--ci-sheet-divider,var(--bg-layer-4,#d1dbea))}._item_l2r5m_1{color:var(--ci-sheet-text,var(--text-primary,#161b2d))}._item_l2r5m_1:hover{background:var(--ci-sheet-item-hover,var(--bg-layer-3,#fcfcfc))}._item_l2r5m_1:active{background:var(--ci-sheet-item-active,var(--bg-layer-4,#d1dbea))}._itemIcon_l2r5m_11{color:var(--ci-sheet-icon,var(--text-secondary,#6b7280))}._chip_1y9qv_1{background:var(--ci-chip-bg,var(--bg-layer-2,#eef1f7));border-color:var(--ci-chip-border,var(--stroke-secondary,#d1dbea))}._chipIcon_1y9qv_6{color:var(--ci-chip-icon,var(--text-secondary,#575f73))}._chipText_1y9qv_10{color:var(--ci-chip-text,var(--text-primary,#161b2d))}._chipClose_1y9qv_14{color:var(--ci-chip-close,var(--text-secondary,#575f73))}._chipClose_1y9qv_14:hover,._chipClose_1y9qv_14:focus-visible{color:var(--ci-chip-close-hover,var(--text-primary,#161b2d))}._container_8j81i_1{background:var(--ci-bg,var(--bg-layer-0,#fcfcfc));border-color:var(--ci-border,#0000000d);box-shadow:var(--ci-shadow,0 8px 24px #10182814);transition:border-color .15s,box-shadow .15s}._container_8j81i_1:hover:not(:focus-within){border-color:var(--ci-border-hover,#0000001f)}._container_8j81i_1:focus-within{border-color:var(--ci-border-focus,color-mix(in srgb, var(--stroke-accent-primary,#7da4ff) 50%, transparent));box-shadow:var(--ci-shadow-focus,0 8px 24px #10182814)}._container_8j81i_1._containerError_8j81i_14{border-color:var(--ci-voice-error,var(--stroke-error,#ae2f2f))}._waveformCanvas_8j81i_18{color:var(--ci-voice-waveform,var(--text-primary,#161b2d))}._timer_8j81i_22{color:var(--ci-voice-waveform,var(--text-primary,#161b2d));font-variant-numeric:tabular-nums;white-space:nowrap}._stopRecordingIcon_8j81i_28{color:var(--ci-voice-accent,var(--text-error,#ae2f2f))}@keyframes _recording-pulse_8j81i_1{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}._recordingDot_8j81i_42{background:var(--ci-voice-accent,var(--text-error,#ae2f2f));pointer-events:none;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.2s ease-in-out infinite _recording-pulse_8j81i_1;display:block}._wrapper_1mg30_1{background:var(--ci-bg,var(--bg-layer-0,#fcfcfc));border-color:var(--ci-border,#0000000d);box-shadow:var(--ci-shadow,0 8px 24px #10182814);transition:border-color .15s,box-shadow .15s}._wrapper_1mg30_1:hover:not(:focus-within){border-color:var(--ci-border-hover,#0000001f)}._wrapper_1mg30_1:focus-within{border-color:var(--ci-border-focus,color-mix(in srgb, var(--stroke-accent-primary,#7da4ff) 50%, transparent));box-shadow:var(--ci-shadow-focus,0 8px 24px #10182814)}._wrapper_1mg30_1._wrapperDisabled_1mg30_14{background:var(--ci-bg-disabled,var(--controls-bg-disable,#d1dbea));cursor:not-allowed}._textarea_1mg30_19{color:var(--ci-text,var(--text-primary,#161b2d))}._textarea_1mg30_19::placeholder{color:var(--ci-placeholder,var(--text-secondary,#6b7280))}._textarea_1mg30_19:disabled{color:var(--ci-text-disabled,var(--controls-text-primary-disable,#696e7c));cursor:not-allowed}._textarea_1mg30_19:disabled::placeholder{color:var(--ci-placeholder-disabled,var(--controls-text-secondary-disable,#9fa6bd))}._stopIcon_1mg30_33{color:var(--ci-stop-color,var(--text-secondary,#6b7280))}._modelSelectorButton_1mg30_37 ._modelSelectorCaret_1mg30_37{color:var(--ci-model-selector-caret-color,var(--text-primary,#161b2d))}._modelSelectorButton_1mg30_37:hover,._modelSelectorButton_1mg30_37:active{background:var(--ci-model-selector-hover-bg,var(--controls-bg-accent-primary-alpha-active,#7da4ff5c))}._modelSelectorButton_1mg30_37._modelSelectorButtonDisabled_1mg30_43,._modelSelectorButton_1mg30_37._modelSelectorButtonDisabled_1mg30_43 ._modelSelectorCaret_1mg30_37{color:var(--ci-model-selector-disabled-color,var(--controls-text-primary-disable,#696e7c))}._tabContainer_153ct_1{background-color:#0000;color:var(--text-tertiary,#c7cbd4)!important;border-color:#0000!important}._tabContainer_153ct_1:hover{background-color:#5c8dea0f;color:var(--text-secondary,#6b7280)!important}._tabContainer_153ct_1>span{text-align:center}._tabContainer_153ct_1._tabActive_153ct_13{background-color:#2764d912;color:var(--text-secondary,#6b7280)!important}._tabContainer_153ct_1._tabActive_153ct_13:hover{background-color:#5c8dea0f}.dial-input:not(.dial-input-error){transition:border-color .15s,box-shadow .15s;border-color:var(--stroke-tertiary,#e0e6f0)!important;border-radius:.75rem!important}.dial-input:not(.dial-input-error):not(:disabled):hover{border-color:var(--stroke-accent-primary,#7da4ff)!important}.dial-input:not(.dial-input-error):not(:disabled):active,.dial-input:not(.dial-input-error):not(:disabled):focus,.dial-input:not(.dial-input-error):not(:disabled):focus-within{border-color:var(--stroke-accent-primary,#124ace)!important;box-shadow:0 0 0 4px var(--bg-accent-primary-alpha,#7da4ff2e)!important}.dial-input-error{border-radius:.75rem!important}._divider_13nxz_1{background:var(--ci-sheet-divider,var(--bg-layer-4,#d1dbea))}._item_13nxz_5{color:var(--ci-sheet-text,var(--text-primary,#161b2d))}._item_13nxz_5:hover{background:var(--ci-sheet-item-hover,var(--bg-layer-3,#fcfcfc))}._item_13nxz_5:active{background:var(--ci-sheet-item-active,var(--bg-layer-4,#d1dbea))}._itemIcon_13nxz_15{color:var(--ci-sheet-icon,var(--text-secondary,#6b7280))}._checkIcon_13nxz_19{color:var(--ci-check-icon,var(--text-accent-primary,#124ace))}._stateLabel_13nxz_23{color:var(--ci-sheet-text,var(--text-secondary,#6b7280))}._welcome_n2ph8_1{color:var(--ci-welcome-color,var(--text-primary,#161b2d))}
1
+ @keyframes _slide-up_qmzqj_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._backdrop_qmzqj_9{background:var(--ci-backdrop,var(--bg-backdrop,#0c101db2))}._sheet_qmzqj_13{background:var(--ci-sheet-bg,var(--bg-layer-0,#fcfcfc));animation:.3s cubic-bezier(.32,.72,0,1) _slide-up_qmzqj_1}._title_qmzqj_18{color:var(--ci-sheet-text,var(--text-primary,#161b2d))}._divider_qmzqj_22{background:var(--ci-sheet-divider,var(--bg-layer-4,#d1dbea))}._item_l2r5m_1{color:var(--ci-sheet-text,var(--text-primary,#161b2d))}._item_l2r5m_1:hover{background:var(--ci-sheet-item-hover,var(--bg-layer-3,#fcfcfc))}._item_l2r5m_1:active{background:var(--ci-sheet-item-active,var(--bg-layer-4,#d1dbea))}._itemIcon_l2r5m_11{color:var(--ci-sheet-icon,var(--text-secondary,#6b7280))}._chip_1gvzk_1{background:var(--ci-chip-bg,var(--bg-layer-base,#f5f7fa));border-color:var(--ci-chip-border,var(--stroke-secondary,#d1dbea))}._chipIcon_1gvzk_6{color:var(--ci-chip-icon,var(--text-secondary,#575f73))}._chipText_1gvzk_10{color:var(--ci-chip-text,var(--text-primary,#161b2d))}._chipClose_1gvzk_14{color:var(--ci-chip-close,var(--text-secondary,#575f73))}._chipClose_1gvzk_14:hover,._chipClose_1gvzk_14:focus-visible{color:var(--ci-chip-close-hover,var(--text-primary,#161b2d))}._wrapper_4e8i8_1{background:var(--ci-bg,var(--bg-control-neutral,#fcfcfc));border-color:var(--ci-border,var(--stroke-tertiary,#e0e6f0))}._wrapper_4e8i8_1:focus-within,._wrapper_4e8i8_1:active{border-color:var(--ci-border-focus,var(--stroke-info,#124ace))}._wrapper_4e8i8_1._wrapperDisabled_4e8i8_8{color:var(--ci-text-disabled,var(--text-control-disable,#6b7280));cursor:not-allowed}._textarea_4e8i8_13{color:var(--ci-text,var(--text-primary,#161b2d))}._textarea_4e8i8_13::placeholder{color:var(--ci-placeholder,var(--text-secondary,#6b7280))}._textarea_4e8i8_13:disabled{color:var(--ci-text-disabled,var(--text-control-disable,#6b7280));cursor:not-allowed}._modelSelectorButton_4e8i8_24 ._modelSelectorCaret_4e8i8_24{color:var(--ci-model-selector-caret-color,var(--text-primary,#161b2d))}._modelSelectorButton_4e8i8_24:hover{background:var(--ci-model-selector-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._modelSelectorButton_4e8i8_24:active{background:var(--ci-model-selector-hover-bg,var(--bg-control-accent-alpha-active,#2764d933))}._modelSelectorButton_4e8i8_24._modelSelectorButtonDisabled_4e8i8_33{opacity:.5}._modelSelectorButton_4e8i8_24._modelSelectorButtonDisabled_4e8i8_33 ._modelSelectorCaret_4e8i8_24{color:var(--ci-model-selector-disabled-color,var(--text-control-disable,#6b7280))}._wrapperError_5wiyg_1{border-color:var(--ci-voice-error,var(--stroke-error,#ae2f2f))}._waveformCanvas_5wiyg_5{color:var(--ci-voice-waveform,var(--text-primary,#161b2d))}._timer_5wiyg_9{color:var(--ci-voice-waveform,var(--text-primary,#161b2d));font-variant-numeric:tabular-nums;white-space:nowrap}._stopRecordingIcon_5wiyg_15{color:var(--ci-voice-accent,var(--text-error,#ae2f2f))}@keyframes _recording-pulse_5wiyg_1{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}._recordingDot_5wiyg_29{background:var(--ci-voice-accent,var(--text-error,#ae2f2f));animation:1.2s ease-in-out infinite _recording-pulse_5wiyg_1}._tabContainer_153ct_1{background-color:#0000;color:var(--text-tertiary,#c7cbd4)!important;border-color:#0000!important}._tabContainer_153ct_1:hover{background-color:#5c8dea0f;color:var(--text-secondary,#6b7280)!important}._tabContainer_153ct_1>span{text-align:center}._tabContainer_153ct_1._tabActive_153ct_13{background-color:#2764d912;color:var(--text-secondary,#6b7280)!important}._tabContainer_153ct_1._tabActive_153ct_13:hover{background-color:#5c8dea0f}.dial-input:not(.dial-input-error){transition:border-color .15s,box-shadow .15s;border-color:var(--stroke-tertiary,#e0e6f0)!important;border-radius:.75rem!important}.dial-input:not(.dial-input-error):not(:disabled):hover{border-color:var(--stroke-accent-primary,#7da4ff)!important}.dial-input:not(.dial-input-error):not(:disabled):active,.dial-input:not(.dial-input-error):not(:disabled):focus,.dial-input:not(.dial-input-error):not(:disabled):focus-within{border-color:var(--stroke-accent-primary,#124ace)!important;box-shadow:0 0 0 4px var(--bg-accent-primary-alpha,#7da4ff2e)!important}.dial-input-error{border-radius:.75rem!important}._divider_13nxz_1{background:var(--ci-sheet-divider,var(--bg-layer-4,#d1dbea))}._item_13nxz_5{color:var(--ci-sheet-text,var(--text-primary,#161b2d))}._item_13nxz_5:hover{background:var(--ci-sheet-item-hover,var(--bg-layer-3,#fcfcfc))}._item_13nxz_5:active{background:var(--ci-sheet-item-active,var(--bg-layer-4,#d1dbea))}._itemIcon_13nxz_15{color:var(--ci-sheet-icon,var(--text-secondary,#6b7280))}._checkIcon_13nxz_19{color:var(--ci-check-icon,var(--text-accent-primary,#124ace))}._stateLabel_13nxz_23{color:var(--ci-sheet-text,var(--text-secondary,#6b7280))}._welcome_n2ph8_1{color:var(--ci-welcome-color,var(--text-primary,#161b2d))}
2
2
  /*$vite$:1*/