@epam/ai-dial-conversation-input 1.0.0-dev.456 → 1.0.0-dev.460
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/ChatSettingsFields/ChatSettingsFields.d.ts.map +1 -1
- package/components/Input/ModelSelectorControl.d.ts.map +1 -1
- package/components/ModelSelectorBottomSheet/ModelSelectorBottomSheet.d.ts.map +1 -1
- package/hooks/useAttachments.d.ts.map +1 -1
- package/hooks/useModelSelector.d.ts.map +1 -1
- package/index.js +214 -174
- package/package.json +4 -4
|
@@ -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,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAO3D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,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;CAC1B;AAED,2GAA2G;AAC3G,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,
|
|
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,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAO3D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,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;CAC1B;AAED,2GAA2G;AAC3G,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAmE1D,CAAC"}
|
|
@@ -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":"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;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CA6K1C,CAAC"}
|
|
@@ -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,EACL,KAAK,cAAc,EAGpB,MAAM,2BAA2B,CAAC;AAQnC,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;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CAgGtE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAttachments.d.ts","sourceRoot":"","sources":["../../src/hooks/useAttachments.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EACL,qBAAqB,EAGtB,MAAM,2BAA2B,CAAC;AAInC,sDAAsD;AACtD,UAAU,oBAAoB;IAC5B,sDAAsD;IACtD,kBAAkB,EAAE,UAAU,EAAE,CAAC;IACjC,uFAAuF;IACvF,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACjE,mDAAmD;IACnD,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAC1D;;;OAGG;IACH,kBAAkB,CAAC,EAAE,CACnB,UAAU,EAAE,UAAU,KACnB,qBAAqB,GAAG,SAAS,CAAC;IACvC,yDAAyD;IACzD,gBAAgB,EAAE,IAAI,EAAE,CAAC;IACzB,0DAA0D;IAC1D,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,4EAA4E;IAC5E,kBAAkB,EAAE,UAAU,EAAE,CAAC;IACjC,4DAA4D;IAC5D,4BAA4B,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1C;;;OAGG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,uDAAuD;AACvD,MAAM,WAAW,oBAAoB;IACnC,+BAA+B;IAC/B,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,gFAAgF;IAChF,gBAAgB,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,UAAU,EAAE,CAAC;IAClD,kFAAkF;IAClF,cAAc,EAAE,CAAC,cAAc,EAAE,UAAU,EAAE,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,+EAA+E;IAC/E,gBAAgB,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAChD,6EAA6E;IAC7E,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sDAAsD;IACtD,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,8DAA8D;IAC9D,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,0EAA0E;IAC1E,qBAAqB,EAAE,OAAO,CAAC;CAChC;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,mMAU5B,oBAAoB,KAAG,
|
|
1
|
+
{"version":3,"file":"useAttachments.d.ts","sourceRoot":"","sources":["../../src/hooks/useAttachments.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EACL,qBAAqB,EAGtB,MAAM,2BAA2B,CAAC;AAInC,sDAAsD;AACtD,UAAU,oBAAoB;IAC5B,sDAAsD;IACtD,kBAAkB,EAAE,UAAU,EAAE,CAAC;IACjC,uFAAuF;IACvF,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACjE,mDAAmD;IACnD,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAC1D;;;OAGG;IACH,kBAAkB,CAAC,EAAE,CACnB,UAAU,EAAE,UAAU,KACnB,qBAAqB,GAAG,SAAS,CAAC;IACvC,yDAAyD;IACzD,gBAAgB,EAAE,IAAI,EAAE,CAAC;IACzB,0DAA0D;IAC1D,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,4EAA4E;IAC5E,kBAAkB,EAAE,UAAU,EAAE,CAAC;IACjC,4DAA4D;IAC5D,4BAA4B,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1C;;;OAGG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,uDAAuD;AACvD,MAAM,WAAW,oBAAoB;IACnC,+BAA+B;IAC/B,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,gFAAgF;IAChF,gBAAgB,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,UAAU,EAAE,CAAC;IAClD,kFAAkF;IAClF,cAAc,EAAE,CAAC,cAAc,EAAE,UAAU,EAAE,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,+EAA+E;IAC/E,gBAAgB,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAChD,6EAA6E;IAC7E,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sDAAsD;IACtD,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,8DAA8D;IAC9D,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,0EAA0E;IAC1E,qBAAqB,EAAE,OAAO,CAAC;CAChC;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,mMAU5B,oBAAoB,KAAG,oBAkOzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useModelSelector.d.ts","sourceRoot":"","sources":["../../src/hooks/useModelSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"useModelSelector.d.ts","sourceRoot":"","sources":["../../src/hooks/useModelSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGpB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAGL,YAAY,EAEb,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAM1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAO3D,4CAA4C;AAC5C,MAAM,WAAW,uBAAuB;IACtC,gIAAgI;IAChI,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,wCAAwC;IACxC,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,+CAA+C;IAC/C,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,iGAAiG;IACjG,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,6CAA6C;AAC7C,MAAM,WAAW,sBAAsB;IACrC,wCAAwC;IACxC,YAAY,EAAE,SAAS,CAAC;IACxB,+CAA+C;IAC/C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0GAA0G;IAC1G,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,8CAA8C;IAC9C,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,0DAA0D;IAC1D,UAAU,EAAE,SAAS,CAAC;IACtB,wFAAwF;IACxF,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAED,2EAA2E;AAC3E,eAAO,MAAM,gBAAgB,GAAI,wGAM9B,uBAAuB,KAAG,sBA+H5B,CAAC"}
|
package/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { AttachmentErrorReason as e, AttachmentType as t, DeploymentIcon as n,
|
|
2
|
-
import { BASE_ICON_SIZE as
|
|
1
|
+
import { AttachmentErrorReason as e, AttachmentType as t, DeploymentIcon as n, Highlight as r, RequestStatus as i, ResponseFormat as a, buildCssVars as o, mergeClasses as s, useIsMobile as c } from "@epam/ai-dial-chat-shared";
|
|
2
|
+
import { BASE_ICON_SIZE as l, DIAL_ICON_SIZE as u, DialButton as d, DialCloseButton as f, DialDropdown as p, DialDropdownIcon as m, DialErrorText as h, DialGhostIconButton as g, DialInput as _, DialPopup as v, DialRadioGroup as y, DialSearch as b, DialSkeleton as x, DialSkeletonVariant as S, DialSlider as C, DialSpinner as w, DialTooltip as T, ElementSize as E, PopupSize as D, RadioGroupOrientation as O } from "@epam/ai-dial-ui-kit";
|
|
3
3
|
import { IconArrowLeft as k, IconArrowNarrowRight as ee, IconCheck as te, IconChevronDown as A, IconChevronRight as ne, IconFile as re, IconMicrophone as ie, IconPaperclip as j, IconPlaystationSquare as ae, IconPlus as oe, IconSettings as se, IconX as ce } from "@tabler/icons-react";
|
|
4
4
|
import * as le from "react-dom";
|
|
5
5
|
import ue, { createPortal as de, flushSync as fe } from "react-dom";
|
|
@@ -26,16 +26,16 @@ var Ie = (e, t) => {
|
|
|
26
26
|
"slide-up": "_slide-up_3xrn0_1",
|
|
27
27
|
title: "_title_3xrn0_18",
|
|
28
28
|
divider: "_divider_3xrn0_22"
|
|
29
|
-
}, Re = ({ isOpen: e, title: t, closeLabel: n, onClose: r, onBack: i, backLabel: a, "aria-label":
|
|
30
|
-
className:
|
|
29
|
+
}, Re = ({ isOpen: e, title: t, closeLabel: n, onClose: r, onBack: i, backLabel: a, "aria-label": o, style: c, titleClassName: l = "dial-body-semi-text", className: d, children: p }) => (Ie(e, r), !e || typeof document > "u" ? null : de(/* @__PURE__ */ De(Ee, { children: [/* @__PURE__ */ R("div", {
|
|
30
|
+
className: s(Le.backdrop, "fixed inset-0 z-[55]"),
|
|
31
31
|
onPointerDown: r,
|
|
32
32
|
"aria-hidden": !0
|
|
33
33
|
}), /* @__PURE__ */ De("div", {
|
|
34
34
|
role: "dialog",
|
|
35
35
|
"aria-modal": !0,
|
|
36
|
-
"aria-label": t ??
|
|
36
|
+
"aria-label": t ?? o,
|
|
37
37
|
style: c,
|
|
38
|
-
className:
|
|
38
|
+
className: s(Le.sheet, "fixed inset-x-0 bottom-0 z-[60] flex max-h-[85dvh] flex-col", d),
|
|
39
39
|
children: [t != null && /* @__PURE__ */ De(Ee, { children: [/* @__PURE__ */ De("div", {
|
|
40
40
|
className: "relative flex h-[60px] flex-shrink-0 items-center justify-center px-4",
|
|
41
41
|
children: [
|
|
@@ -43,7 +43,7 @@ var Ie = (e, t) => {
|
|
|
43
43
|
className: "absolute start-4",
|
|
44
44
|
children: /* @__PURE__ */ R(g, {
|
|
45
45
|
icon: /* @__PURE__ */ R(k, {
|
|
46
|
-
size:
|
|
46
|
+
size: u.LG,
|
|
47
47
|
stroke: 1.5,
|
|
48
48
|
className: "rtl:scale-x-[-1]"
|
|
49
49
|
}),
|
|
@@ -52,14 +52,14 @@ var Ie = (e, t) => {
|
|
|
52
52
|
})
|
|
53
53
|
}),
|
|
54
54
|
/* @__PURE__ */ R("span", {
|
|
55
|
-
className:
|
|
55
|
+
className: s(Le.title, l),
|
|
56
56
|
children: t
|
|
57
57
|
}),
|
|
58
58
|
/* @__PURE__ */ R("div", {
|
|
59
59
|
className: "absolute end-4 m-2",
|
|
60
|
-
children: /* @__PURE__ */ R(
|
|
60
|
+
children: /* @__PURE__ */ R(f, {
|
|
61
61
|
ariaLabel: n,
|
|
62
|
-
size:
|
|
62
|
+
size: u.LG,
|
|
63
63
|
onClose: r
|
|
64
64
|
})
|
|
65
65
|
})
|
|
@@ -72,7 +72,7 @@ var Ie = (e, t) => {
|
|
|
72
72
|
let r = 6e4 / t, i = [];
|
|
73
73
|
for (let t = 0; t < e.length; t++) t > 0 && await new Promise((e) => setTimeout(e, r)), i.push(n(e[t]));
|
|
74
74
|
await Promise.allSettled(i);
|
|
75
|
-
}, Be = ({ initialAttachments: n, onUploadAttachment:
|
|
75
|
+
}, Be = ({ initialAttachments: n, onUploadAttachment: r, onAttachmentsChange: a, validateAttachment: o, pendingDropFiles: s, onDropFilesConsumed: c, pendingAttachments: l, onPendingAttachmentsConsumed: u, onExpandPastedText: d }) => {
|
|
76
76
|
let [f, p] = L(n), m = I(f);
|
|
77
77
|
Se(() => {
|
|
78
78
|
m.current = f;
|
|
@@ -82,15 +82,15 @@ var Ie = (e, t) => {
|
|
|
82
82
|
});
|
|
83
83
|
}, []);
|
|
84
84
|
let h = P((e) => e.map((e) => {
|
|
85
|
-
let n = e.type.startsWith("image/"),
|
|
85
|
+
let n = e.type.startsWith("image/"), r = n ? URL.createObjectURL(e) : void 0;
|
|
86
86
|
return {
|
|
87
87
|
id: Ne(),
|
|
88
88
|
name: e.name,
|
|
89
89
|
contentType: e.type,
|
|
90
90
|
file: e,
|
|
91
91
|
type: n ? t.Image : t.File,
|
|
92
|
-
status:
|
|
93
|
-
previewUrl:
|
|
92
|
+
status: i.Idle,
|
|
93
|
+
previewUrl: r
|
|
94
94
|
};
|
|
95
95
|
}), []), g = P((e) => {
|
|
96
96
|
p((t) => {
|
|
@@ -100,28 +100,28 @@ var Ie = (e, t) => {
|
|
|
100
100
|
}, [a]), _ = P((e) => {
|
|
101
101
|
p(e), a?.(e);
|
|
102
102
|
}, [a]), v = P(async (t) => {
|
|
103
|
-
if (
|
|
103
|
+
if (r) {
|
|
104
104
|
g((e) => e.map((e) => e.id === t.id ? {
|
|
105
105
|
...e,
|
|
106
|
-
status:
|
|
106
|
+
status: i.Loading
|
|
107
107
|
} : e));
|
|
108
108
|
try {
|
|
109
|
-
let e = await
|
|
109
|
+
let e = await r(t);
|
|
110
110
|
g((n) => n.map((n) => n.id === t.id ? {
|
|
111
111
|
...n,
|
|
112
|
-
status:
|
|
112
|
+
status: i.Idle,
|
|
113
113
|
url: e
|
|
114
114
|
} : n));
|
|
115
115
|
} catch (n) {
|
|
116
|
-
let
|
|
116
|
+
let r = typeof n == "object" && n && "errorReason" in n && Object.values(e).includes(n.errorReason) ? n.errorReason : void 0;
|
|
117
117
|
g((e) => e.map((e) => e.id === t.id ? {
|
|
118
118
|
...e,
|
|
119
|
-
status:
|
|
120
|
-
...
|
|
119
|
+
status: i.Error,
|
|
120
|
+
...r != null && { errorReason: r }
|
|
121
121
|
} : e));
|
|
122
122
|
}
|
|
123
123
|
}
|
|
124
|
-
}, [
|
|
124
|
+
}, [r, g]), y = P((e, t = !0) => {
|
|
125
125
|
let n = [];
|
|
126
126
|
if (g((t) => {
|
|
127
127
|
let r = new Set(t.map((e) => e.id));
|
|
@@ -132,7 +132,7 @@ var Ie = (e, t) => {
|
|
|
132
132
|
let n = o?.(t);
|
|
133
133
|
n == null ? e.push(t) : g((e) => e.map((e) => e.id === t.id ? {
|
|
134
134
|
...e,
|
|
135
|
-
status:
|
|
135
|
+
status: i.Error,
|
|
136
136
|
errorReason: n
|
|
137
137
|
} : e));
|
|
138
138
|
}), ze(e, Me, v);
|
|
@@ -155,6 +155,32 @@ var Ie = (e, t) => {
|
|
|
155
155
|
y,
|
|
156
156
|
u,
|
|
157
157
|
l
|
|
158
|
+
]), Se(() => {
|
|
159
|
+
if (!o) return;
|
|
160
|
+
let t = !1, n = [], r = m.current.map((r) => {
|
|
161
|
+
if (r.status === i.Loading) return r;
|
|
162
|
+
let a = o(r);
|
|
163
|
+
if (a != null) return r.status === i.Error && r.errorReason === a ? r : (t = !0, {
|
|
164
|
+
...r,
|
|
165
|
+
status: i.Error,
|
|
166
|
+
errorReason: a
|
|
167
|
+
});
|
|
168
|
+
if (r.errorReason === e.UnsupportedType) {
|
|
169
|
+
t = !0;
|
|
170
|
+
let e = {
|
|
171
|
+
...r,
|
|
172
|
+
status: i.Idle,
|
|
173
|
+
errorReason: void 0
|
|
174
|
+
};
|
|
175
|
+
return e.url ?? n.push(e), e;
|
|
176
|
+
}
|
|
177
|
+
return r;
|
|
178
|
+
});
|
|
179
|
+
t && g(() => r), n.forEach((e) => void v(e));
|
|
180
|
+
}, [
|
|
181
|
+
o,
|
|
182
|
+
g,
|
|
183
|
+
v
|
|
158
184
|
]);
|
|
159
185
|
let b = P((e) => {
|
|
160
186
|
g((t) => {
|
|
@@ -182,7 +208,7 @@ var Ie = (e, t) => {
|
|
|
182
208
|
b,
|
|
183
209
|
d
|
|
184
210
|
]),
|
|
185
|
-
hasBlockedAttachments: f.some((e) => e.status ===
|
|
211
|
+
hasBlockedAttachments: f.some((e) => e.status === i.Loading || e.status === i.Error)
|
|
186
212
|
};
|
|
187
213
|
}, Ve = (e, t) => !e.slice(0, t).includes("\n"), He = (e, t) => !e.slice(t).includes("\n"), Ue = (e) => {
|
|
188
214
|
let t = I(e);
|
|
@@ -307,7 +333,7 @@ var Ie = (e, t) => {
|
|
|
307
333
|
}({}), Xe = {
|
|
308
334
|
item: "_item_vou13_1",
|
|
309
335
|
itemIcon: "_itemIcon_vou13_11"
|
|
310
|
-
}, Ze = ({ isOpen: e, title: t, closeLabel: n, onClose: r, style: i, items: a, className:
|
|
336
|
+
}, Ze = ({ isOpen: e, title: t, closeLabel: n, onClose: r, style: i, items: a, className: o, titleClassName: c = "dial-body-semi-text", itemLabelClassName: l = "dial-small-text", btnTextClassName: u = "" }) => {
|
|
311
337
|
let f = (e) => {
|
|
312
338
|
e(), r();
|
|
313
339
|
};
|
|
@@ -317,14 +343,14 @@ var Ie = (e, t) => {
|
|
|
317
343
|
closeLabel: n,
|
|
318
344
|
onClose: r,
|
|
319
345
|
style: i,
|
|
320
|
-
className:
|
|
346
|
+
className: o,
|
|
321
347
|
titleClassName: c,
|
|
322
348
|
children: /* @__PURE__ */ R("ul", {
|
|
323
349
|
role: "list",
|
|
324
350
|
className: "flex flex-col",
|
|
325
|
-
children: a.map(({ key: e, label: t, icon: n, iconAfter: r, onClick: i }) => /* @__PURE__ */ R("li", { children: /* @__PURE__ */ R(
|
|
351
|
+
children: a.map(({ key: e, label: t, icon: n, iconAfter: r, onClick: i }) => /* @__PURE__ */ R("li", { children: /* @__PURE__ */ R(d, {
|
|
326
352
|
type: "button",
|
|
327
|
-
className:
|
|
353
|
+
className: s(Xe.item, "flex w-full items-center gap-3 px-4 py-[10px] text-left"),
|
|
328
354
|
iconBefore: /* @__PURE__ */ R("span", {
|
|
329
355
|
className: Xe.itemIcon,
|
|
330
356
|
children: n
|
|
@@ -333,7 +359,7 @@ var Ie = (e, t) => {
|
|
|
333
359
|
className: "ml-auto",
|
|
334
360
|
children: r
|
|
335
361
|
}) : null,
|
|
336
|
-
textClassName:
|
|
362
|
+
textClassName: u,
|
|
337
363
|
label: /* @__PURE__ */ R("span", {
|
|
338
364
|
className: l,
|
|
339
365
|
children: t
|
|
@@ -82297,28 +82323,28 @@ var j6 = (e) => /* @__PURE__ */ R(JR, { ...e }), M6 = (e) => /* @__PURE__ */ R(v
|
|
|
82297
82323
|
a
|
|
82298
82324
|
])
|
|
82299
82325
|
};
|
|
82300
|
-
}, P6 = "!text-[14px] !leading-[20px] font-semibold !text-primary gap-1", F6 = ({ features: e, responseFormat: t, systemPrompt: n, temperature: r, onResponseFormatChange:
|
|
82326
|
+
}, P6 = "!text-[14px] !leading-[20px] font-semibold !text-primary gap-1", F6 = ({ features: e, responseFormat: t, systemPrompt: n, temperature: r, onResponseFormatChange: i, onSystemPromptChange: o, onTemperatureChange: s, responseFormatLabel: c = "Response format", responseFormatHint: l = "Applies to new and existing messages", responseFormatMarkdownLabel: u = "Markdown", responseFormatPlainTextLabel: d = "Plain text", systemPromptLabel: f = "System prompt", systemPromptTooltip: p = "Enter a prompt", temperatureLabel: m = "Temperature", temperatureLabels: h = [
|
|
82301
82327
|
"Precise",
|
|
82302
82328
|
"Neutral",
|
|
82303
82329
|
"Creative"
|
|
82304
82330
|
], temperatureHint: g }) => /* @__PURE__ */ De("div", {
|
|
82305
|
-
className: "flex flex-col px-6",
|
|
82331
|
+
className: "flex flex-col gap-4 px-6 py-3",
|
|
82306
82332
|
children: [
|
|
82307
82333
|
e.responseFormat && /* @__PURE__ */ R(y, {
|
|
82308
82334
|
fieldTitle: c,
|
|
82309
82335
|
elementId: "response-format",
|
|
82310
82336
|
orientation: O.Column,
|
|
82311
|
-
activeRadioButton: t ??
|
|
82337
|
+
activeRadioButton: t ?? a.Markdown,
|
|
82312
82338
|
labelDescription: l,
|
|
82313
82339
|
labelClassName: P6,
|
|
82314
82340
|
radioButtons: [{
|
|
82315
|
-
id:
|
|
82341
|
+
id: a.Markdown,
|
|
82316
82342
|
name: u
|
|
82317
82343
|
}, {
|
|
82318
|
-
id:
|
|
82344
|
+
id: a.PlainText,
|
|
82319
82345
|
name: d
|
|
82320
82346
|
}],
|
|
82321
|
-
onChange: (e) =>
|
|
82347
|
+
onChange: (e) => i(e)
|
|
82322
82348
|
}),
|
|
82323
82349
|
e.systemPrompt && /* @__PURE__ */ R(_, {
|
|
82324
82350
|
value: n,
|
|
@@ -82327,7 +82353,6 @@ var j6 = (e) => /* @__PURE__ */ R(JR, { ...e }), M6 = (e) => /* @__PURE__ */ R(v
|
|
|
82327
82353
|
label: f,
|
|
82328
82354
|
className: P6
|
|
82329
82355
|
},
|
|
82330
|
-
containerClassName: "py-4 gap-3",
|
|
82331
82356
|
onChange: (e) => o(e ?? "")
|
|
82332
82357
|
}),
|
|
82333
82358
|
e.temperature && /* @__PURE__ */ R(C, {
|
|
@@ -82336,7 +82361,6 @@ var j6 = (e) => /* @__PURE__ */ R(JR, { ...e }), M6 = (e) => /* @__PURE__ */ R(v
|
|
|
82336
82361
|
className: P6,
|
|
82337
82362
|
caption: g
|
|
82338
82363
|
},
|
|
82339
|
-
className: "gap-3 py-4",
|
|
82340
82364
|
value: r,
|
|
82341
82365
|
min: 0,
|
|
82342
82366
|
max: 1,
|
|
@@ -82345,10 +82369,10 @@ var j6 = (e) => /* @__PURE__ */ R(JR, { ...e }), M6 = (e) => /* @__PURE__ */ R(v
|
|
|
82345
82369
|
onChange: s
|
|
82346
82370
|
})
|
|
82347
82371
|
]
|
|
82348
|
-
}), I6 = ({ isOpen: e, onBack: t, backLabel: n, onClose: r, closeLabel: i, style: a, features:
|
|
82372
|
+
}), I6 = ({ isOpen: e, onBack: t, backLabel: n, onClose: r, closeLabel: i, style: a, features: o, initialResponseFormat: c, initialSystemPrompt: l, initialTemperature: u, onSave: d, title: f = "Chat settings", responseFormatLabel: p, responseFormatHint: m, responseFormatMarkdownLabel: h, responseFormatPlainTextLabel: g, systemPromptLabel: _, systemPromptTooltip: v, temperatureLabel: y, temperatureLabels: b, temperatureHint: x, saveLabel: S = "Apply changes", saveDisabledTooltip: C }) => {
|
|
82349
82373
|
let { responseFormat: w, systemPrompt: E, temperature: D, canSubmit: O, setResponseFormat: k, setSystemPrompt: ee, setTemperature: te, handleSubmit: A } = N6({
|
|
82350
82374
|
isOpen: e,
|
|
82351
|
-
features:
|
|
82375
|
+
features: o,
|
|
82352
82376
|
initialResponseFormat: c,
|
|
82353
82377
|
initialSystemPrompt: l,
|
|
82354
82378
|
initialTemperature: u,
|
|
@@ -82364,7 +82388,7 @@ var j6 = (e) => /* @__PURE__ */ R(JR, { ...e }), M6 = (e) => /* @__PURE__ */ R(v
|
|
|
82364
82388
|
backLabel: n,
|
|
82365
82389
|
style: a,
|
|
82366
82390
|
children: [/* @__PURE__ */ R(F6, {
|
|
82367
|
-
features:
|
|
82391
|
+
features: o,
|
|
82368
82392
|
responseFormat: w,
|
|
82369
82393
|
systemPrompt: E,
|
|
82370
82394
|
temperature: D,
|
|
@@ -82381,7 +82405,7 @@ var j6 = (e) => /* @__PURE__ */ R(JR, { ...e }), M6 = (e) => /* @__PURE__ */ R(v
|
|
|
82381
82405
|
temperatureLabels: b,
|
|
82382
82406
|
temperatureHint: x
|
|
82383
82407
|
}), /* @__PURE__ */ R("div", {
|
|
82384
|
-
className:
|
|
82408
|
+
className: s("px-6 py-4 mobile:pb-8"),
|
|
82385
82409
|
children: /* @__PURE__ */ R(T, {
|
|
82386
82410
|
tooltip: C,
|
|
82387
82411
|
hideTooltip: O || !C,
|
|
@@ -82445,13 +82469,13 @@ var j6 = (e) => /* @__PURE__ */ R(JR, { ...e }), M6 = (e) => /* @__PURE__ */ R(v
|
|
|
82445
82469
|
be(L6);
|
|
82446
82470
|
//#endregion
|
|
82447
82471
|
//#region src/components/AddAttachmentButton/AddAttachmentButton.tsx
|
|
82448
|
-
var R6 = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, menuCloseLabel:
|
|
82449
|
-
let _ =
|
|
82472
|
+
var R6 = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, menuCloseLabel: i, style: o, listClassName: d = "cp-dropdown-overlay !w-[240px]", isDisabled: f = !1, chatSettings: m, extraMenuItems: h }) => {
|
|
82473
|
+
let _ = c(), [v, y] = L(!1), [b, x] = L(!1), S = F(() => [
|
|
82450
82474
|
...e == null ? [] : [{
|
|
82451
82475
|
key: "attach",
|
|
82452
82476
|
label: t,
|
|
82453
82477
|
icon: /* @__PURE__ */ R(j, {
|
|
82454
|
-
size:
|
|
82478
|
+
size: l,
|
|
82455
82479
|
"aria-hidden": !0
|
|
82456
82480
|
}),
|
|
82457
82481
|
onClick: e
|
|
@@ -82461,11 +82485,11 @@ var R6 = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
|
|
|
82461
82485
|
key: "chat-settings",
|
|
82462
82486
|
label: m.menuItemLabel ?? "Chat settings",
|
|
82463
82487
|
icon: /* @__PURE__ */ R(se, {
|
|
82464
|
-
size:
|
|
82488
|
+
size: l,
|
|
82465
82489
|
"aria-hidden": !0
|
|
82466
82490
|
}),
|
|
82467
82491
|
iconAfter: _ ? /* @__PURE__ */ R(ne, {
|
|
82468
|
-
size:
|
|
82492
|
+
size: l,
|
|
82469
82493
|
stroke: 1.5,
|
|
82470
82494
|
className: "text-secondary",
|
|
82471
82495
|
"aria-hidden": !0
|
|
@@ -82482,20 +82506,20 @@ var R6 = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
|
|
|
82482
82506
|
return S.length === 0 ? null : /* @__PURE__ */ R(Ee, { children: _ ? /* @__PURE__ */ De(Ee, { children: [
|
|
82483
82507
|
/* @__PURE__ */ R(g, {
|
|
82484
82508
|
icon: /* @__PURE__ */ R(oe, {
|
|
82485
|
-
size:
|
|
82509
|
+
size: u.LG,
|
|
82486
82510
|
"aria-hidden": !0
|
|
82487
82511
|
}),
|
|
82488
82512
|
"aria-label": n,
|
|
82489
82513
|
tooltipProps: { tooltip: n },
|
|
82490
|
-
className:
|
|
82514
|
+
className: s("size-10 flex-shrink-0", f && "pointer-events-none opacity-50"),
|
|
82491
82515
|
onClick: () => y(!0)
|
|
82492
82516
|
}),
|
|
82493
82517
|
/* @__PURE__ */ R(Ze, {
|
|
82494
82518
|
isOpen: v,
|
|
82495
82519
|
title: r,
|
|
82496
|
-
closeLabel:
|
|
82520
|
+
closeLabel: i,
|
|
82497
82521
|
onClose: () => y(!1),
|
|
82498
|
-
style:
|
|
82522
|
+
style: o,
|
|
82499
82523
|
items: S,
|
|
82500
82524
|
className: "pb-4",
|
|
82501
82525
|
btnTextClassName: "flex-1"
|
|
@@ -82507,10 +82531,10 @@ var R6 = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
|
|
|
82507
82531
|
},
|
|
82508
82532
|
backLabel: m.backLabel ?? "Back",
|
|
82509
82533
|
onClose: () => x(!1),
|
|
82510
|
-
closeLabel:
|
|
82511
|
-
style:
|
|
82534
|
+
closeLabel: i,
|
|
82535
|
+
style: o,
|
|
82512
82536
|
features: m.features,
|
|
82513
|
-
initialResponseFormat: m.responseFormat ??
|
|
82537
|
+
initialResponseFormat: m.responseFormat ?? a.Markdown,
|
|
82514
82538
|
initialSystemPrompt: m.systemPrompt,
|
|
82515
82539
|
initialTemperature: m.temperature,
|
|
82516
82540
|
onSave: m.onSave,
|
|
@@ -82527,24 +82551,24 @@ var R6 = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
|
|
|
82527
82551
|
saveLabel: m.saveLabel,
|
|
82528
82552
|
saveDisabledTooltip: m.saveDisabledTooltip
|
|
82529
82553
|
})
|
|
82530
|
-
] }) : /* @__PURE__ */ De(Ee, { children: [/* @__PURE__ */ R(
|
|
82554
|
+
] }) : /* @__PURE__ */ De(Ee, { children: [/* @__PURE__ */ R(p, {
|
|
82531
82555
|
matchReferenceWidth: !1,
|
|
82532
82556
|
placement: "bottom-start",
|
|
82533
82557
|
listClassName: d,
|
|
82534
82558
|
items: S,
|
|
82535
82559
|
children: /* @__PURE__ */ R(g, {
|
|
82536
82560
|
icon: /* @__PURE__ */ R(oe, {
|
|
82537
|
-
size:
|
|
82561
|
+
size: u.LG,
|
|
82538
82562
|
"aria-hidden": !0
|
|
82539
82563
|
}),
|
|
82540
82564
|
"aria-label": n,
|
|
82541
82565
|
tooltipProps: { tooltip: n },
|
|
82542
82566
|
className: "size-10 flex-shrink-0",
|
|
82543
|
-
disabled:
|
|
82567
|
+
disabled: f
|
|
82544
82568
|
})
|
|
82545
82569
|
}), m != null && b && /* @__PURE__ */ R(L6, {
|
|
82546
82570
|
features: m.features,
|
|
82547
|
-
initialResponseFormat: m.responseFormat ??
|
|
82571
|
+
initialResponseFormat: m.responseFormat ?? a.Markdown,
|
|
82548
82572
|
initialSystemPrompt: m.systemPrompt,
|
|
82549
82573
|
initialTemperature: m.temperature,
|
|
82550
82574
|
onSave: m.onSave,
|
|
@@ -82568,7 +82592,7 @@ var R6 = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
|
|
|
82568
82592
|
waveformCanvas: "_waveformCanvas_15iwh_9",
|
|
82569
82593
|
recordingDot: "_recordingDot_15iwh_17",
|
|
82570
82594
|
micRecordingIcon: "_micRecordingIcon_15iwh_21"
|
|
82571
|
-
}, B6 = 3, V6 = 6, H6 = .12, U6 = ({ state: e, waveformData: t, errorMessage: n, onStop: r, onConfirm: i, onDiscard: a, stopLabel:
|
|
82595
|
+
}, B6 = 3, V6 = 6, H6 = .12, U6 = ({ state: e, waveformData: t, errorMessage: n, onStop: r, onConfirm: i, onDiscard: a, stopLabel: o = "Stop recording", confirmLabel: c = "Send voice message", discardLabel: l = "Discard recording", uploadingLabel: d = "Uploading…", style: f, className: p }) => {
|
|
82572
82596
|
let m = I(null), _ = I(null), v = I(!1), y = e === Ge.Recording, b = e === Ge.Uploading, x = e === Ge.Error;
|
|
82573
82597
|
v.current = y;
|
|
82574
82598
|
let S = P((e, t) => {
|
|
@@ -82618,24 +82642,24 @@ var R6 = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
|
|
|
82618
82642
|
className: "flex flex-shrink-0 items-center justify-end gap-1",
|
|
82619
82643
|
children: y ? /* @__PURE__ */ R(g, {
|
|
82620
82644
|
icon: /* @__PURE__ */ R(ie, {
|
|
82621
|
-
size:
|
|
82645
|
+
size: u.LG,
|
|
82622
82646
|
className: z6.micRecordingIcon,
|
|
82623
82647
|
"aria-hidden": !0
|
|
82624
82648
|
}),
|
|
82625
|
-
"aria-label":
|
|
82649
|
+
"aria-label": o,
|
|
82626
82650
|
className: "size-10 flex-shrink-0",
|
|
82627
82651
|
onClick: r
|
|
82628
82652
|
}) : /* @__PURE__ */ De(Ee, { children: [/* @__PURE__ */ R(g, {
|
|
82629
82653
|
icon: /* @__PURE__ */ R(ce, {
|
|
82630
|
-
size:
|
|
82654
|
+
size: u.LG,
|
|
82631
82655
|
"aria-hidden": !0
|
|
82632
82656
|
}),
|
|
82633
|
-
"aria-label":
|
|
82657
|
+
"aria-label": l,
|
|
82634
82658
|
className: "size-10 flex-shrink-0",
|
|
82635
82659
|
onClick: a
|
|
82636
82660
|
}), b ? /* @__PURE__ */ R(w, {
|
|
82637
82661
|
fullWidth: !1,
|
|
82638
|
-
size:
|
|
82662
|
+
size: u.LG,
|
|
82639
82663
|
ariaLabel: d,
|
|
82640
82664
|
className: "flex size-10 flex-shrink-0 items-center justify-center"
|
|
82641
82665
|
}) : /* @__PURE__ */ R(g, {
|
|
@@ -82656,16 +82680,16 @@ var R6 = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
|
|
|
82656
82680
|
className: p,
|
|
82657
82681
|
children: [/* @__PURE__ */ De("div", {
|
|
82658
82682
|
style: f,
|
|
82659
|
-
className:
|
|
82683
|
+
className: s(z6.container, "flex min-h-[56px] w-full flex-col gap-3 rounded border px-3 py-3 desktop:flex-row desktop:items-center desktop:gap-2 desktop:py-2", x && z6.containerError),
|
|
82660
82684
|
children: [/* @__PURE__ */ De("div", {
|
|
82661
82685
|
className: "flex min-w-0 flex-1 items-center gap-2",
|
|
82662
82686
|
children: [y && /* @__PURE__ */ R("span", {
|
|
82663
|
-
className:
|
|
82687
|
+
className: s(z6.recordingDot, "size-2 flex-shrink-0 rounded-full"),
|
|
82664
82688
|
"aria-hidden": !0
|
|
82665
82689
|
}), /* @__PURE__ */ R("canvas", {
|
|
82666
82690
|
ref: m,
|
|
82667
82691
|
height: 32,
|
|
82668
|
-
className:
|
|
82692
|
+
className: s(z6.waveformCanvas, "h-8 min-w-0 flex-1 desktop:h-6")
|
|
82669
82693
|
})]
|
|
82670
82694
|
}), T]
|
|
82671
82695
|
}), x && n && /* @__PURE__ */ R(h, {
|
|
@@ -82686,20 +82710,20 @@ var R6 = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
|
|
|
82686
82710
|
tooltip: r,
|
|
82687
82711
|
hideTooltip: !r,
|
|
82688
82712
|
children: /* @__PURE__ */ R("button", {
|
|
82689
|
-
className:
|
|
82713
|
+
className: s(W6.sendButton, "flex size-[32px] cursor-pointer items-center justify-center rounded-full disabled:cursor-not-allowed"),
|
|
82690
82714
|
"aria-label": n,
|
|
82691
82715
|
onClick: () => e?.(),
|
|
82692
82716
|
type: "button",
|
|
82693
82717
|
disabled: t,
|
|
82694
|
-
children: /* @__PURE__ */ R(ee, { size:
|
|
82718
|
+
children: /* @__PURE__ */ R(ee, { size: u.LG })
|
|
82695
82719
|
})
|
|
82696
82720
|
}), K6 = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ R("button", {
|
|
82697
|
-
className:
|
|
82721
|
+
className: s("flex cursor-pointer items-center justify-center disabled:cursor-not-allowed"),
|
|
82698
82722
|
"aria-label": t,
|
|
82699
82723
|
onClick: () => e?.(),
|
|
82700
82724
|
type: "button",
|
|
82701
82725
|
children: /* @__PURE__ */ R(ae, {
|
|
82702
|
-
size:
|
|
82726
|
+
size: u.LG,
|
|
82703
82727
|
className: W6.stopIcon
|
|
82704
82728
|
})
|
|
82705
82729
|
}), q6 = ({ size: e = 20 }) => /* @__PURE__ */ R(x, {
|
|
@@ -82734,66 +82758,70 @@ var R6 = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
|
|
|
82734
82758
|
size: i,
|
|
82735
82759
|
tooltip: a,
|
|
82736
82760
|
initialsName: r
|
|
82737
|
-
}), $6 = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels:
|
|
82738
|
-
let [
|
|
82761
|
+
}), $6 = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: i, searchHeaderClassName: a = "bg-layer-0" }) => {
|
|
82762
|
+
let [o, c] = L(""), l = F(() => e?.find((e) => e.id === t), [e, t]), d = i?.loading !== void 0, f = F(() => d ? /* @__PURE__ */ R(q6, { size: u.LG }) : Q6(l?.iconUrl, l?.type, l?.displayName ?? l?.id ?? "", u.LG), [d, l]), p = l?.displayName ?? l?.id;
|
|
82739
82763
|
return {
|
|
82740
|
-
selectorIcon:
|
|
82741
|
-
selectorAriaLabel:
|
|
82742
|
-
selectedLabel:
|
|
82764
|
+
selectorIcon: f,
|
|
82765
|
+
selectorAriaLabel: p ? `${i?.ariaLabel ?? "Select model"}: ${p}` : i?.ariaLabel ?? "Select model",
|
|
82766
|
+
selectedLabel: p,
|
|
82743
82767
|
menuItems: F(() => {
|
|
82744
|
-
if (
|
|
82768
|
+
if (d) return Array.from({ length: 7 }, (e, t) => ({
|
|
82745
82769
|
key: `__loading-${t}`,
|
|
82746
82770
|
icon: /* @__PURE__ */ R(q6, {}),
|
|
82747
|
-
label: /* @__PURE__ */ R(J6, { loadingLabel: t === 0 ?
|
|
82771
|
+
label: /* @__PURE__ */ R(J6, { loadingLabel: t === 0 ? i?.loading : void 0 }),
|
|
82748
82772
|
disabled: !0
|
|
82749
82773
|
}));
|
|
82750
82774
|
if (!e || e.length === 0) {
|
|
82751
|
-
let e =
|
|
82775
|
+
let e = i?.error ?? i?.empty;
|
|
82752
82776
|
return e ? [{
|
|
82753
82777
|
key: "__state",
|
|
82754
82778
|
label: e,
|
|
82755
82779
|
disabled: !0
|
|
82756
82780
|
}] : [];
|
|
82757
82781
|
}
|
|
82758
|
-
return Z6(e,
|
|
82759
|
-
let
|
|
82782
|
+
return Z6(e, o).map((e) => {
|
|
82783
|
+
let i = e.id === t;
|
|
82760
82784
|
return {
|
|
82761
82785
|
key: e.id,
|
|
82762
82786
|
label: /* @__PURE__ */ De("span", {
|
|
82763
82787
|
className: "flex w-full items-center justify-between gap-2",
|
|
82764
|
-
children: [/* @__PURE__ */ R(
|
|
82788
|
+
children: [/* @__PURE__ */ R(r, {
|
|
82789
|
+
text: X6(e),
|
|
82790
|
+
query: o,
|
|
82791
|
+
maxLines: 1
|
|
82792
|
+
}), i && /* @__PURE__ */ R(Nz, { gradientId: "ms-check-grad" })]
|
|
82765
82793
|
}),
|
|
82766
82794
|
icon: Q6(e.iconUrl, e.type, e.displayName ?? e.id),
|
|
82767
82795
|
onClick: () => n?.(e.id),
|
|
82768
|
-
className:
|
|
82796
|
+
className: i ? "bg-accent-primary-alpha" : void 0
|
|
82769
82797
|
};
|
|
82770
82798
|
});
|
|
82771
82799
|
}, [
|
|
82772
82800
|
e,
|
|
82773
|
-
|
|
82774
|
-
|
|
82801
|
+
d,
|
|
82802
|
+
o,
|
|
82775
82803
|
t,
|
|
82776
|
-
|
|
82804
|
+
i,
|
|
82777
82805
|
n
|
|
82778
82806
|
]),
|
|
82779
|
-
menuHeader: F(() => !
|
|
82780
|
-
className:
|
|
82807
|
+
menuHeader: F(() => !d && e && e.length > 0 ? /* @__PURE__ */ R("div", {
|
|
82808
|
+
className: s("sticky top-0 z-10 pb-1 pr-2 pt-2", a),
|
|
82781
82809
|
children: /* @__PURE__ */ R(b, {
|
|
82782
|
-
value:
|
|
82783
|
-
placeholder:
|
|
82810
|
+
value: o,
|
|
82811
|
+
placeholder: i?.searchPlaceholder ?? "Search",
|
|
82784
82812
|
size: E.Small,
|
|
82785
82813
|
wrapperClassName: "border-0",
|
|
82786
|
-
onChange:
|
|
82814
|
+
onChange: c
|
|
82787
82815
|
})
|
|
82788
82816
|
}) : void 0, [
|
|
82789
82817
|
e,
|
|
82790
|
-
|
|
82791
|
-
|
|
82792
|
-
|
|
82793
|
-
|
|
82818
|
+
d,
|
|
82819
|
+
o,
|
|
82820
|
+
i,
|
|
82821
|
+
a
|
|
82794
82822
|
]),
|
|
82795
82823
|
onOpenChange: (e) => {
|
|
82796
|
-
e ||
|
|
82824
|
+
e || c("");
|
|
82797
82825
|
}
|
|
82798
82826
|
};
|
|
82799
82827
|
}, e8 = typeof window < "u" ? Te : Se;
|
|
@@ -83245,33 +83273,35 @@ var x8 = {
|
|
|
83245
83273
|
itemIcon: "_itemIcon_3wv6u_15",
|
|
83246
83274
|
checkIcon: "_checkIcon_3wv6u_19",
|
|
83247
83275
|
stateLabel: "_stateLabel_3wv6u_23"
|
|
83248
|
-
}, S8 = 44, C8 = 8, w8 = ({ index: e, style: t, ariaAttributes: n, items:
|
|
83249
|
-
let
|
|
83276
|
+
}, S8 = 44, C8 = 8, w8 = ({ index: e, style: t, ariaAttributes: n, items: i, selectedDeploymentId: a, labelClassName: o, query: c, onSelect: l }) => {
|
|
83277
|
+
let f = i[e], p = Q6(f.iconUrl, f.type, f.displayName ?? f.id, u.SM), m = f.id === a;
|
|
83250
83278
|
return /* @__PURE__ */ R("div", {
|
|
83251
83279
|
style: t,
|
|
83252
83280
|
...n,
|
|
83253
|
-
children: /* @__PURE__ */ R(
|
|
83281
|
+
children: /* @__PURE__ */ R(d, {
|
|
83254
83282
|
type: "button",
|
|
83255
|
-
className:
|
|
83283
|
+
className: s(x8.item, "flex h-full w-full items-center gap-3 px-4"),
|
|
83256
83284
|
iconBefore: /* @__PURE__ */ R("span", {
|
|
83257
83285
|
className: x8.itemIcon,
|
|
83258
|
-
children:
|
|
83286
|
+
children: p
|
|
83259
83287
|
}),
|
|
83260
83288
|
label: /* @__PURE__ */ De("span", {
|
|
83261
83289
|
className: "flex flex-1 items-center justify-between gap-2",
|
|
83262
|
-
children: [/* @__PURE__ */ R(
|
|
83263
|
-
text:
|
|
83264
|
-
|
|
83265
|
-
|
|
83266
|
-
|
|
83290
|
+
children: [/* @__PURE__ */ R(r, {
|
|
83291
|
+
text: f.displayName ?? f.id,
|
|
83292
|
+
query: c,
|
|
83293
|
+
maxLines: 1,
|
|
83294
|
+
className: s(o, "min-w-0 flex-1 text-left")
|
|
83295
|
+
}), m && /* @__PURE__ */ R(te, {
|
|
83296
|
+
size: u.SM,
|
|
83267
83297
|
className: x8.checkIcon,
|
|
83268
83298
|
"aria-hidden": !0
|
|
83269
83299
|
})]
|
|
83270
83300
|
}),
|
|
83271
|
-
onClick: () =>
|
|
83301
|
+
onClick: () => l(f.id)
|
|
83272
83302
|
})
|
|
83273
83303
|
});
|
|
83274
|
-
}, T8 = ({ isOpen: e, title: t, closeLabel: n, searchPlaceholder: r = "Search", onClose: i, deployments: a, selectedDeploymentId:
|
|
83304
|
+
}, T8 = ({ isOpen: e, title: t, closeLabel: n, searchPlaceholder: r = "Search", onClose: i, deployments: a, selectedDeploymentId: o, onSelect: c, loadingLabel: l, errorLabel: u, emptyLabel: d, style: f, titleClassName: p = "dial-body-semi-text", labelClassName: m = "dial-small-text" }) => {
|
|
83275
83305
|
let [h, g] = L("");
|
|
83276
83306
|
Se(() => {
|
|
83277
83307
|
e || g("");
|
|
@@ -83293,9 +83323,9 @@ var x8 = {
|
|
|
83293
83323
|
size: E.Standard,
|
|
83294
83324
|
onChange: g
|
|
83295
83325
|
})
|
|
83296
|
-
}), /* @__PURE__ */ R("div", { className:
|
|
83326
|
+
}), /* @__PURE__ */ R("div", { className: s(x8.divider, "h-px flex-shrink-0") })] }), v ? /* @__PURE__ */ R(Y6, { loadingLabel: l }) : y ? /* @__PURE__ */ R("div", {
|
|
83297
83327
|
role: "list",
|
|
83298
|
-
className:
|
|
83328
|
+
className: s(x8.stateLabel, m, "px-4 py-4"),
|
|
83299
83329
|
children: y
|
|
83300
83330
|
}) : /* @__PURE__ */ R(b8, {
|
|
83301
83331
|
role: "list",
|
|
@@ -83306,43 +83336,47 @@ var x8 = {
|
|
|
83306
83336
|
rowHeight: S8,
|
|
83307
83337
|
rowProps: {
|
|
83308
83338
|
items: x,
|
|
83309
|
-
selectedDeploymentId:
|
|
83339
|
+
selectedDeploymentId: o,
|
|
83310
83340
|
labelClassName: m,
|
|
83341
|
+
query: h,
|
|
83311
83342
|
onSelect: (e) => {
|
|
83312
83343
|
c(e), i();
|
|
83313
83344
|
}
|
|
83314
83345
|
}
|
|
83315
83346
|
})]
|
|
83316
83347
|
});
|
|
83317
|
-
}, E8 = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, isStreaming: i, isMobile: a, isInputDisabled:
|
|
83318
|
-
let [v, y] = L(!1), { selectorIcon: b, selectorAriaLabel: x,
|
|
83348
|
+
}, E8 = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, isStreaming: i, isMobile: a, isInputDisabled: o = !1, isDisabled: c = !1, style: l, modelPickerOverlay: d, isPickerOpen: f, onPickerToggle: h, onPickerOpenChange: _ }) => {
|
|
83349
|
+
let [v, y] = L(!1), { selectorIcon: b, selectorAriaLabel: x, selectedLabel: S, menuItems: C, menuHeader: w, onOpenChange: D } = $6({
|
|
83319
83350
|
deployments: e,
|
|
83320
83351
|
selectedDeploymentId: t,
|
|
83321
83352
|
onDeploymentChange: n,
|
|
83322
83353
|
modelSelectorLabels: r
|
|
83323
83354
|
});
|
|
83324
83355
|
if (!e) return null;
|
|
83325
|
-
let
|
|
83326
|
-
size:
|
|
83356
|
+
let O = i || c ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, k = /* @__PURE__ */ R(A, {
|
|
83357
|
+
size: u.SM,
|
|
83327
83358
|
className: W6.modelSelectorCaret,
|
|
83328
83359
|
"aria-hidden": !0
|
|
83329
83360
|
});
|
|
83330
|
-
return a ? /* @__PURE__ */ De(Ee, { children: [/* @__PURE__ */ R(
|
|
83331
|
-
|
|
83332
|
-
|
|
83333
|
-
|
|
83334
|
-
|
|
83335
|
-
|
|
83336
|
-
|
|
83337
|
-
|
|
83338
|
-
|
|
83339
|
-
|
|
83361
|
+
return a ? /* @__PURE__ */ De(Ee, { children: [/* @__PURE__ */ R(T, {
|
|
83362
|
+
tooltip: S,
|
|
83363
|
+
children: /* @__PURE__ */ R(g, {
|
|
83364
|
+
icon: /* @__PURE__ */ De("div", {
|
|
83365
|
+
className: "flex items-center gap-1",
|
|
83366
|
+
children: [b, k]
|
|
83367
|
+
}),
|
|
83368
|
+
"aria-label": x,
|
|
83369
|
+
onClick: () => {
|
|
83370
|
+
c || y(!0);
|
|
83371
|
+
},
|
|
83372
|
+
className: s(W6.modelSelectorButton, O)
|
|
83373
|
+
})
|
|
83340
83374
|
}), d ? /* @__PURE__ */ R(Re, {
|
|
83341
83375
|
isOpen: v,
|
|
83342
83376
|
title: r?.ariaLabel ?? "Select model",
|
|
83343
83377
|
closeLabel: r?.closeLabel ?? "Close",
|
|
83344
83378
|
onClose: () => y(!1),
|
|
83345
|
-
style:
|
|
83379
|
+
style: l,
|
|
83346
83380
|
children: d(() => y(!1))
|
|
83347
83381
|
}) : /* @__PURE__ */ R(T8, {
|
|
83348
83382
|
isOpen: v,
|
|
@@ -83356,45 +83390,51 @@ var x8 = {
|
|
|
83356
83390
|
loadingLabel: r?.loading,
|
|
83357
83391
|
errorLabel: r?.error,
|
|
83358
83392
|
emptyLabel: r?.empty,
|
|
83359
|
-
style:
|
|
83360
|
-
})] }) : d ? /* @__PURE__ */ R(
|
|
83393
|
+
style: l
|
|
83394
|
+
})] }) : d ? /* @__PURE__ */ R(p, {
|
|
83361
83395
|
placement: "top-end",
|
|
83362
83396
|
matchReferenceWidth: !1,
|
|
83363
|
-
open:
|
|
83397
|
+
open: f,
|
|
83364
83398
|
onOpenChange: _,
|
|
83365
83399
|
trigger: [],
|
|
83366
83400
|
outsideClosable: !0,
|
|
83367
83401
|
renderOverlay: () => d(() => _?.(!1)),
|
|
83368
83402
|
listClassName: "cp-dropdown-overlay !w-[320px]",
|
|
83369
|
-
children: /* @__PURE__ */
|
|
83370
|
-
|
|
83371
|
-
"
|
|
83372
|
-
|
|
83373
|
-
|
|
83374
|
-
|
|
83375
|
-
|
|
83376
|
-
|
|
83403
|
+
children: /* @__PURE__ */ R(T, {
|
|
83404
|
+
tooltip: S,
|
|
83405
|
+
children: /* @__PURE__ */ De("button", {
|
|
83406
|
+
type: "button",
|
|
83407
|
+
"aria-label": x,
|
|
83408
|
+
className: s("flex items-center justify-center gap-1 rounded-md p-2", W6.modelSelectorButton, o || i || c ? O : void 0, (o || c) && W6.modelSelectorButtonDisabled),
|
|
83409
|
+
onClick: () => {
|
|
83410
|
+
!o && !i && !c && h?.();
|
|
83411
|
+
},
|
|
83412
|
+
children: [b, k]
|
|
83413
|
+
})
|
|
83377
83414
|
})
|
|
83378
83415
|
}) : /* @__PURE__ */ R("div", {
|
|
83379
|
-
className:
|
|
83416
|
+
className: s(c && O),
|
|
83380
83417
|
"aria-disabled": c || void 0,
|
|
83381
|
-
children: /* @__PURE__ */ R(
|
|
83382
|
-
|
|
83383
|
-
|
|
83384
|
-
|
|
83385
|
-
|
|
83386
|
-
|
|
83387
|
-
|
|
83388
|
-
|
|
83389
|
-
|
|
83390
|
-
|
|
83391
|
-
|
|
83392
|
-
|
|
83393
|
-
|
|
83418
|
+
children: /* @__PURE__ */ R(T, {
|
|
83419
|
+
tooltip: S,
|
|
83420
|
+
children: /* @__PURE__ */ R(m, {
|
|
83421
|
+
icon: b,
|
|
83422
|
+
ariaLabel: x,
|
|
83423
|
+
items: C,
|
|
83424
|
+
menuHeader: w,
|
|
83425
|
+
placement: "bottom-end",
|
|
83426
|
+
matchReferenceWidth: !1,
|
|
83427
|
+
listClassName: "cp-dropdown-overlay !w-[240px] !max-h-80",
|
|
83428
|
+
onOpenChange: c ? void 0 : D,
|
|
83429
|
+
size: E.Standard,
|
|
83430
|
+
caretIcon: k,
|
|
83431
|
+
iconClassName: o || c ? O : void 0,
|
|
83432
|
+
buttonClassName: s("bg-transparent", W6.modelSelectorButton, (o || c) && O && W6.modelSelectorButtonDisabled)
|
|
83433
|
+
})
|
|
83394
83434
|
})
|
|
83395
83435
|
});
|
|
83396
|
-
}, D8 = ({ message: e = "", onSend: t, onUploadAttachment: n, onStop: r, isStreaming: i = !1, onChange:
|
|
83397
|
-
let Oe =
|
|
83436
|
+
}, D8 = ({ message: e = "", onSend: t, onUploadAttachment: n, onStop: r, isStreaming: i = !1, onChange: a, onAttachmentsChange: d, placeholder: f = "Type a message...", ariaLabel: p, attachLabel: m = "Attach file", addMenuTitle: h = "Add", menuTitle: _ = "Menu", menuCloseLabel: v = "Close", removeLabel: y, retryLabel: b, sendLabel: x, stopLabel: S, micLabel: C = "Record voice message", colors: w, typography: T, className: E, pendingDropFiles: D = [], onDropFilesConsumed: O, pendingAttachments: k = [], onPendingAttachmentsConsumed: ee, pasteTextThreshold: te = 4e3, deployments: A, selectedDeploymentId: ne, onDeploymentChange: j, modelSelectorLabels: ae, initialAttachments: oe = [], isStacked: se = !1, hideAddButton: ce = !1, hideAttachFile: le = !1, hideActionBar: ue = !1, renderFooterActions: de, isInputDisabled: fe = !1, isModelSelectorDisabled: M = !1, isTranscriptionSupported: N = !1, onUploadAudio: pe, onTranscribeAudio: me, sendOnEnter: he = Ye.Enter, prefixAttachments: ge = [], onRemovePrefixAttachment: _e, chatSettings: ve, autoFocus: ye = !1, messageHistory: be, onDialFileSystemClick: xe, dialFileSystemLabel: Se, validateAttachment: Ce, onAttachmentClick: we, modelPickerOverlay: Te }) => {
|
|
83437
|
+
let Oe = c(), [ke, je] = L(!1), Me = Ue(be), Ne = F(() => o({
|
|
83398
83438
|
"--ci-bg": w?.background,
|
|
83399
83439
|
"--ci-text": w?.text,
|
|
83400
83440
|
"--ci-border": w?.border,
|
|
@@ -83410,7 +83450,7 @@ var x8 = {
|
|
|
83410
83450
|
key: "dial-fs",
|
|
83411
83451
|
label: Se ?? "DIAL file system",
|
|
83412
83452
|
icon: /* @__PURE__ */ R(re, {
|
|
83413
|
-
size:
|
|
83453
|
+
size: l,
|
|
83414
83454
|
"aria-hidden": !0
|
|
83415
83455
|
}),
|
|
83416
83456
|
onClick: xe
|
|
@@ -83430,8 +83470,8 @@ var x8 = {
|
|
|
83430
83470
|
onUploadAudio: pe,
|
|
83431
83471
|
onTranscribeAudio: me,
|
|
83432
83472
|
onTranscript: P((e) => {
|
|
83433
|
-
Le(e),
|
|
83434
|
-
}, [
|
|
83473
|
+
Le(e), a?.(e);
|
|
83474
|
+
}, [a, Le])
|
|
83435
83475
|
}), ot = I(null), st = I(null), { handlePaste: ct } = Fe(Ge, te), z = Ie.trim().length > 0 || Ve.length > 0, lt = z && !Qe, ut = se || Ve.length > 0 || Ie.includes("\n") || ze, dt = A === void 0 || ne != null, ft = async () => {
|
|
83436
83476
|
if (fe) return;
|
|
83437
83477
|
let e = Ie, n = Ve;
|
|
@@ -83469,12 +83509,12 @@ var x8 = {
|
|
|
83469
83509
|
className: E
|
|
83470
83510
|
});
|
|
83471
83511
|
let ht = /* @__PURE__ */ R("textarea", {
|
|
83472
|
-
className:
|
|
83512
|
+
className: s(W6.textarea, T?.fontClassName, "max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent outline-none [field-sizing:content]"),
|
|
83473
83513
|
ref: Re,
|
|
83474
83514
|
autoFocus: ye,
|
|
83475
83515
|
value: Ie,
|
|
83476
83516
|
onChange: (e) => {
|
|
83477
|
-
Le(e.target.value), Me.notifyChange(),
|
|
83517
|
+
Le(e.target.value), Me.notifyChange(), a?.(e.target.value);
|
|
83478
83518
|
},
|
|
83479
83519
|
onKeyDown: pt,
|
|
83480
83520
|
onPaste: ct,
|
|
@@ -83486,7 +83526,7 @@ var x8 = {
|
|
|
83486
83526
|
return /* @__PURE__ */ De("div", {
|
|
83487
83527
|
ref: st,
|
|
83488
83528
|
style: Ne,
|
|
83489
|
-
className:
|
|
83529
|
+
className: s(W6.wrapper, fe && W6.wrapperDisabled, "flex min-h-[56px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border", Ve.length > 6 ? "py-3 pl-3" : "p-3", E),
|
|
83490
83530
|
children: [(ge.length > 0 || Ve.length > 0) && /* @__PURE__ */ R(Ae, {
|
|
83491
83531
|
attachments: [...ge, ...Ve],
|
|
83492
83532
|
onRemove: (e) => {
|
|
@@ -83501,10 +83541,10 @@ var x8 = {
|
|
|
83501
83541
|
t != null && we(t);
|
|
83502
83542
|
}
|
|
83503
83543
|
}), ue ? ut && ht : /* @__PURE__ */ De("div", {
|
|
83504
|
-
className:
|
|
83544
|
+
className: s("flex items-center gap-2", ut ? "flex-wrap" : "flex-wrap desktop:flex-nowrap"),
|
|
83505
83545
|
children: [
|
|
83506
83546
|
!ce && /* @__PURE__ */ De("div", {
|
|
83507
|
-
className:
|
|
83547
|
+
className: s("order-2 flex", !ut && "desktop:order-1"),
|
|
83508
83548
|
children: [/* @__PURE__ */ R("input", {
|
|
83509
83549
|
ref: ot,
|
|
83510
83550
|
type: "file",
|
|
@@ -83526,11 +83566,11 @@ var x8 = {
|
|
|
83526
83566
|
})]
|
|
83527
83567
|
}),
|
|
83528
83568
|
/* @__PURE__ */ R("div", {
|
|
83529
|
-
className:
|
|
83569
|
+
className: s("order-1 flex w-full min-w-0 items-center self-stretch", !ut && "desktop:order-2 desktop:w-auto desktop:flex-1"),
|
|
83530
83570
|
children: ht
|
|
83531
83571
|
}),
|
|
83532
83572
|
/* @__PURE__ */ De("div", {
|
|
83533
|
-
className:
|
|
83573
|
+
className: s("flex flex-shrink-0 items-center gap-2", "order-3 ms-auto", !ut && "desktop:ms-0"),
|
|
83534
83574
|
children: [de ? de({
|
|
83535
83575
|
canSend: lt,
|
|
83536
83576
|
onSend: ft
|
|
@@ -83557,7 +83597,7 @@ var x8 = {
|
|
|
83557
83597
|
ariaLabel: x
|
|
83558
83598
|
})] }), N && !Ie.trim() && /* @__PURE__ */ R(g, {
|
|
83559
83599
|
icon: /* @__PURE__ */ R(ie, {
|
|
83560
|
-
size:
|
|
83600
|
+
size: u.LG,
|
|
83561
83601
|
"aria-hidden": !0
|
|
83562
83602
|
}),
|
|
83563
83603
|
"aria-label": C,
|
|
@@ -83569,46 +83609,46 @@ var x8 = {
|
|
|
83569
83609
|
]
|
|
83570
83610
|
})]
|
|
83571
83611
|
});
|
|
83572
|
-
}, O8 = { welcome: "_welcome_n2ph8_1" }, k8 = ({ isStreaming: e = !1, placeholder: t = "Type a prompt or use \"/\" to select one", welcomeText: n, styles: r, className: i, isInputDisabled:
|
|
83612
|
+
}, O8 = { welcome: "_welcome_n2ph8_1" }, k8 = ({ isStreaming: e = !1, placeholder: t = "Type a prompt or use \"/\" to select one", welcomeText: n, styles: r, className: i, isInputDisabled: a = !1, ...c }) => {
|
|
83573
83613
|
let { colors: l, typography: u } = r ?? {};
|
|
83574
83614
|
return /* @__PURE__ */ De("div", {
|
|
83575
|
-
style:
|
|
83615
|
+
style: o({
|
|
83576
83616
|
"--ci-root-bg": l?.background,
|
|
83577
83617
|
"--ci-welcome-color": l?.welcomeText
|
|
83578
83618
|
}),
|
|
83579
|
-
className:
|
|
83619
|
+
className: s("relative flex w-full flex-col items-center gap-6 px-4 py-5 desktop:p-5", i),
|
|
83580
83620
|
children: [n && /* @__PURE__ */ R("h1", {
|
|
83581
|
-
className:
|
|
83621
|
+
className: s(O8.welcome, "m-0 text-center", u?.welcomeClassName),
|
|
83582
83622
|
children: n
|
|
83583
83623
|
}), /* @__PURE__ */ R("div", {
|
|
83584
83624
|
className: "relative w-full max-w-[748px]",
|
|
83585
83625
|
children: /* @__PURE__ */ R(D8, {
|
|
83586
83626
|
placeholder: t,
|
|
83587
83627
|
isStreaming: e,
|
|
83588
|
-
isInputDisabled:
|
|
83628
|
+
isInputDisabled: a,
|
|
83589
83629
|
...c,
|
|
83590
83630
|
colors: l?.input,
|
|
83591
83631
|
typography: u?.input
|
|
83592
83632
|
})
|
|
83593
83633
|
})]
|
|
83594
83634
|
});
|
|
83595
|
-
}, A8 = ({ message: e, initialAttachments: t = [], onCancel: n, onSave:
|
|
83635
|
+
}, A8 = ({ message: e, initialAttachments: t = [], onCancel: n, onSave: r, onUploadAttachment: a, cancelLabel: o = "Cancel", saveLabel: c = "Save & Submit", ariaLabel: l, removeLabel: u, retryLabel: d, addMenuTitle: f = "Add", attachLabel: p = "Attach file", menuTitle: m = "Menu", menuCloseLabel: h = "Close", className: g, pendingDropFiles: _, onDropFilesConsumed: v, validateAttachment: y, hideAttachFile: b = !1 }) => {
|
|
83596
83636
|
let x = I(null), [S, C] = L([]);
|
|
83597
83637
|
Se(() => {
|
|
83598
83638
|
_?.length && (C(_), v?.());
|
|
83599
83639
|
}, [_, v]);
|
|
83600
|
-
let [w, T] = L(e ?? ""), [E, D] = L([]), [O, k] = L(t), ee = E.some((e) => e.status ===
|
|
83640
|
+
let [w, T] = L(e ?? ""), [E, D] = L([]), [O, k] = L(t), ee = E.some((e) => e.status === i.Loading || e.status === i.Error), te = (w.trim().length > 0 || E.length > 0 || O.length > 0) && !ee, A = (e) => {
|
|
83601
83641
|
k((t) => t.filter((t) => t.id !== e));
|
|
83602
83642
|
}, ne = P((e, t) => {
|
|
83603
|
-
|
|
83604
|
-
}, [O,
|
|
83643
|
+
r(e, O, t);
|
|
83644
|
+
}, [O, r]), re = () => {
|
|
83605
83645
|
te && ne(w, E);
|
|
83606
83646
|
}, ie = P(() => C([]), []), j = P((e) => {
|
|
83607
83647
|
let t = Array.from(e.target.files ?? []);
|
|
83608
83648
|
t.length !== 0 && (e.target.value = "", C(t));
|
|
83609
83649
|
}, []);
|
|
83610
83650
|
return /* @__PURE__ */ De("div", {
|
|
83611
|
-
className:
|
|
83651
|
+
className: s("flex w-full flex-col gap-2", g),
|
|
83612
83652
|
children: [/* @__PURE__ */ R(D8, {
|
|
83613
83653
|
message: e,
|
|
83614
83654
|
ariaLabel: l,
|
|
@@ -83648,7 +83688,7 @@ var x8 = {
|
|
|
83648
83688
|
}), /* @__PURE__ */ De("div", {
|
|
83649
83689
|
className: "flex gap-2",
|
|
83650
83690
|
children: [/* @__PURE__ */ R(M6, {
|
|
83651
|
-
label:
|
|
83691
|
+
label: o,
|
|
83652
83692
|
onClick: n
|
|
83653
83693
|
}), /* @__PURE__ */ R(j6, {
|
|
83654
83694
|
label: c,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@epam/ai-dial-conversation-input",
|
|
3
3
|
"description": "Conversation message input with model selection, attachments, voice input, and edit mode",
|
|
4
|
-
"version": "1.0.0-dev.
|
|
4
|
+
"version": "1.0.0-dev.460",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./index.js",
|
|
@@ -17,13 +17,13 @@
|
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
|
-
"@epam/ai-dial-attachment-input": "1.0.0-dev.
|
|
21
|
-
"@epam/ai-dial-chat-shared": "1.0.0-dev.
|
|
20
|
+
"@epam/ai-dial-attachment-input": "1.0.0-dev.460",
|
|
21
|
+
"@epam/ai-dial-chat-shared": "1.0.0-dev.460",
|
|
22
22
|
"@epam/ai-dial-ui-kit": "0.12.0-dev.25",
|
|
23
23
|
"@tabler/icons-react": "^3.44.0",
|
|
24
24
|
"react": "^19.0.0",
|
|
25
25
|
"react-dom": "^19.2.6",
|
|
26
|
-
"@epam/ai-dial-kit": "1.0.0-dev.
|
|
26
|
+
"@epam/ai-dial-kit": "1.0.0-dev.460"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"react-window": "^2.2.7"
|