@epam/ai-dial-conversation-input 1.1.0-dev.30 → 1.1.0-dev.307
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.
- package/components/AddAttachmentButton/AddAttachmentButton.d.ts +35 -1
- package/components/AddAttachmentButton/AddAttachmentButton.d.ts.map +1 -1
- package/components/BottomSheet/BottomSheet.d.ts +18 -5
- package/components/BottomSheet/BottomSheet.d.ts.map +1 -1
- package/components/BottomSheetShell/BottomSheetShell.d.ts +17 -14
- package/components/BottomSheetShell/BottomSheetShell.d.ts.map +1 -1
- package/components/ChatSettingsBottomSheet/ChatSettingsBottomSheet.d.ts +1 -4
- package/components/ChatSettingsBottomSheet/ChatSettingsBottomSheet.d.ts.map +1 -1
- package/components/ChatSettingsFields/ChatSettingsFields.d.ts +9 -0
- package/components/ChatSettingsFields/ChatSettingsFields.d.ts.map +1 -1
- package/components/ChatSettingsModal/ChatSettingsModal.d.ts +10 -0
- package/components/ChatSettingsModal/ChatSettingsModal.d.ts.map +1 -1
- package/components/ConversationInput/ConversationInput.d.ts +1 -0
- package/components/ConversationInput/ConversationInput.d.ts.map +1 -1
- package/components/EditMessageInput/EditMessageInput.d.ts +1 -0
- package/components/EditMessageInput/EditMessageInput.d.ts.map +1 -1
- package/components/Input/Buttons/SendButton.d.ts +1 -2
- package/components/Input/Buttons/SendButton.d.ts.map +1 -1
- package/components/Input/Buttons/StopButton.d.ts +1 -0
- package/components/Input/Buttons/StopButton.d.ts.map +1 -1
- package/components/Input/Input.d.ts +1 -0
- package/components/Input/Input.d.ts.map +1 -1
- package/components/Input/ModelSelectorControl.d.ts +14 -14
- package/components/Input/ModelSelectorControl.d.ts.map +1 -1
- package/components/ModelSelectorBottomSheet/ModelSelectorBottomSheet.d.ts +22 -6
- package/components/ModelSelectorBottomSheet/ModelSelectorBottomSheet.d.ts.map +1 -1
- package/components/ModelSelectorSkeleton/ModelSelectorSkeleton.d.ts +4 -0
- package/components/ModelSelectorSkeleton/ModelSelectorSkeleton.d.ts.map +1 -1
- package/components/ToolsBottomSheet/ToolsBottomSheet.d.ts +40 -0
- package/components/ToolsBottomSheet/ToolsBottomSheet.d.ts.map +1 -0
- package/components/ToolsChips/ToolsChips.d.ts +54 -0
- package/components/ToolsChips/ToolsChips.d.ts.map +1 -0
- package/components/VoiceBar/VoiceBar.d.ts +1 -9
- package/components/VoiceBar/VoiceBar.d.ts.map +1 -1
- package/hooks/useAttachments.d.ts +1 -5
- package/hooks/useAttachments.d.ts.map +1 -1
- package/hooks/useBottomSheet.d.ts +1 -4
- package/hooks/useBottomSheet.d.ts.map +1 -1
- package/hooks/useDelayedUnmount.d.ts +3 -12
- package/hooks/useDelayedUnmount.d.ts.map +1 -1
- package/hooks/useInputHistoryNavigation.d.ts +1 -12
- package/hooks/useInputHistoryNavigation.d.ts.map +1 -1
- package/hooks/useMessageState.d.ts +1 -4
- package/hooks/useMessageState.d.ts.map +1 -1
- package/hooks/useModelSelector.d.ts +21 -2
- package/hooks/useModelSelector.d.ts.map +1 -1
- package/hooks/useVoiceRecorder.d.ts +1 -9
- package/hooks/useVoiceRecorder.d.ts.map +1 -1
- package/index.css +1 -1
- package/index.d.ts +1 -3
- package/index.d.ts.map +1 -1
- package/index.js +1226 -961
- package/models/ConversationInput.d.ts +77 -23
- package/models/ConversationInput.d.ts.map +1 -1
- package/models/Input.d.ts +73 -23
- package/models/Input.d.ts.map +1 -1
- package/package.json +4 -5
- package/utils/concurrency.d.ts +2 -13
- package/utils/concurrency.d.ts.map +1 -1
- package/utils/deployment.d.ts +1 -4
- package/utils/deployment.d.ts.map +1 -1
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ToolMenuItem } from '@epam/ai-dial-chat-shared';
|
|
1
2
|
import { CSSProperties, FC, ReactNode } from 'react';
|
|
2
3
|
import { ChatSettingsConfig } from '../../models/Input';
|
|
3
4
|
/** A single item injected into the attachment menu by the host app. */
|
|
@@ -25,7 +26,7 @@ interface AddAttachmentButtonProps {
|
|
|
25
26
|
menuCloseLabel: string;
|
|
26
27
|
/** CSS custom-property overrides forwarded to the mobile BottomSheet. */
|
|
27
28
|
style?: CSSProperties;
|
|
28
|
-
/** Width class applied to the desktop dropdown list. Defaults to `'
|
|
29
|
+
/** Width class applied to the desktop dropdown list. Defaults to `'w-[240px]'`. */
|
|
29
30
|
listClassName?: string;
|
|
30
31
|
/** When `true`, the trigger button is disabled and the menu cannot open. */
|
|
31
32
|
isDisabled?: boolean;
|
|
@@ -33,7 +34,40 @@ interface AddAttachmentButtonProps {
|
|
|
33
34
|
chatSettings?: ChatSettingsConfig;
|
|
34
35
|
/** Additional menu items appended after "Attach file". */
|
|
35
36
|
extraMenuItems?: ExtraMenuItem[];
|
|
37
|
+
/** Resolved tool toggle items to render in a "Tools" submenu. When empty or absent, no Tools item is shown. */
|
|
38
|
+
toolsMenuItems?: ToolMenuItem[];
|
|
39
|
+
/** Called when a tool row is toggled. Receives the tool id. */
|
|
40
|
+
onToolToggle?: (toolId: string) => void;
|
|
41
|
+
/** Label for the "Tools" menu item and mobile sheet title. Defaults to `'Tools'`. */
|
|
42
|
+
toolsMenuTitle?: string;
|
|
43
|
+
/** Accessible label for the back arrow in the mobile tools bottom sheet. Defaults to `'Back'`. */
|
|
44
|
+
toolsBackLabel?: string;
|
|
45
|
+
/**
|
|
46
|
+
* When provided, adds a "Prompts" item above "Chat settings" whose submenu
|
|
47
|
+
* (desktop flyout / mobile bottom sheet) renders this host-owned overlay.
|
|
48
|
+
* On desktop this is a real nested `Dropdown` submenu (via `renderSubMenu`)
|
|
49
|
+
* that stays open alongside the main attachment menu, mirroring how the
|
|
50
|
+
* "Tools" item's submenu behaves. Receives a callback the overlay calls to
|
|
51
|
+
* close the whole menu once selection is complete.
|
|
52
|
+
*/
|
|
53
|
+
promptsMenuOverlay?: (onClose: () => void) => ReactNode;
|
|
54
|
+
/** Label for the "Prompts" menu item and mobile sheet title. Defaults to `'Prompts'`. */
|
|
55
|
+
promptsMenuTitle?: string;
|
|
56
|
+
/** Accessible label for the back arrow in the mobile prompts bottom sheet. Defaults to `'Back'`. */
|
|
57
|
+
promptsBackLabel?: string;
|
|
58
|
+
/** Color overrides. */
|
|
59
|
+
colors?: AddAttachmentButtonColors;
|
|
36
60
|
}
|
|
61
|
+
/** Color overrides for `AddAttachmentButton`, applied as CSS custom properties with app theme fallbacks. */
|
|
62
|
+
export interface AddAttachmentButtonColors {
|
|
63
|
+
/** Checkmark icon color for a selected tool in the Tools submenu. Fallback: `--text-accent`. */
|
|
64
|
+
selectedToolIcon?: string;
|
|
65
|
+
/** Icon color for each tool row in the Tools submenu. Fallback: `--text-secondary`. */
|
|
66
|
+
toolIcon?: string;
|
|
67
|
+
/** Chevron icon color on the mobile "Tools"/"Chat settings" rows. Fallback: `--text-secondary`. */
|
|
68
|
+
chevronIcon?: string;
|
|
69
|
+
}
|
|
70
|
+
/** "+" trigger button that opens an attachment/settings menu (desktop dropdown or mobile bottom sheet). */
|
|
37
71
|
export declare const AddAttachmentButton: FC<AddAttachmentButtonProps>;
|
|
38
72
|
export {};
|
|
39
73
|
//# sourceMappingURL=AddAttachmentButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddAttachmentButton.d.ts","sourceRoot":"","sources":["../../../src/components/AddAttachmentButton/AddAttachmentButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AddAttachmentButton.d.ts","sourceRoot":"","sources":["../../../src/components/AddAttachmentButton/AddAttachmentButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,YAAY,EAElB,MAAM,2BAA2B,CAAC;AAkBnC,OAAO,EACL,aAAa,EACb,KAAK,EAAE,EACP,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAQ7D,uEAAuE;AACvE,MAAM,WAAW,aAAa;IAC5B,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,IAAI,EAAE,SAAS,CAAC;IAChB,0CAA0C;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,mDAAmD;AACnD,UAAU,wBAAwB;IAChC,+GAA+G;IAC/G,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,6CAA6C;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,YAAY,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,SAAS,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,cAAc,EAAE,MAAM,CAAC;IACvB,yEAAyE;IACzE,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,mFAAmF;IACnF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gIAAgI;IAChI,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,0DAA0D;IAC1D,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IACjC,+GAA+G;IAC/G,cAAc,CAAC,EAAE,YAAY,EAAE,CAAC;IAChC,+DAA+D;IAC/D,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,qFAAqF;IACrF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kGAAkG;IAClG,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;;;OAOG;IACH,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IACxD,yFAAyF;IACzF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oGAAoG;IACpG,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uBAAuB;IACvB,MAAM,CAAC,EAAE,yBAAyB,CAAC;CACpC;AAED,4GAA4G;AAC5G,MAAM,WAAW,yBAAyB;IACxC,gGAAgG;IAChG,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mGAAmG;IACnG,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,2GAA2G;AAC3G,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA8X5D,CAAC"}
|
|
@@ -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-raised`. */
|
|
8
|
+
itemHoverBg?: string;
|
|
9
|
+
/** Item active/pressed background. Defaults to `--bg-control-neutral-active`. */
|
|
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. */
|
|
@@ -30,16 +44,15 @@ export interface BottomSheetProps {
|
|
|
30
44
|
items: BottomSheetItem[];
|
|
31
45
|
/** Extra classes appended to the sheet container (e.g. a max-height constraint). */
|
|
32
46
|
className?: string;
|
|
33
|
-
/** CSS class applied to the sheet title. Defaults to `'dial-body-semi-
|
|
47
|
+
/** CSS class applied to the sheet title. Defaults to `'dial-body-semi-text'`. */
|
|
34
48
|
titleClassName?: string;
|
|
35
49
|
/** CSS class applied to each item label. Defaults to `'dial-small-text'`. */
|
|
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
|
-
/**
|
|
41
|
-
* A generic bottom-sheet overlay for mobile viewports.
|
|
42
|
-
* Renders the shared {@link BottomSheetShell} with a list of tappable actions.
|
|
43
|
-
*/
|
|
56
|
+
/** Generic mobile bottom-sheet overlay with a list of tappable action items. */
|
|
44
57
|
export declare const BottomSheet: FC<BottomSheetProps>;
|
|
45
58
|
//# sourceMappingURL=BottomSheet.d.ts.map
|
|
@@ -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;
|
|
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,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iFAAiF;IACjF,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,iFAAiF;IACjF,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,12 +1,20 @@
|
|
|
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-raised`. */
|
|
7
|
+
sheetBg?: string;
|
|
8
|
+
/** Sheet title text color. Defaults to `--text-primary`. */
|
|
9
|
+
sheetText?: string;
|
|
10
|
+
/** Divider line color below the header. Defaults to `--stroke-tertiary`. */
|
|
11
|
+
divider?: string;
|
|
12
|
+
}
|
|
2
13
|
/** Props for the shared bottom-sheet overlay shell. */
|
|
3
14
|
export interface BottomSheetShellProps {
|
|
4
15
|
/** Controls sheet visibility. */
|
|
5
16
|
isOpen: boolean;
|
|
6
|
-
/**
|
|
7
|
-
* Heading text rendered in the sheet header and used as the dialog
|
|
8
|
-
* accessible name. When omitted the header is hidden entirely.
|
|
9
|
-
*/
|
|
17
|
+
/** Heading text for the sheet header and dialog accessible name; header hidden when omitted. */
|
|
10
18
|
title?: string;
|
|
11
19
|
/** Accessible label for the close (×) button. Required when `title` is provided. */
|
|
12
20
|
closeLabel?: string;
|
|
@@ -16,24 +24,19 @@ export interface BottomSheetShellProps {
|
|
|
16
24
|
onBack?: () => void;
|
|
17
25
|
/** Accessible label for the back button. Required when `onBack` is provided. */
|
|
18
26
|
backLabel?: string;
|
|
19
|
-
/**
|
|
20
|
-
* Accessible name for the dialog when no `title` is shown.
|
|
21
|
-
* Ignored when `title` is present (title doubles as the accessible name).
|
|
22
|
-
*/
|
|
27
|
+
/** Dialog accessible name used when `title` is omitted. */
|
|
23
28
|
'aria-label'?: string;
|
|
24
29
|
/** Inline CSS custom properties forwarded to the sheet root for theming. */
|
|
25
30
|
style?: CSSProperties;
|
|
26
|
-
/** CSS class applied to the sheet title. Defaults to `'dial-body-semi-
|
|
31
|
+
/** CSS class applied to the sheet title. Defaults to `'dial-body-semi-text'`. */
|
|
27
32
|
titleClassName?: string;
|
|
28
33
|
/** Extra classes appended to the sheet container (e.g. a max-height constraint). */
|
|
29
34
|
className?: string;
|
|
35
|
+
/** Color overrides applied as CSS custom properties. */
|
|
36
|
+
colors?: BottomSheetShellColors;
|
|
30
37
|
/** Sheet body rendered below the header divider. */
|
|
31
38
|
children: ReactNode;
|
|
32
39
|
}
|
|
33
|
-
/**
|
|
34
|
-
* Generic mobile bottom-sheet shell: renders a portal with a backdrop, a fixed
|
|
35
|
-
* bottom-anchored panel, and an optional header. Handles Escape-to-close and
|
|
36
|
-
* body scroll locking. Consumers supply the body.
|
|
37
|
-
*/
|
|
40
|
+
/** Generic mobile bottom-sheet shell: backdrop, bottom-anchored panel, optional header, Escape-to-close, and body-scroll lock. */
|
|
38
41
|
export declare const BottomSheetShell: FC<BottomSheetShellProps>;
|
|
39
42
|
//# sourceMappingURL=BottomSheetShell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetShell.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheetShell/BottomSheetShell.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BottomSheetShell.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheetShell/BottomSheetShell.tsx"],"names":[],"mappings":"AASA,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,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,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,iFAAiF;IACjF,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"}
|
|
@@ -50,9 +50,6 @@ export interface ChatSettingsBottomSheetProps {
|
|
|
50
50
|
/** Tooltip shown on the save button when it is disabled (e.g. no response format selected). */
|
|
51
51
|
saveDisabledTooltip?: string;
|
|
52
52
|
}
|
|
53
|
-
/**
|
|
54
|
-
* Mobile bottom sheet that renders the chat-settings form inline with a back
|
|
55
|
-
* arrow to return to the preceding sheet.
|
|
56
|
-
*/
|
|
53
|
+
/** Mobile bottom sheet for chat settings with a back button to return to the preceding sheet. */
|
|
57
54
|
export declare const ChatSettingsBottomSheet: FC<ChatSettingsBottomSheetProps>;
|
|
58
55
|
//# sourceMappingURL=ChatSettingsBottomSheet.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatSettingsBottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/ChatSettingsBottomSheet/ChatSettingsBottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAgB,cAAc,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"ChatSettingsBottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/ChatSettingsBottomSheet/ChatSettingsBottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAgB,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAEzE,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAI7D,uDAAuD;AACvD,MAAM,WAAW,4BAA4B;IAC3C,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,4EAA4E;IAC5E,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,kDAAkD;IAClD,SAAS,EAAE,MAAM,CAAC;IAClB,iFAAiF;IACjF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iDAAiD;IACjD,UAAU,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,iFAAiF;IACjF,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,qEAAqE;IACrE,qBAAqB,EAAE,cAAc,CAAC;IACtC,iEAAiE;IACjE,mBAAmB,EAAE,MAAM,CAAC;IAC5B,6DAA6D;IAC7D,kBAAkB,EAAE,MAAM,CAAC;IAC3B,0DAA0D;IAC1D,MAAM,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC7C,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,+GAA+G;IAC/G,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qEAAqE;IACrE,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,yEAAyE;IACzE,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uFAAuF;IACvF,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kIAAkI;IAClI,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,qDAAqD;IACrD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+FAA+F;IAC/F,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,iGAAiG;AACjG,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CAwFpE,CAAC"}
|
|
@@ -34,6 +34,15 @@ export interface ChatSettingsFieldsProps {
|
|
|
34
34
|
temperatureLabels?: [string, string, string];
|
|
35
35
|
/** Helper text shown below the temperature field. */
|
|
36
36
|
temperatureHint?: string;
|
|
37
|
+
/** CSS class applied to each field's label. Defaults to `'!dial-small-semi-text'`. */
|
|
38
|
+
labelClassName?: string;
|
|
39
|
+
/** Color overrides. */
|
|
40
|
+
colors?: ChatSettingsFieldsColors;
|
|
41
|
+
}
|
|
42
|
+
/** Color overrides for `ChatSettingsFields`, applied as CSS custom properties with app theme fallbacks. */
|
|
43
|
+
export interface ChatSettingsFieldsColors {
|
|
44
|
+
/** Field label text color. Fallback: `--text-primary`. */
|
|
45
|
+
labelText?: string;
|
|
37
46
|
}
|
|
38
47
|
/** Shared form fields for the chat-settings UI, used by both the desktop modal and mobile bottom sheet. */
|
|
39
48
|
export declare const ChatSettingsFields: FC<ChatSettingsFieldsProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatSettingsFields.d.ts","sourceRoot":"","sources":["../../../src/components/ChatSettingsFields/ChatSettingsFields.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,
|
|
1
|
+
{"version":3,"file":"ChatSettingsFields.d.ts","sourceRoot":"","sources":["../../../src/components/ChatSettingsFields/ChatSettingsFields.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAGL,cAAc,EACf,MAAM,2BAA2B,CAAC;AAOnC,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,sDAAsD;AACtD,MAAM,WAAW,uBAAuB;IACtC,2DAA2D;IAC3D,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,6EAA6E;IAC7E,cAAc,EAAE,cAAc,GAAG,SAAS,CAAC;IAC3C,mCAAmC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,iCAAiC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,sBAAsB,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACpD,4DAA4D;IAC5D,oBAAoB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,wDAAwD;IACxD,mBAAmB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,4EAA4E;IAC5E,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,+GAA+G;IAC/G,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qEAAqE;IACrE,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,yEAAyE;IACzE,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uFAAuF;IACvF,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kIAAkI;IAClI,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,qDAAqD;IACrD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sFAAsF;IACtF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uBAAuB;IACvB,MAAM,CAAC,EAAE,wBAAwB,CAAC;CACnC;AAED,2GAA2G;AAC3G,MAAM,WAAW,wBAAwB;IACvC,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,2GAA2G;AAC3G,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAsF1D,CAAC"}
|
|
@@ -17,6 +17,8 @@ export interface ChatSettingsModalProps {
|
|
|
17
17
|
onClose: () => void;
|
|
18
18
|
/** Modal title. Defaults to `'Chat settings'`. */
|
|
19
19
|
title?: string;
|
|
20
|
+
/** CSS class applied to the modal title. Defaults to `'dial-h1-text'`. */
|
|
21
|
+
titleClassName?: string;
|
|
20
22
|
/** Label for the response format field. Defaults to `'Response format'`. */
|
|
21
23
|
responseFormatLabel?: string;
|
|
22
24
|
/** Helper text shown below the response format field. Defaults to `'Applies to new and existing messages'`. */
|
|
@@ -39,7 +41,15 @@ export interface ChatSettingsModalProps {
|
|
|
39
41
|
saveLabel?: string;
|
|
40
42
|
/** Tooltip shown on the save button when it is disabled (e.g. no response format selected). */
|
|
41
43
|
saveDisabledTooltip?: string;
|
|
44
|
+
/**
|
|
45
|
+
* CSS class applied for the modal background. Defaults to a
|
|
46
|
+
* `--bg-layer-raised` background. `Popup` renders through a portal and
|
|
47
|
+
* accepts no `style`, so this class (or setting `--csm-bg` at theme level) is
|
|
48
|
+
* the only way to override the surface color — there is no `colors` prop.
|
|
49
|
+
*/
|
|
50
|
+
backgroundClassName?: string;
|
|
42
51
|
}
|
|
52
|
+
/** Desktop modal for chat settings (system prompt, temperature, response format). */
|
|
43
53
|
export declare const ChatSettingsModal: FC<ChatSettingsModalProps>;
|
|
44
54
|
declare const _default: import('react').NamedExoticComponent<ChatSettingsModalProps>;
|
|
45
55
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatSettingsModal.d.ts","sourceRoot":"","sources":["../../../src/components/ChatSettingsModal/ChatSettingsModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"ChatSettingsModal.d.ts","sourceRoot":"","sources":["../../../src/components/ChatSettingsModal/ChatSettingsModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAQ,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAI7D,iDAAiD;AACjD,MAAM,WAAW,sBAAsB;IACrC,iFAAiF;IACjF,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,qEAAqE;IACrE,qBAAqB,EAAE,cAAc,CAAC;IACtC,iEAAiE;IACjE,mBAAmB,EAAE,MAAM,CAAC;IAC5B,6DAA6D;IAC7D,kBAAkB,EAAE,MAAM,CAAC;IAC3B,4DAA4D;IAC5D,MAAM,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC7C,0CAA0C;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4EAA4E;IAC5E,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,+GAA+G;IAC/G,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qEAAqE;IACrE,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,yEAAyE;IACzE,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gFAAgF;IAChF,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kIAAkI;IAClI,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,qDAAqD;IACrD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+FAA+F;IAC/F,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,qFAAqF;AACrF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAmFxD,CAAC;;AAEF,wBAAuC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { ConversationInputProps } from '../../models/ConversationInput';
|
|
3
|
+
/** Root conversation input: wraps the `Input` component with a welcome message and style override support. */
|
|
3
4
|
export declare const ConversationInput: FC<ConversationInputProps>;
|
|
4
5
|
//# sourceMappingURL=ConversationInput.d.ts.map
|
|
@@ -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,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,
|
|
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,4 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { EditMessageInputProps } from '../../models/ConversationInput';
|
|
3
|
+
/** Inline edit-message form: pre-populated textarea, existing attachment tray, and Save/Cancel actions. */
|
|
3
4
|
export declare const EditMessageInput: FC<EditMessageInputProps>;
|
|
4
5
|
//# sourceMappingURL=EditMessageInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditMessageInput.d.ts","sourceRoot":"","sources":["../../../src/components/EditMessageInput/EditMessageInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"EditMessageInput.d.ts","sourceRoot":"","sources":["../../../src/components/EditMessageInput/EditMessageInput.tsx"],"names":[],"mappings":"AASA,OAAO,EAEL,KAAK,EAAE,EAMR,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAI5E,2GAA2G;AAC3G,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAsLtD,CAAC"}
|
|
@@ -5,10 +5,9 @@ export interface SendButtonProps {
|
|
|
5
5
|
isDisabled?: boolean;
|
|
6
6
|
/** Accessible label for the send button. */
|
|
7
7
|
ariaLabel?: string;
|
|
8
|
-
/** Tooltip shown on hover. */
|
|
9
|
-
title?: string;
|
|
10
8
|
/** Whether the button is in the process of exiting (e.g., during an animation). */
|
|
11
9
|
isExiting?: boolean;
|
|
12
10
|
}
|
|
11
|
+
/** Animated circular send button with tooltip and disabled state. */
|
|
13
12
|
export declare const SendButton: FC<SendButtonProps>;
|
|
14
13
|
//# sourceMappingURL=SendButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SendButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Buttons/SendButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SendButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Buttons/SendButton.tsx"],"names":[],"mappings":"AAMA,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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StopButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Buttons/StopButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StopButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Buttons/StopButton.tsx"],"names":[],"mappings":"AAMA,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,CAgBhC,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { InputProps } from '../../models/Input';
|
|
3
|
+
/** Full conversation input field: textarea, send/stop, model selector, attachment menu, voice recording, and chat-settings controls. */
|
|
3
4
|
export declare const Input: FC<InputProps>;
|
|
4
5
|
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAGL,KAAK,EAAE,EAOR,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAWrD,wIAAwI;AACxI,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAiiBhC,CAAC"}
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
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
|
|
5
|
-
selectedDeploymentId
|
|
6
|
-
onDeploymentChange:
|
|
7
|
-
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
|
-
isInputDisabled?: boolean;
|
|
11
11
|
/**
|
|
12
|
-
* When `true`, the control renders dimmed and does not open
|
|
13
|
-
* `
|
|
12
|
+
* When `true`, the control renders dimmed and does not open — the current
|
|
13
|
+
* model stays visible. Only this prop (and `isStreaming`) blocks the
|
|
14
|
+
* selector: a disabled composer input never does, so the user can always
|
|
15
|
+
* switch model.
|
|
14
16
|
*/
|
|
15
17
|
isDisabled?: boolean;
|
|
16
18
|
style: CSSProperties;
|
|
17
|
-
modelPickerOverlay:
|
|
19
|
+
modelPickerOverlay?: (onClose: () => void) => ReactNode;
|
|
18
20
|
/** Whether the model picker popover is open (controlled from Input). */
|
|
19
21
|
isPickerOpen?: boolean;
|
|
20
22
|
/** Toggles the model picker popover open/closed. */
|
|
21
23
|
onPickerToggle?: () => void;
|
|
22
|
-
/** Called by
|
|
24
|
+
/** Called by Dropdown when open state changes (e.g. outside click). */
|
|
23
25
|
onPickerOpenChange?: (open: boolean) => void;
|
|
24
26
|
}
|
|
25
|
-
/**
|
|
26
|
-
* Renders model selection control as a dropdown on desktop and as a bottom sheet on mobile.
|
|
27
|
-
*/
|
|
27
|
+
/** Model-selector control: desktop dropdown or mobile bottom sheet, depending on viewport. */
|
|
28
28
|
export declare const ModelSelectorControl: FC<Props>;
|
|
29
29
|
export {};
|
|
30
30
|
//# sourceMappingURL=ModelSelectorControl.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModelSelectorControl.d.ts","sourceRoot":"","sources":["../../../src/components/Input/ModelSelectorControl.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ModelSelectorControl.d.ts","sourceRoot":"","sources":["../../../src/components/Input/ModelSelectorControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAgB,MAAM,2BAA2B,CAAC;AAWzE,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;;;;;OAKG;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,uEAAuE;IACvE,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,8FAA8F;AAC9F,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CAwK1C,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 `--stroke-secondary`. */
|
|
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-raised`. */
|
|
11
|
+
itemHoverBg?: string;
|
|
12
|
+
/** Item active/pressed background. Defaults to `--bg-control-neutral-active`. */
|
|
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`. */
|
|
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. */
|
|
@@ -26,15 +44,13 @@ export interface ModelSelectorBottomSheetProps {
|
|
|
26
44
|
emptyLabel?: string;
|
|
27
45
|
/** Inline CSS custom properties forwarded to the sheet root for theming. */
|
|
28
46
|
style?: CSSProperties;
|
|
29
|
-
/** CSS class applied to the sheet title. Defaults to `'dial-body-semi-
|
|
47
|
+
/** CSS class applied to the sheet title. Defaults to `'dial-body-semi-text'`. */
|
|
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
|
-
/**
|
|
35
|
-
* A bottom-sheet overlay for the model/deployment selector on mobile viewports.
|
|
36
|
-
* Renders the shared {@link BottomSheetShell} with a search input that filters
|
|
37
|
-
* the deployment list (virtualized for large lists) as the user types.
|
|
38
|
-
*/
|
|
54
|
+
/** Mobile bottom-sheet model selector with search and a virtualized deployment list. */
|
|
39
55
|
export declare const ModelSelectorBottomSheet: FC<ModelSelectorBottomSheetProps>;
|
|
40
56
|
//# sourceMappingURL=ModelSelectorBottomSheet.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModelSelectorBottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/ModelSelectorBottomSheet/ModelSelectorBottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
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;AAUnC,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,wGAAwG;IACxG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iFAAiF;IACjF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mHAAmH;IACnH,KAAK,CAAC,EAAE,sBAAsB,CAAC;CAChC;AA0ED,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,iFAAiF;IACjF,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,16 +1,20 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
+
/** Number of skeleton rows rendered while deployments are loading. */
|
|
2
3
|
export declare const MODEL_SELECTOR_SKELETON_ROW_COUNT = 7;
|
|
3
4
|
interface ModelSelectorSkeletonIconProps {
|
|
4
5
|
size?: number;
|
|
5
6
|
}
|
|
7
|
+
/** Circular skeleton placeholder for a deployment icon. */
|
|
6
8
|
export declare const ModelSelectorSkeletonIcon: FC<ModelSelectorSkeletonIconProps>;
|
|
7
9
|
interface ModelSelectorSkeletonLabelProps {
|
|
8
10
|
loadingLabel?: string;
|
|
9
11
|
}
|
|
12
|
+
/** Text skeleton placeholder for a deployment label. */
|
|
10
13
|
export declare const ModelSelectorSkeletonLabel: FC<ModelSelectorSkeletonLabelProps>;
|
|
11
14
|
interface ModelSelectorSkeletonRowsProps {
|
|
12
15
|
loadingLabel?: string;
|
|
13
16
|
}
|
|
17
|
+
/** Stacked skeleton rows shown while the model selector is loading. */
|
|
14
18
|
export declare const ModelSelectorSkeletonRows: FC<ModelSelectorSkeletonRowsProps>;
|
|
15
19
|
export {};
|
|
16
20
|
//# sourceMappingURL=ModelSelectorSkeleton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModelSelectorSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/ModelSelectorSkeleton/ModelSelectorSkeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,eAAO,MAAM,iCAAiC,IAAI,CAAC;AAEnD,UAAU,8BAA8B;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CASxE,CAAC;AAEF,UAAU,+BAA+B;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,0BAA0B,EAAE,EAAE,CACzC,+BAA+B,
|
|
1
|
+
{"version":3,"file":"ModelSelectorSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/ModelSelectorSkeleton/ModelSelectorSkeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,sEAAsE;AACtE,eAAO,MAAM,iCAAiC,IAAI,CAAC;AAEnD,UAAU,8BAA8B;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,2DAA2D;AAC3D,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CASxE,CAAC;AAEF,UAAU,+BAA+B;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wDAAwD;AACxD,eAAO,MAAM,0BAA0B,EAAE,EAAE,CACzC,+BAA+B,CAMhC,CAAC;AAEF,UAAU,8BAA8B;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,uEAAuE;AACvE,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CAiBxE,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { ToolMenuItem } from '@epam/ai-dial-chat-shared';
|
|
2
|
+
import { CSSProperties, FC } from 'react';
|
|
3
|
+
/** Props for the ToolsBottomSheet component. */
|
|
4
|
+
export interface ToolsBottomSheetProps {
|
|
5
|
+
/** Controls sheet visibility. */
|
|
6
|
+
isOpen: boolean;
|
|
7
|
+
/** Called when the back arrow is tapped — returns to the previous sheet. */
|
|
8
|
+
onBack: () => void;
|
|
9
|
+
/** Accessible label for the back arrow button. Defaults to `'Back'`. */
|
|
10
|
+
backLabel?: string;
|
|
11
|
+
/** Called when the close (x) button is tapped — dismisses the sheet entirely. */
|
|
12
|
+
onClose: () => void;
|
|
13
|
+
/** Accessible label for the close (x) button. Defaults to `'Close'`. */
|
|
14
|
+
closeLabel?: string;
|
|
15
|
+
/** Inline CSS custom properties forwarded to the sheet root for theming. */
|
|
16
|
+
style?: CSSProperties;
|
|
17
|
+
/** Sheet title. Defaults to `'Tools'`. */
|
|
18
|
+
title?: string;
|
|
19
|
+
/** Tool items to render as toggle rows. */
|
|
20
|
+
items: ToolMenuItem[];
|
|
21
|
+
/** Called with the tool id when a row is tapped. */
|
|
22
|
+
onToolToggle: (toolId: string) => void;
|
|
23
|
+
/** CSS class applied to each tool row label. Defaults to `'dial-small-text'`. */
|
|
24
|
+
itemLabelClassName?: string;
|
|
25
|
+
/** Color overrides. */
|
|
26
|
+
colors?: ToolsBottomSheetColors;
|
|
27
|
+
}
|
|
28
|
+
/** Color overrides for `ToolsBottomSheet`, applied as CSS custom properties with app theme fallbacks. */
|
|
29
|
+
export interface ToolsBottomSheetColors {
|
|
30
|
+
/** Icon color for each tool row. Fallback: `--text-secondary`. */
|
|
31
|
+
iconText?: string;
|
|
32
|
+
/** Checkmark icon color for a selected tool row. Fallback: `--text-accent`. */
|
|
33
|
+
selectedIconText?: string;
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* Mobile bottom sheet that renders a list of tool toggle rows with a back
|
|
37
|
+
* arrow to return to the preceding add-menu bottom sheet.
|
|
38
|
+
*/
|
|
39
|
+
export declare const ToolsBottomSheet: FC<ToolsBottomSheetProps>;
|
|
40
|
+
//# sourceMappingURL=ToolsBottomSheet.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToolsBottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/ToolsBottomSheet/ToolsBottomSheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAO9D,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI/C,gDAAgD;AAChD,MAAM,WAAW,qBAAqB;IACpC,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,4EAA4E;IAC5E,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,oDAAoD;IACpD,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,iFAAiF;IACjF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uBAAuB;IACvB,MAAM,CAAC,EAAE,sBAAsB,CAAC;CACjC;AAED,yGAAyG;AACzG,MAAM,WAAW,sBAAsB;IACrC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAgEtD,CAAC"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { ToolMenuItem } from '@epam/ai-dial-chat-shared';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
/** Typography overrides for the `ToolsChips` component. */
|
|
4
|
+
export interface ToolsChipsTypography {
|
|
5
|
+
/** Typography utility class applied to the chip text. Defaults to `'dial-small-paragraph-text'`. */
|
|
6
|
+
fontClassName?: string;
|
|
7
|
+
}
|
|
8
|
+
/** Color overrides for the `ToolsChips` component, applied as CSS custom properties. */
|
|
9
|
+
export interface ToolsChipsColors {
|
|
10
|
+
/** Chip background color while the tool is off. Defaults to `--bg-layer-base`. */
|
|
11
|
+
chipBg?: string;
|
|
12
|
+
/** Chip border color while the tool is off. Defaults to `--stroke-secondary`. */
|
|
13
|
+
chipBorder?: string;
|
|
14
|
+
/** Chip leading-icon color while the tool is off. Defaults to `--text-secondary`. */
|
|
15
|
+
chipIcon?: string;
|
|
16
|
+
/** Chip label text color while the tool is off. Defaults to `--text-primary`. */
|
|
17
|
+
chipText?: string;
|
|
18
|
+
/** Chip background color on hover/focus while the tool is off. Defaults to `--bg-control-neutral-hover-muted`. */
|
|
19
|
+
chipHoverBg?: string;
|
|
20
|
+
/** Chip background color while the tool is on. Defaults to `--bg-control-accent-alpha`. */
|
|
21
|
+
chipSelectedBg?: string;
|
|
22
|
+
/** Chip border color while the tool is on. Defaults to `--stroke-accent`. */
|
|
23
|
+
chipSelectedBorder?: string;
|
|
24
|
+
/** Chip leading-icon color while the tool is on. Defaults to `--text-accent`. */
|
|
25
|
+
chipSelectedIcon?: string;
|
|
26
|
+
/** Chip label text color while the tool is on. Defaults to `--text-accent`. */
|
|
27
|
+
chipSelectedText?: string;
|
|
28
|
+
/** Icon color of the chip's × button. Defaults to `--text-secondary`, or `--text-accent` while the tool is on. */
|
|
29
|
+
chipClose?: string;
|
|
30
|
+
/** Icon color of the chip's × button on hover/focus. Defaults to `--text-primary`. */
|
|
31
|
+
chipCloseHover?: string;
|
|
32
|
+
}
|
|
33
|
+
/** Props for the ToolsChips component. */
|
|
34
|
+
export interface ToolsChipsProps {
|
|
35
|
+
/** Tools to render, each as a toggle chip reflecting its `isSelected` state. */
|
|
36
|
+
items: ToolMenuItem[];
|
|
37
|
+
/** Called with the tool id when a chip body is clicked. */
|
|
38
|
+
onToolToggle: (toolId: string) => void;
|
|
39
|
+
/** Called with the tool id when the chip's × is clicked, to drop it from the row. */
|
|
40
|
+
onToolDismiss: (toolId: string) => void;
|
|
41
|
+
/** Returns the accessible label for a chip's × button. Defaults to `"Remove {toolLabel}"`. */
|
|
42
|
+
removeLabel?: (toolLabel: string) => string;
|
|
43
|
+
/** Typography overrides for the chip text. */
|
|
44
|
+
typography?: ToolsChipsTypography;
|
|
45
|
+
/** Color overrides applied as CSS custom properties. */
|
|
46
|
+
colors?: ToolsChipsColors;
|
|
47
|
+
}
|
|
48
|
+
/**
|
|
49
|
+
* Toggle chips for the tools the active deployment exposes, rendered inside the
|
|
50
|
+
* conversation input. Clicking a chip flips the tool between neutral (off) and
|
|
51
|
+
* accent (on) styling; clicking its × drops the chip from the row.
|
|
52
|
+
*/
|
|
53
|
+
export declare const ToolsChips: FC<ToolsChipsProps>;
|
|
54
|
+
//# sourceMappingURL=ToolsChips.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToolsChips.d.ts","sourceRoot":"","sources":["../../../src/components/ToolsChips/ToolsChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAI9D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,2DAA2D;AAC3D,MAAM,WAAW,oBAAoB;IACnC,oGAAoG;IACpG,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wFAAwF;AACxF,MAAM,WAAW,gBAAgB;IAC/B,kFAAkF;IAClF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iFAAiF;IACjF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kHAAkH;IAClH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2FAA2F;IAC3F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6EAA6E;IAC7E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iFAAiF;IACjF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kHAAkH;IAClH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAID,0CAA0C;AAC1C,MAAM,WAAW,eAAe;IAC9B,gFAAgF;IAChF,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,2DAA2D;IAC3D,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,qFAAqF;IACrF,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,8FAA8F;IAC9F,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,8CAA8C;IAC9C,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,wDAAwD;IACxD,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAwE1C,CAAC"}
|
|
@@ -6,8 +6,6 @@ export interface VoiceBarProps {
|
|
|
6
6
|
state: VoiceRecorderState;
|
|
7
7
|
/** Stable ref to the live `AnalyserNode` during recording; `.current` is `null` when idle. */
|
|
8
8
|
analyserNodeRef: RefObject<AnalyserNode | null>;
|
|
9
|
-
/** Elapsed recording time in whole seconds. */
|
|
10
|
-
elapsedSeconds: number;
|
|
11
9
|
/** Error message in `error` state; `null` otherwise. */
|
|
12
10
|
errorMessage: string | null;
|
|
13
11
|
/** Called when the user clicks the stop button to finish recording. */
|
|
@@ -18,17 +16,11 @@ export interface VoiceBarProps {
|
|
|
18
16
|
stopLabel?: string;
|
|
19
17
|
/** Accessible label for the discard / cancel button. Defaults to `'Discard recording'`. */
|
|
20
18
|
discardLabel?: string;
|
|
21
|
-
/** Accessible label for the recording timer region. Defaults to `'Recording time'`. */
|
|
22
|
-
timerLabel?: string;
|
|
23
19
|
/** CSS custom properties forwarded from the parent (e.g. `--ci-bg`, `--ci-border`). */
|
|
24
20
|
style?: CSSProperties;
|
|
25
21
|
/** Extra class names applied to the root element. */
|
|
26
22
|
className?: string;
|
|
27
23
|
}
|
|
28
|
-
/**
|
|
29
|
-
* Renders the voice recording bar: a live MM:SS timer, a scrolling waveform canvas
|
|
30
|
-
* driven by a ring buffer, and state-based controls. Replaces the `Input` component
|
|
31
|
-
* while voice state is not `idle`.
|
|
32
|
-
*/
|
|
24
|
+
/** Voice recording bar: scrolling waveform, stop and discard controls. */
|
|
33
25
|
export declare const VoiceBar: FC<VoiceBarProps>;
|
|
34
26
|
//# sourceMappingURL=VoiceBar.d.ts.map
|