@epam/ai-dial-conversation-messages 1.1.0-dev.90 → 1.1.0-dev.93
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../../../src/components/MessageActions/MessageActions.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../../../src/components/MessageActions/MessageActions.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,EAAE,EAAyB,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAKxE,kIAAkI;AAClI,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAoKlD,CAAC"}
|
package/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.
|
|
1
|
+
._activeRating_7jito_1{color:var(--ma-active-rating-text,var(--text-accent,#1d4ed8))!important}._userBubble_ovjc1_1{border-color:var(--cm-bubble-user-border,var(--stroke-secondary,#d1dbea));background:var(--cm-bubble-user-bg,var(--bg-layer-sunken,#eef1f7))}._collapsibleText_ovjc1_6{max-height:var(--cm-bubble-collapsed-height);transition:max-height .2s ease-out}._expandedText_ovjc1_11{max-height:var(--cm-bubble-expanded-height)}._collapsedText_ovjc1_15:after{content:"";pointer-events:none;background:linear-gradient(to bottom, var(--cm-bubble-fade-start,var(--shadow-grey-1000,#161b2d08)), var(--cm-bubble-user-bg,var(--bg-layer-sunken,#eef1f7)));height:3rem;position:absolute;bottom:0;left:0;right:0}@media (prefers-reduced-motion:reduce){._collapsibleText_ovjc1_6{transition:none}}._startersDivider_ovjc1_26{border-color:var(--cm-starters-divider,var(--stroke-secondary,#d1dbea))}._text_ovjc1_30{color:var(--cm-bubble-text,var(--text-primary,#161b2d))}
|
|
2
2
|
/*$vite$:1*/
|
package/index.js
CHANGED
|
@@ -1,83 +1,83 @@
|
|
|
1
1
|
import { AttachmentErrorReason as e, AttachmentType as t, DeploymentIcon as n, MDMessageViewer as r, MIME_TYPE_EXT_MAP as i, MessageRating as a, MessageRole as o, RequestStatus as s, ResponseFormat as c, buildCssVars as l, mergeClasses as u, useCollapsedText as d } from "@epam/ai-dial-chat-shared";
|
|
2
2
|
import { DIAL_ICON_SIZE as f, DialInput as p, DialPopup as m, DialRadioGroup as h, DialSkeleton as g, DialSkeletonVariant as _, DialSlider as v, DialSpinner as y, DialTag as b, DialTooltip as x, ElementSize as S, GhostIconButton as C, Highlight as w, InfoMessageNotification as T, LinkButton as E, NeutralButton as D, PopupSize as O, PrimaryButton as k, RadioGroupOrientation as A } from "@epam/ai-dial-ui-kit";
|
|
3
|
-
import { IconCheck as j, IconChevronDown as M, IconChevronUp as N, IconClipboard as P, IconCopy as F, IconDownload as I, IconExternalLink as L, IconFile as R, IconFileTypeBmp as z, IconFileTypeCss as B, IconFileTypeCsv as V, IconFileTypeDoc as
|
|
3
|
+
import { IconCheck as j, IconChevronDown as M, IconChevronUp as N, IconClipboard as P, IconCopy as F, IconDownload as I, IconExternalLink as L, IconFile as R, IconFileTypeBmp as z, IconFileTypeCss as B, IconFileTypeCsv as V, IconFileTypeDoc as H, IconFileTypeDocx as U, IconFileTypeHtml as W, IconFileTypeJpg as ee, IconFileTypeJs as te, IconFileTypeJsx as ne, IconFileTypePdf as re, IconFileTypePhp as ie, IconFileTypePng as ae, IconFileTypePpt as oe, IconFileTypeRs as se, IconFileTypeSql as ce, IconFileTypeSvg as le, IconFileTypeTs as ue, IconFileTypeTsx as de, IconFileTypeTxt as fe, IconFileTypeVue as pe, IconFileTypeXls as me, IconFileTypeXml as he, IconFileTypeZip as ge, IconMarkdown as _e, IconMusic as ve, IconPaperclip as ye, IconPencilMinus as be, IconPhoto as G, IconRefresh as xe, IconReload as Se, IconTerminal2 as Ce, IconThumbDown as we, IconThumbUp as Te, IconTrashX as Ee, IconVideo as De, IconX as Oe } from "@tabler/icons-react";
|
|
4
4
|
import "react-dom";
|
|
5
|
-
import { memo as
|
|
6
|
-
import { Fragment as
|
|
5
|
+
import { memo as ke, useCallback as K, useEffect as Ae, useId as je, useMemo as Me, useRef as Ne, useState as q } from "react";
|
|
6
|
+
import { Fragment as J, jsx as Y, jsxs as X } from "react/jsx-runtime";
|
|
7
7
|
//#region ../attachment-input/dist/index.js
|
|
8
|
-
var
|
|
8
|
+
var Pe = (e) => {
|
|
9
9
|
if (e == null) return "";
|
|
10
10
|
let t = e.lastIndexOf(".");
|
|
11
11
|
return t > 0 ? e.slice(0, t) : e;
|
|
12
|
-
},
|
|
12
|
+
}, Fe = (e) => {
|
|
13
13
|
if (!e) return R;
|
|
14
14
|
if (e.startsWith("image/")) switch (e) {
|
|
15
15
|
case "image/jpeg":
|
|
16
|
-
case "image/jpg": return
|
|
17
|
-
case "image/png": return
|
|
18
|
-
case "image/svg+xml": return
|
|
16
|
+
case "image/jpg": return ee;
|
|
17
|
+
case "image/png": return ae;
|
|
18
|
+
case "image/svg+xml": return le;
|
|
19
19
|
case "image/bmp": return z;
|
|
20
|
-
default: return
|
|
20
|
+
default: return G;
|
|
21
21
|
}
|
|
22
|
-
if (e.startsWith("video/")) return
|
|
23
|
-
if (e.startsWith("audio/")) return
|
|
22
|
+
if (e.startsWith("video/")) return De;
|
|
23
|
+
if (e.startsWith("audio/")) return ve;
|
|
24
24
|
switch (e) {
|
|
25
|
-
case "application/pdf": return
|
|
25
|
+
case "application/pdf": return re;
|
|
26
26
|
case "application/msword":
|
|
27
|
-
case "application/vnd.ms-word": return
|
|
28
|
-
case "application/vnd.openxmlformats-officedocument.wordprocessingml.document": return
|
|
29
|
-
case "application/vnd.ms-powerpoint": return
|
|
30
|
-
case "application/vnd.openxmlformats-officedocument.presentationml.presentation": return
|
|
31
|
-
case "application/vnd.ms-excel": return
|
|
32
|
-
case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": return
|
|
27
|
+
case "application/vnd.ms-word": return H;
|
|
28
|
+
case "application/vnd.openxmlformats-officedocument.wordprocessingml.document": return U;
|
|
29
|
+
case "application/vnd.ms-powerpoint": return oe;
|
|
30
|
+
case "application/vnd.openxmlformats-officedocument.presentationml.presentation": return oe;
|
|
31
|
+
case "application/vnd.ms-excel": return me;
|
|
32
|
+
case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": return me;
|
|
33
33
|
case "application/zip":
|
|
34
34
|
case "application/x-zip-compressed":
|
|
35
35
|
case "application/x-rar-compressed":
|
|
36
36
|
case "application/x-7z-compressed":
|
|
37
37
|
case "application/gzip":
|
|
38
|
-
case "application/x-tar": return
|
|
38
|
+
case "application/x-tar": return ge;
|
|
39
39
|
case "text/csv": return V;
|
|
40
|
-
case "text/plain": return
|
|
40
|
+
case "text/plain": return fe;
|
|
41
41
|
case "text/html":
|
|
42
|
-
case "application/xhtml+xml": return
|
|
42
|
+
case "application/xhtml+xml": return W;
|
|
43
43
|
case "text/xml":
|
|
44
|
-
case "application/xml": return
|
|
44
|
+
case "application/xml": return he;
|
|
45
45
|
case "application/sql":
|
|
46
|
-
case "text/x-sql": return
|
|
46
|
+
case "text/x-sql": return ce;
|
|
47
47
|
case "text/javascript":
|
|
48
|
-
case "application/javascript": return
|
|
49
|
-
case "text/jsx": return
|
|
48
|
+
case "application/javascript": return te;
|
|
49
|
+
case "text/jsx": return ne;
|
|
50
50
|
case "application/typescript":
|
|
51
|
-
case "text/typescript": return
|
|
52
|
-
case "text/tsx": return
|
|
51
|
+
case "text/typescript": return ue;
|
|
52
|
+
case "text/tsx": return de;
|
|
53
53
|
case "text/css": return B;
|
|
54
54
|
case "text/x-php":
|
|
55
|
-
case "application/x-php": return
|
|
55
|
+
case "application/x-php": return ie;
|
|
56
56
|
case "text/x-rustsrc":
|
|
57
|
-
case "application/x-rust": return
|
|
58
|
-
case "text/x-vue": return
|
|
57
|
+
case "application/x-rust": return se;
|
|
58
|
+
case "text/x-vue": return pe;
|
|
59
59
|
default: return R;
|
|
60
60
|
}
|
|
61
|
-
},
|
|
61
|
+
}, Ie = (e) => {
|
|
62
62
|
let { type: n, contentType: r } = e;
|
|
63
|
-
return n === t.Prompt ?
|
|
64
|
-
},
|
|
63
|
+
return n === t.Prompt ? Ce : n === t.Pasted ? P : n === t.Image ? G : Fe(r ?? "");
|
|
64
|
+
}, Le = (e) => {
|
|
65
65
|
let t = e.toLowerCase().split(";")[0].trim(), n = i[t];
|
|
66
66
|
if (n) return n;
|
|
67
67
|
let r = t.split("/")[1];
|
|
68
68
|
if (r && !r.startsWith("vnd.") && !r.includes("+")) return r;
|
|
69
|
-
},
|
|
69
|
+
}, Re = (e, n) => {
|
|
70
70
|
let { type: r, name: i, contentType: a } = e;
|
|
71
71
|
if (r === t.Prompt) return n.promptLabel ?? "Prompt";
|
|
72
72
|
if (r === t.Pasted) return n.pastedLabel ?? "Pasted";
|
|
73
73
|
if (r === t.Image) return n.imageLabel ?? "Image";
|
|
74
74
|
if (a) {
|
|
75
|
-
let e =
|
|
75
|
+
let e = Le(a);
|
|
76
76
|
if (e) return `.${e}`;
|
|
77
77
|
}
|
|
78
78
|
let o = i.lastIndexOf(".");
|
|
79
79
|
return o > 0 && o < i.length - 1 ? `.${i.slice(o + 1).toLowerCase()}` : i;
|
|
80
|
-
},
|
|
80
|
+
}, ze = (e, n = {}) => {
|
|
81
81
|
let { type: r, status: i, previewUrl: a, url: o } = e, c = i === s.Loading, l = i === s.Error, u = r === t.Image && !!(a ?? o) && !l, d = r === t.Audio && !l, f = r === t.Link && !l;
|
|
82
82
|
return {
|
|
83
83
|
isLoading: c,
|
|
@@ -85,20 +85,20 @@ var Fe = (e) => {
|
|
|
85
85
|
isImage: u,
|
|
86
86
|
isAudio: d,
|
|
87
87
|
isLink: f,
|
|
88
|
-
BottomIcon: f ? null :
|
|
89
|
-
typeLabel: f ? null :
|
|
88
|
+
BottomIcon: f ? null : Ie(e),
|
|
89
|
+
typeLabel: f ? null : Re(e, n)
|
|
90
90
|
};
|
|
91
|
-
},
|
|
92
|
-
tile: "
|
|
93
|
-
hovered: "
|
|
94
|
-
selected: "
|
|
95
|
-
tileError: "
|
|
96
|
-
nameText: "
|
|
97
|
-
typeText: "
|
|
98
|
-
retryIcon: "
|
|
99
|
-
track: "
|
|
100
|
-
imageActionButton: "
|
|
101
|
-
},
|
|
91
|
+
}, Z = {
|
|
92
|
+
tile: "_tile_1x4ax_1",
|
|
93
|
+
hovered: "_hovered_1x4ax_5",
|
|
94
|
+
selected: "_selected_1x4ax_12",
|
|
95
|
+
tileError: "_tileError_1x4ax_17",
|
|
96
|
+
nameText: "_nameText_1x4ax_22",
|
|
97
|
+
typeText: "_typeText_1x4ax_26",
|
|
98
|
+
retryIcon: "_retryIcon_1x4ax_30",
|
|
99
|
+
track: "_track_1x4ax_34",
|
|
100
|
+
imageActionButton: "_imageActionButton_1x4ax_38"
|
|
101
|
+
}, Q = ({ ariaLabel: e, errorTitle: t, errorDescId: n, onClick: r, id: i, icon: a, className: o }) => /* @__PURE__ */ Y(C, {
|
|
102
102
|
icon: a,
|
|
103
103
|
size: S.Small,
|
|
104
104
|
className: u("absolute end-1 top-1 opacity-0 focus-visible:opacity-100 group-focus-within/attachment-tile:opacity-100 group-hover/attachment-tile:opacity-100", o),
|
|
@@ -107,37 +107,37 @@ var Fe = (e) => {
|
|
|
107
107
|
onClick: (e) => {
|
|
108
108
|
e.stopPropagation(), r(i);
|
|
109
109
|
}
|
|
110
|
-
}),
|
|
111
|
-
icon: /* @__PURE__ */
|
|
110
|
+
}), Be = ({ ...e }) => /* @__PURE__ */ Y(Q, {
|
|
111
|
+
icon: /* @__PURE__ */ Y(Se, {
|
|
112
112
|
size: f.SM,
|
|
113
113
|
"aria-hidden": !0
|
|
114
114
|
}),
|
|
115
|
-
className:
|
|
115
|
+
className: Z.retryIcon,
|
|
116
116
|
...e
|
|
117
|
-
}),
|
|
118
|
-
icon: /* @__PURE__ */
|
|
117
|
+
}), Ve = ({ ...e }) => /* @__PURE__ */ Y(Q, {
|
|
118
|
+
icon: /* @__PURE__ */ Y(I, {
|
|
119
119
|
size: f.SM,
|
|
120
120
|
"aria-hidden": !0
|
|
121
121
|
}),
|
|
122
122
|
...e
|
|
123
|
-
}),
|
|
124
|
-
icon: /* @__PURE__ */
|
|
123
|
+
}), He = ({ ...e }) => /* @__PURE__ */ Y(Q, {
|
|
124
|
+
icon: /* @__PURE__ */ Y(L, {
|
|
125
125
|
size: f.SM,
|
|
126
126
|
"aria-hidden": !0
|
|
127
127
|
}),
|
|
128
128
|
...e
|
|
129
|
-
}),
|
|
130
|
-
icon: /* @__PURE__ */
|
|
129
|
+
}), Ue = ({ ...e }) => /* @__PURE__ */ Y(Q, {
|
|
130
|
+
icon: /* @__PURE__ */ Y(Oe, {
|
|
131
131
|
size: f.SM,
|
|
132
132
|
"aria-hidden": !0
|
|
133
133
|
}),
|
|
134
|
-
className:
|
|
134
|
+
className: Z.hoverIcon,
|
|
135
135
|
...e
|
|
136
|
-
}),
|
|
136
|
+
}), We = ({ attachment: e, searchQuery: t = "", onClick: n, onDownload: r, onRemove: i, labels: a, styles: o, cssVars: s, isSelected: c }) => {
|
|
137
137
|
let { clickLabel: l = "Open attachment", downloadLabel: d = "Download attachment", removeLabel: f = "Remove attachment" } = a ?? {}, { typography: p, className: m } = o ?? {}, h = () => {
|
|
138
138
|
n?.(e.id);
|
|
139
139
|
};
|
|
140
|
-
return /* @__PURE__ */
|
|
140
|
+
return /* @__PURE__ */ X("div", {
|
|
141
141
|
style: s,
|
|
142
142
|
...n == null ? {} : {
|
|
143
143
|
role: "button",
|
|
@@ -148,18 +148,18 @@ var Fe = (e) => {
|
|
|
148
148
|
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), h());
|
|
149
149
|
}
|
|
150
150
|
},
|
|
151
|
-
className: u("group/attachment-tile relative flex w-full min-w-[280px] max-w-[300px] flex-col gap-2 rounded-xl border p-3", n && "cursor-pointer", (r || i) && "pe-8", c &&
|
|
151
|
+
className: u("group/attachment-tile relative flex w-full min-w-[280px] max-w-[300px] flex-col gap-2 rounded-xl border p-3", n && "cursor-pointer", (r || i) && "pe-8", c && Z.selected, m),
|
|
152
152
|
children: [
|
|
153
|
-
/* @__PURE__ */
|
|
153
|
+
/* @__PURE__ */ Y("span", {
|
|
154
154
|
title: e.name,
|
|
155
|
-
className: u(p?.fontClassName ?? "dial-tiny-text", "min-w-0 truncate",
|
|
156
|
-
children: t ? /* @__PURE__ */
|
|
155
|
+
className: u(p?.fontClassName ?? "dial-tiny-text", "min-w-0 truncate", Z.nameText),
|
|
156
|
+
children: t ? /* @__PURE__ */ Y(w, {
|
|
157
157
|
text: e.name,
|
|
158
158
|
query: t,
|
|
159
159
|
maxLines: 1
|
|
160
160
|
}) : e.name
|
|
161
161
|
}),
|
|
162
|
-
e.playUrl && /* @__PURE__ */
|
|
162
|
+
e.playUrl && /* @__PURE__ */ Y("audio", {
|
|
163
163
|
controls: !0,
|
|
164
164
|
src: e.playUrl,
|
|
165
165
|
"aria-label": e.name,
|
|
@@ -167,78 +167,78 @@ var Fe = (e) => {
|
|
|
167
167
|
preload: "metadata",
|
|
168
168
|
onClick: (e) => e.stopPropagation()
|
|
169
169
|
}),
|
|
170
|
-
r && /* @__PURE__ */
|
|
170
|
+
r && /* @__PURE__ */ Y(Ve, {
|
|
171
171
|
ariaLabel: d,
|
|
172
172
|
onClick: r,
|
|
173
173
|
id: e.id
|
|
174
174
|
}),
|
|
175
|
-
i && /* @__PURE__ */
|
|
175
|
+
i && /* @__PURE__ */ Y(Ue, {
|
|
176
176
|
ariaLabel: f,
|
|
177
177
|
onClick: i,
|
|
178
178
|
id: e.id
|
|
179
179
|
})
|
|
180
180
|
]
|
|
181
181
|
});
|
|
182
|
-
},
|
|
182
|
+
}, Ge = "flex size-[84px] items-center justify-center rounded-xl border", Ke = {
|
|
183
183
|
[e.Network]: "Upload failed · network error",
|
|
184
184
|
[e.UnsupportedType]: "Upload failed · unsupported file type"
|
|
185
|
-
},
|
|
186
|
-
let { clickLabel: _ = "Download attachment", retryLabel: v = "Retry upload", sizeLabel: b, uploadingLabel: x = "Uploading", errorReasonLabels: S, genericErrorLabel: C = "Upload failed" } = a ?? {}, { typography: w, className: T } = o ?? {}, { id: E, name: D, status: O, errorReason: k } = n, A = O === s.Loading, j = O === s.Error, M =
|
|
185
|
+
}, qe = ({ attachment: n, onClick: r, onRetry: i, labels: a, styles: o, onDownload: c, isPasted: l, isLink: d, cssVars: f, onExpand: p, isExpandable: m, onRemove: h, isSelected: g }) => {
|
|
186
|
+
let { clickLabel: _ = "Download attachment", retryLabel: v = "Retry upload", sizeLabel: b, uploadingLabel: x = "Uploading", errorReasonLabels: S, genericErrorLabel: C = "Upload failed" } = a ?? {}, { typography: w, className: T } = o ?? {}, { id: E, name: D, status: O, errorReason: k } = n, A = O === s.Loading, j = O === s.Error, M = je(), N = j ? k && (S?.[k] ?? Ke[k]) || C : "", { BottomIcon: P, typeLabel: F } = ze(n), I = !j && !A && c && !d, L = j && !!i && k !== e.UnsupportedType, R = I || L ? "pe-5" : void 0, z = (e) => {
|
|
187
187
|
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), r?.(n.id));
|
|
188
|
-
}, B =
|
|
188
|
+
}, B = Me(() => l ? D : Pe(D), [l, D]), V = K(() => {
|
|
189
189
|
window.open(n.referenceUrl, "_blank", "noopener,noreferrer");
|
|
190
|
-
}, [n]),
|
|
190
|
+
}, [n]), H = u(Ge, "group/attachment-tile relative flex-col justify-between items-start gap-1 overflow-hidden p-1.5", Z.tile, (n.type === t.Prompt || n.type === t.Pasted) && "hovered", g && Z.selected, j && Z.tileError), U = /* @__PURE__ */ Y("div", {
|
|
191
191
|
title: B,
|
|
192
|
-
className: u(w?.nameClassName ?? "dial-caption-text", "line-clamp-2 min-w-0 break-all",
|
|
192
|
+
className: u(w?.nameClassName ?? "dial-caption-text", "line-clamp-2 min-w-0 break-all", Z.nameText, !j && R),
|
|
193
193
|
children: B
|
|
194
|
-
}),
|
|
194
|
+
}), W = P && /* @__PURE__ */ X("div", {
|
|
195
195
|
className: u("flex w-full items-center gap-1", j && R),
|
|
196
|
-
children: [/* @__PURE__ */
|
|
196
|
+
children: [/* @__PURE__ */ Y(P, {
|
|
197
197
|
size: 16,
|
|
198
|
-
className:
|
|
198
|
+
className: Z.typeText,
|
|
199
199
|
"aria-hidden": !0
|
|
200
|
-
}), /* @__PURE__ */
|
|
201
|
-
className: u(w?.metaClassName ?? "dial-caption-text", "min-w-0 flex-1 truncate",
|
|
200
|
+
}), /* @__PURE__ */ Y("span", {
|
|
201
|
+
className: u(w?.metaClassName ?? "dial-caption-text", "min-w-0 flex-1 truncate", Z.typeText),
|
|
202
202
|
children: b ? `${F} · ${b}` : F
|
|
203
203
|
})]
|
|
204
|
-
}),
|
|
204
|
+
}), ee = () => {
|
|
205
205
|
m && p ? p(E) : r && r(E);
|
|
206
|
-
},
|
|
207
|
-
j ? /* @__PURE__ */
|
|
208
|
-
A && /* @__PURE__ */
|
|
206
|
+
}, te = /* @__PURE__ */ X(J, { children: [
|
|
207
|
+
j ? /* @__PURE__ */ X(J, { children: [W, U] }) : /* @__PURE__ */ X(J, { children: [U, W] }),
|
|
208
|
+
A && /* @__PURE__ */ Y("div", {
|
|
209
209
|
role: "progressbar",
|
|
210
210
|
"aria-label": x,
|
|
211
|
-
className: u("absolute inset-x-2 bottom-2 h-[3px] overflow-hidden rounded-full",
|
|
212
|
-
children: /* @__PURE__ */
|
|
211
|
+
className: u("absolute inset-x-2 bottom-2 h-[3px] overflow-hidden rounded-full", Z.track),
|
|
212
|
+
children: /* @__PURE__ */ Y(y, { size: 32 })
|
|
213
213
|
}),
|
|
214
|
-
I && /* @__PURE__ */
|
|
214
|
+
I && /* @__PURE__ */ Y(Ve, {
|
|
215
215
|
ariaLabel: _,
|
|
216
216
|
errorTitle: N,
|
|
217
217
|
errorDescId: M,
|
|
218
218
|
onClick: c,
|
|
219
219
|
id: E
|
|
220
220
|
}),
|
|
221
|
-
L && /* @__PURE__ */
|
|
221
|
+
L && /* @__PURE__ */ Y(Be, {
|
|
222
222
|
ariaLabel: v,
|
|
223
223
|
errorTitle: N,
|
|
224
224
|
errorDescId: M,
|
|
225
225
|
onClick: i,
|
|
226
226
|
id: E
|
|
227
227
|
}),
|
|
228
|
-
d && /* @__PURE__ */
|
|
228
|
+
d && /* @__PURE__ */ Y(He, {
|
|
229
229
|
ariaLabel: v,
|
|
230
230
|
errorTitle: N,
|
|
231
231
|
errorDescId: M,
|
|
232
232
|
onClick: V
|
|
233
233
|
}),
|
|
234
|
-
h && /* @__PURE__ */
|
|
234
|
+
h && /* @__PURE__ */ Y(Ue, {
|
|
235
235
|
ariaLabel: v,
|
|
236
236
|
errorTitle: N,
|
|
237
237
|
errorDescId: M,
|
|
238
238
|
onClick: h,
|
|
239
239
|
id: E
|
|
240
240
|
}),
|
|
241
|
-
j && /* @__PURE__ */
|
|
241
|
+
j && /* @__PURE__ */ Y("span", {
|
|
242
242
|
id: M,
|
|
243
243
|
role: "status",
|
|
244
244
|
"aria-live": "polite",
|
|
@@ -246,27 +246,27 @@ var Fe = (e) => {
|
|
|
246
246
|
children: N
|
|
247
247
|
})
|
|
248
248
|
] });
|
|
249
|
-
return /* @__PURE__ */
|
|
249
|
+
return /* @__PURE__ */ Y("div", {
|
|
250
250
|
style: f,
|
|
251
251
|
className: u("inline-flex", T),
|
|
252
|
-
children: /* @__PURE__ */
|
|
252
|
+
children: /* @__PURE__ */ Y("div", {
|
|
253
253
|
role: "button",
|
|
254
254
|
tabIndex: 0,
|
|
255
255
|
"aria-label": _,
|
|
256
|
-
onClick:
|
|
256
|
+
onClick: ee,
|
|
257
257
|
onKeyDown: z,
|
|
258
258
|
style: f,
|
|
259
|
-
className: u(
|
|
260
|
-
children:
|
|
259
|
+
className: u(H, "cursor-pointer focus-within:outline focus-within:outline-1 focus-within:outline-offset-1"),
|
|
260
|
+
children: te
|
|
261
261
|
})
|
|
262
262
|
});
|
|
263
|
-
},
|
|
263
|
+
}, Je = /* @__PURE__ */ function(e) {
|
|
264
264
|
return e.Idle = "idle", e.Loading = "loading", e.Loaded = "loaded", e.Error = "error", e;
|
|
265
|
-
}({}),
|
|
266
|
-
let n =
|
|
267
|
-
return
|
|
265
|
+
}({}), Ye = ({ enabled: e, src: t }) => {
|
|
266
|
+
let n = Ne(null), [r, i] = q("idle");
|
|
267
|
+
return Ae(() => {
|
|
268
268
|
i(e && t ? "loading" : "idle");
|
|
269
|
-
}, [e, t]),
|
|
269
|
+
}, [e, t]), Ae(() => {
|
|
270
270
|
let r = n.current;
|
|
271
271
|
if (!r || !e || !t) return;
|
|
272
272
|
let a = () => i("loaded"), o = () => i("error");
|
|
@@ -277,15 +277,15 @@ var Fe = (e) => {
|
|
|
277
277
|
imageRef: n,
|
|
278
278
|
imageLoadStatus: r
|
|
279
279
|
};
|
|
280
|
-
},
|
|
281
|
-
let { clickLabel: d = "Open attachment", expandLabel: p = "Expand pasted text" } = i ?? {}, { className: m } = c ?? {}, { id: h, name: v } = e, y = e.previewUrl ?? e.url, b = e.type === t.Pasted && n !== void 0, { isLoading: x, isError: S, isImage: C } =
|
|
280
|
+
}, Xe = ({ attachment: e, onExpand: n, onClick: r, labels: i, onRemove: a, cssVars: o, onDownload: s, styles: c, isSelected: l }) => {
|
|
281
|
+
let { clickLabel: d = "Open attachment", expandLabel: p = "Expand pasted text" } = i ?? {}, { className: m } = c ?? {}, { id: h, name: v } = e, y = e.previewUrl ?? e.url, b = e.type === t.Pasted && n !== void 0, { isLoading: x, isError: S, isImage: C } = Me(() => ze(e), [e]), w = r !== void 0 && !b && !x && !S, { imageRef: T, imageLoadStatus: E } = Ye({
|
|
282
282
|
enabled: C,
|
|
283
283
|
src: y
|
|
284
284
|
}), D = () => {
|
|
285
285
|
b && n ? n(h) : w && r && r(h);
|
|
286
286
|
};
|
|
287
|
-
return /* @__PURE__ */
|
|
288
|
-
className: u(
|
|
287
|
+
return /* @__PURE__ */ Y("div", {
|
|
288
|
+
className: u(Ge, "group/attachment-tile", w && "cursor-pointer", Z.tile, l && Z.selected, m),
|
|
289
289
|
onClick: D,
|
|
290
290
|
onKeyDown: (e) => {
|
|
291
291
|
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), D());
|
|
@@ -294,43 +294,43 @@ var Fe = (e) => {
|
|
|
294
294
|
role: "button",
|
|
295
295
|
style: o,
|
|
296
296
|
"aria-label": w ? d : b ? p : void 0,
|
|
297
|
-
children: /* @__PURE__ */
|
|
297
|
+
children: /* @__PURE__ */ X("div", {
|
|
298
298
|
className: "relative h-full w-full overflow-hidden",
|
|
299
299
|
children: [
|
|
300
|
-
a && /* @__PURE__ */
|
|
300
|
+
a && /* @__PURE__ */ Y(Ue, {
|
|
301
301
|
onClick: a,
|
|
302
302
|
id: h,
|
|
303
|
-
className:
|
|
303
|
+
className: Z.imageActionButton
|
|
304
304
|
}),
|
|
305
|
-
s && /* @__PURE__ */
|
|
305
|
+
s && /* @__PURE__ */ Y(Ve, {
|
|
306
306
|
onClick: s,
|
|
307
307
|
id: h,
|
|
308
|
-
className:
|
|
308
|
+
className: Z.imageActionButton
|
|
309
309
|
}),
|
|
310
|
-
E !==
|
|
310
|
+
E !== Je.Loaded && /* @__PURE__ */ Y(g, {
|
|
311
311
|
variant: _.Rectangular,
|
|
312
312
|
width: "100%",
|
|
313
313
|
height: "100%",
|
|
314
|
-
active: E ===
|
|
315
|
-
overlay: /* @__PURE__ */
|
|
314
|
+
active: E === Je.Loading,
|
|
315
|
+
overlay: /* @__PURE__ */ Y(G, {
|
|
316
316
|
size: f.LG,
|
|
317
|
-
className:
|
|
317
|
+
className: Z.typeText,
|
|
318
318
|
"aria-hidden": !0
|
|
319
319
|
}),
|
|
320
320
|
className: "absolute inset-0 rounded-xl"
|
|
321
321
|
}),
|
|
322
|
-
/* @__PURE__ */
|
|
322
|
+
/* @__PURE__ */ Y("img", {
|
|
323
323
|
ref: T,
|
|
324
324
|
src: y,
|
|
325
325
|
alt: v,
|
|
326
326
|
loading: "lazy",
|
|
327
327
|
decoding: "async",
|
|
328
|
-
className: u("h-full w-full rounded-xl object-cover transition-opacity duration-200", E ===
|
|
328
|
+
className: u("h-full w-full rounded-xl object-cover transition-opacity duration-200", E === Je.Loaded ? "opacity-100" : "opacity-0")
|
|
329
329
|
})
|
|
330
330
|
]
|
|
331
331
|
})
|
|
332
332
|
});
|
|
333
|
-
},
|
|
333
|
+
}, Ze = ({ attachment: e, searchQuery: n = "", onRemove: r, onRetry: i, onExpand: a, onClick: o, onDownload: s, labels: c, styles: u, isSelected: d }) => {
|
|
334
334
|
let { colors: f } = u ?? {}, p = e.type === t.Pasted, m = p && a !== void 0, h = l({
|
|
335
335
|
"--ai-tile-bg": f?.background,
|
|
336
336
|
"--ai-tile-border": f?.border,
|
|
@@ -348,8 +348,8 @@ var Fe = (e) => {
|
|
|
348
348
|
"--ai-tile-hover-icon-color": f?.hoverIconColor,
|
|
349
349
|
"--ai-tile-progress-track": f?.trackBackground,
|
|
350
350
|
"--ai-tile-fill-bg": f?.fillBackground
|
|
351
|
-
}), { isImage: g, isAudio: _, isLink: v } =
|
|
352
|
-
return _ ? /* @__PURE__ */
|
|
351
|
+
}), { isImage: g, isAudio: _, isLink: v } = Me(() => ze(e), [e]);
|
|
352
|
+
return _ ? /* @__PURE__ */ Y(We, {
|
|
353
353
|
attachment: e,
|
|
354
354
|
labels: c,
|
|
355
355
|
onClick: o,
|
|
@@ -359,7 +359,7 @@ var Fe = (e) => {
|
|
|
359
359
|
styles: u,
|
|
360
360
|
cssVars: h,
|
|
361
361
|
isSelected: d
|
|
362
|
-
}) : g ? /* @__PURE__ */
|
|
362
|
+
}) : g ? /* @__PURE__ */ Y(Xe, {
|
|
363
363
|
attachment: e,
|
|
364
364
|
labels: c,
|
|
365
365
|
onClick: o,
|
|
@@ -369,7 +369,7 @@ var Fe = (e) => {
|
|
|
369
369
|
cssVars: h,
|
|
370
370
|
onDownload: s,
|
|
371
371
|
isSelected: d
|
|
372
|
-
}) : /* @__PURE__ */
|
|
372
|
+
}) : /* @__PURE__ */ Y(qe, {
|
|
373
373
|
attachment: e,
|
|
374
374
|
onClick: o,
|
|
375
375
|
onRetry: i,
|
|
@@ -384,38 +384,38 @@ var Fe = (e) => {
|
|
|
384
384
|
isExpandable: m,
|
|
385
385
|
isSelected: d
|
|
386
386
|
});
|
|
387
|
-
},
|
|
387
|
+
}, Qe = {
|
|
388
388
|
headerIcon: "_headerIcon_1sgtq_1",
|
|
389
389
|
headerLabel: "_headerLabel_1sgtq_2"
|
|
390
390
|
}, $e = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`, et = ({ attachments: e, onAttachmentClick: n, onDownloadAll: r, onRetry: i, labels: a, styles: o, selectedAttachmentId: c }) => {
|
|
391
391
|
let { ariaLabel: d = "Attachments", clickLabel: p = "Download attachment", retryLabel: m = "Retry upload", downloadAllLabel: h = "Download all", openInNewTabLabel: g, getHeaderLabel: _ = (e) => $e(e, "attachment"), promptLabel: v, pastedLabel: y, imageLabel: b } = a ?? {}, { typography: x, colors: w, className: T } = o ?? {}, E = l({ "--ai-group-text": w?.text });
|
|
392
392
|
if (e.length === 0) return null;
|
|
393
|
-
let D = e.some((e) => e.type === t.Image), O = e.some((e) => e.type !== t.Image), k = D && O, A = e.length >= 5, j = k ?
|
|
393
|
+
let D = e.some((e) => e.type === t.Image), O = e.some((e) => e.type !== t.Image), k = D && O, A = e.length >= 5, j = k ? ye : D ? G : R, M = _(e.length), N = () => {
|
|
394
394
|
let t = e.filter((e) => e.status === s.Idle);
|
|
395
395
|
r ? r(t) : t.forEach((e) => n?.(e.id));
|
|
396
396
|
}, P = (t) => {
|
|
397
397
|
let n = e.find((e) => e.id === t);
|
|
398
398
|
n && r?.([n]);
|
|
399
399
|
};
|
|
400
|
-
return /* @__PURE__ */
|
|
400
|
+
return /* @__PURE__ */ X("div", {
|
|
401
401
|
role: "group",
|
|
402
402
|
"aria-label": d,
|
|
403
403
|
style: E,
|
|
404
|
-
className: u("flex flex-col gap-1", A ? "w-full min-w-0 max-w-[492px]" : "max-w-[420px]",
|
|
405
|
-
children: [/* @__PURE__ */
|
|
404
|
+
className: u("flex flex-col gap-1", A ? "w-full min-w-0 max-w-[492px]" : "max-w-[420px]", Qe.container, T),
|
|
405
|
+
children: [/* @__PURE__ */ X("div", {
|
|
406
406
|
className: "flex items-center justify-between",
|
|
407
|
-
children: [/* @__PURE__ */
|
|
407
|
+
children: [/* @__PURE__ */ X("div", {
|
|
408
408
|
className: "flex items-center gap-1",
|
|
409
|
-
children: [/* @__PURE__ */
|
|
409
|
+
children: [/* @__PURE__ */ Y(j, {
|
|
410
410
|
size: f.SM,
|
|
411
|
-
className: u("shrink-0",
|
|
411
|
+
className: u("shrink-0", Qe.headerIcon),
|
|
412
412
|
"aria-hidden": !0
|
|
413
|
-
}), /* @__PURE__ */
|
|
414
|
-
className: u(x?.headerLabelClassName ?? "dial-tiny-semi-text",
|
|
413
|
+
}), /* @__PURE__ */ Y("span", {
|
|
414
|
+
className: u(x?.headerLabelClassName ?? "dial-tiny-semi-text", Qe.headerLabel),
|
|
415
415
|
children: M
|
|
416
416
|
})]
|
|
417
|
-
}), e.length >= 2 && (r || n) && /* @__PURE__ */
|
|
418
|
-
icon: /* @__PURE__ */
|
|
417
|
+
}), e.length >= 2 && (r || n) && /* @__PURE__ */ Y(C, {
|
|
418
|
+
icon: /* @__PURE__ */ Y(I, {
|
|
419
419
|
size: f.SM,
|
|
420
420
|
"aria-hidden": !0
|
|
421
421
|
}),
|
|
@@ -423,13 +423,13 @@ var Fe = (e) => {
|
|
|
423
423
|
"aria-label": h,
|
|
424
424
|
onClick: N
|
|
425
425
|
})]
|
|
426
|
-
}), /* @__PURE__ */
|
|
426
|
+
}), /* @__PURE__ */ Y("div", {
|
|
427
427
|
role: "list",
|
|
428
428
|
"aria-label": M,
|
|
429
429
|
className: u("gap-3", A ? "grid grid-cols-[repeat(5,83px)]" : "flex flex-wrap"),
|
|
430
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
430
|
+
children: e.map((e, t) => /* @__PURE__ */ Y("div", {
|
|
431
431
|
role: "listitem",
|
|
432
|
-
children: /* @__PURE__ */
|
|
432
|
+
children: /* @__PURE__ */ Y(Ze, {
|
|
433
433
|
attachment: e,
|
|
434
434
|
onClick: n,
|
|
435
435
|
onDownload: P,
|
|
@@ -448,8 +448,8 @@ var Fe = (e) => {
|
|
|
448
448
|
})]
|
|
449
449
|
});
|
|
450
450
|
}, tt = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, isOpen: o }) => {
|
|
451
|
-
let [s, c] =
|
|
452
|
-
|
|
451
|
+
let [s, c] = q(t), [l, u] = q(n), [d, f] = q(r), p = Ne(o);
|
|
452
|
+
Ae(() => {
|
|
453
453
|
o && !p.current && (c(t), u(n), f(r)), p.current = o;
|
|
454
454
|
}, [
|
|
455
455
|
o,
|
|
@@ -466,7 +466,7 @@ var Fe = (e) => {
|
|
|
466
466
|
setResponseFormat: c,
|
|
467
467
|
setSystemPrompt: u,
|
|
468
468
|
setTemperature: f,
|
|
469
|
-
handleSubmit:
|
|
469
|
+
handleSubmit: K(() => {
|
|
470
470
|
if (!m) return;
|
|
471
471
|
let t = {};
|
|
472
472
|
e.responseFormat && s != null && (t.responseFormat = s), e.systemPrompt && (t.systemPrompt = l), e.temperature && (t.temperature = d), i(t), a();
|
|
@@ -480,55 +480,59 @@ var Fe = (e) => {
|
|
|
480
480
|
a
|
|
481
481
|
])
|
|
482
482
|
};
|
|
483
|
-
}, nt =
|
|
483
|
+
}, nt = { label: "_label_14i7c_1" }, rt = ({ features: e, responseFormat: t, systemPrompt: n, temperature: r, onResponseFormatChange: i, onSystemPromptChange: a, onTemperatureChange: o, responseFormatLabel: s = "Response format", responseFormatHint: d = "Applies to new and existing messages", responseFormatMarkdownLabel: f = "Markdown", responseFormatPlainTextLabel: m = "Plain text", systemPromptLabel: g = "System prompt", systemPromptTooltip: _ = "Enter a prompt", temperatureLabel: y = "Temperature", temperatureLabels: b = [
|
|
484
484
|
"Precise",
|
|
485
485
|
"Neutral",
|
|
486
486
|
"Creative"
|
|
487
|
-
], temperatureHint:
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
487
|
+
], temperatureHint: x, labelClassName: S = "!dial-small-semi-text", colors: C }) => {
|
|
488
|
+
let w = l({ "--csf-label-text": C?.labelText }), T = u(S, nt.label, "gap-1");
|
|
489
|
+
return /* @__PURE__ */ X("div", {
|
|
490
|
+
className: "flex flex-col gap-4 px-6 py-3",
|
|
491
|
+
style: w,
|
|
492
|
+
children: [
|
|
493
|
+
e.responseFormat && /* @__PURE__ */ Y(h, {
|
|
494
|
+
fieldTitle: s,
|
|
495
|
+
labelClassName: T,
|
|
496
|
+
elementId: "response-format",
|
|
497
|
+
orientation: A.Column,
|
|
498
|
+
activeRadioButton: t ?? c.Markdown,
|
|
499
|
+
labelDescription: d,
|
|
500
|
+
radioButtons: [{
|
|
501
|
+
id: c.Markdown,
|
|
502
|
+
name: f
|
|
503
|
+
}, {
|
|
504
|
+
id: c.PlainText,
|
|
505
|
+
name: m
|
|
506
|
+
}],
|
|
507
|
+
onChange: (e) => i(e)
|
|
508
|
+
}),
|
|
509
|
+
e.systemPrompt && /* @__PURE__ */ Y(p, {
|
|
510
|
+
value: n,
|
|
511
|
+
placeholder: _,
|
|
512
|
+
labelProps: {
|
|
513
|
+
className: T,
|
|
514
|
+
label: g
|
|
515
|
+
},
|
|
516
|
+
onChange: (e) => a(e ?? "")
|
|
517
|
+
}),
|
|
518
|
+
e.temperature && /* @__PURE__ */ Y(v, {
|
|
519
|
+
labelProps: {
|
|
520
|
+
label: y,
|
|
521
|
+
className: T,
|
|
522
|
+
caption: x
|
|
523
|
+
},
|
|
524
|
+
value: r,
|
|
525
|
+
min: 0,
|
|
526
|
+
max: 1,
|
|
527
|
+
step: .1,
|
|
528
|
+
labels: b,
|
|
529
|
+
onChange: o
|
|
530
|
+
})
|
|
531
|
+
]
|
|
532
|
+
});
|
|
533
|
+
}, it = { modal: "_modal_1clcg_1" };
|
|
534
|
+
ke(({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, title: o = "Chat settings", responseFormatLabel: s, responseFormatHint: c, responseFormatMarkdownLabel: l, responseFormatPlainTextLabel: u, systemPromptLabel: d, systemPromptTooltip: f, temperatureLabel: p, temperatureLabels: h, temperatureHint: g, saveLabel: _ = "Apply changes", saveDisabledTooltip: v, backgroundClassName: y = it.modal }) => {
|
|
535
|
+
let { responseFormat: b, systemPrompt: S, temperature: C, canSubmit: w, setResponseFormat: T, setSystemPrompt: E, setTemperature: D, handleSubmit: A } = tt({
|
|
532
536
|
features: e,
|
|
533
537
|
initialResponseFormat: t,
|
|
534
538
|
initialSystemPrompt: n,
|
|
@@ -536,32 +540,32 @@ Ae(({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemp
|
|
|
536
540
|
onSave: i,
|
|
537
541
|
onClose: a
|
|
538
542
|
});
|
|
539
|
-
return /* @__PURE__ */
|
|
543
|
+
return /* @__PURE__ */ Y(m, {
|
|
540
544
|
open: !0,
|
|
541
545
|
header: o,
|
|
542
546
|
size: O.Sm,
|
|
543
547
|
onClose: a,
|
|
544
|
-
className:
|
|
545
|
-
footer: /* @__PURE__ */
|
|
548
|
+
className: y,
|
|
549
|
+
footer: /* @__PURE__ */ Y("div", {
|
|
546
550
|
className: "flex justify-end px-6 py-4",
|
|
547
|
-
children: /* @__PURE__ */
|
|
551
|
+
children: /* @__PURE__ */ Y(x, {
|
|
548
552
|
tooltip: v,
|
|
549
|
-
hideTooltip:
|
|
550
|
-
children: /* @__PURE__ */
|
|
553
|
+
hideTooltip: w || !v,
|
|
554
|
+
children: /* @__PURE__ */ Y(k, {
|
|
551
555
|
label: _,
|
|
552
|
-
onClick:
|
|
553
|
-
disabled: !
|
|
556
|
+
onClick: A,
|
|
557
|
+
disabled: !w
|
|
554
558
|
})
|
|
555
559
|
})
|
|
556
560
|
}),
|
|
557
|
-
children: /* @__PURE__ */
|
|
561
|
+
children: /* @__PURE__ */ Y(rt, {
|
|
558
562
|
features: e,
|
|
559
|
-
responseFormat:
|
|
560
|
-
systemPrompt:
|
|
561
|
-
temperature:
|
|
562
|
-
onResponseFormatChange:
|
|
563
|
-
onSystemPromptChange:
|
|
564
|
-
onTemperatureChange:
|
|
563
|
+
responseFormat: b,
|
|
564
|
+
systemPrompt: S,
|
|
565
|
+
temperature: C,
|
|
566
|
+
onResponseFormatChange: T,
|
|
567
|
+
onSystemPromptChange: E,
|
|
568
|
+
onTemperatureChange: D,
|
|
565
569
|
responseFormatLabel: s,
|
|
566
570
|
responseFormatHint: c,
|
|
567
571
|
responseFormatMarkdownLabel: l,
|
|
@@ -574,157 +578,156 @@ Ae(({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemp
|
|
|
574
578
|
})
|
|
575
579
|
});
|
|
576
580
|
});
|
|
577
|
-
var
|
|
581
|
+
var at = {
|
|
578
582
|
tabContainer: "_tabContainer_153ct_1",
|
|
579
583
|
tabActive: "_tabActive_153ct_13"
|
|
580
584
|
};
|
|
581
|
-
|
|
585
|
+
ke(({ tabs: e, activeTabId: t, onTabChange: n, styles: r }) => {
|
|
582
586
|
let { tabClassName: i = "dial-tiny-semi-text" } = r?.typography ?? {};
|
|
583
|
-
return /* @__PURE__ */
|
|
587
|
+
return /* @__PURE__ */ Y("div", {
|
|
584
588
|
className: "flex flex-nowrap gap-1",
|
|
585
589
|
role: "tablist",
|
|
586
590
|
children: e.map((e) => {
|
|
587
591
|
let r = t === e.id;
|
|
588
|
-
return /* @__PURE__ */
|
|
592
|
+
return /* @__PURE__ */ Y("div", {
|
|
589
593
|
role: "tab",
|
|
590
594
|
"aria-selected": r,
|
|
591
595
|
className: "contents",
|
|
592
|
-
children: /* @__PURE__ */
|
|
596
|
+
children: /* @__PURE__ */ Y(b, {
|
|
593
597
|
label: e.label,
|
|
594
598
|
selected: r,
|
|
595
599
|
onClick: () => n(e.id),
|
|
596
|
-
className: u("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", i,
|
|
600
|
+
className: u("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", i, at.tabContainer, r && at.tabActive)
|
|
597
601
|
})
|
|
598
602
|
}, e.id);
|
|
599
603
|
})
|
|
600
604
|
});
|
|
601
605
|
});
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
}, [
|
|
608
|
-
|
|
609
|
-
}, [c, v?.copiedMarkdownStatus]);
|
|
610
|
-
return /* @__PURE__ */ Y("div", {
|
|
606
|
+
var ot = { activeRating: "_activeRating_7jito_1" }, st = 2e3, ct = ({ role: e = o.User, onEdit: t, onEditHover: n, onDelete: r, onRegenerate: i, onCopy: s, onCopyMarkdown: c, onLike: d, onDislike: p, activeRating: m, isAlwaysVisible: h, className: g, labels: _, colors: v }) => {
|
|
607
|
+
let { tooltips: y, ariaLabels: b } = _ ?? {}, [x, w] = q(null), [T, E] = q(""), D = l({ "--ma-active-rating-text": v?.activeRatingText }), O = K(() => {
|
|
608
|
+
s?.(), w("copy"), E(b?.copiedStatus ?? "Copied to clipboard"), setTimeout(() => w(null), st);
|
|
609
|
+
}, [s, b?.copiedStatus]), k = K(() => {
|
|
610
|
+
c?.(), w("markdown"), E(b?.copiedMarkdownStatus ?? "Copied as Markdown to clipboard"), setTimeout(() => w(null), st);
|
|
611
|
+
}, [c, b?.copiedMarkdownStatus]);
|
|
612
|
+
return /* @__PURE__ */ X("div", {
|
|
611
613
|
role: "toolbar",
|
|
612
|
-
"aria-label":
|
|
613
|
-
|
|
614
|
-
|
|
614
|
+
"aria-label": b?.actionsGroup ?? "Message actions",
|
|
615
|
+
style: D,
|
|
616
|
+
className: u("flex gap-1", !h && "opacity-0 group-hover:opacity-100", g),
|
|
617
|
+
children: [/* @__PURE__ */ Y("span", {
|
|
615
618
|
role: "status",
|
|
616
619
|
"aria-live": "polite",
|
|
617
620
|
className: "sr-only",
|
|
618
|
-
children:
|
|
619
|
-
}), e === o.User ? /* @__PURE__ */
|
|
620
|
-
icon: /* @__PURE__ */
|
|
621
|
+
children: T
|
|
622
|
+
}), e === o.User ? /* @__PURE__ */ X(J, { children: [t && /* @__PURE__ */ Y(C, {
|
|
623
|
+
icon: /* @__PURE__ */ Y(be, {
|
|
621
624
|
size: f.SM,
|
|
622
625
|
"aria-hidden": !0
|
|
623
626
|
}),
|
|
624
627
|
size: S.Small,
|
|
625
|
-
"aria-label":
|
|
626
|
-
tooltipProps: { tooltip:
|
|
628
|
+
"aria-label": b?.editMessage ?? "Edit message",
|
|
629
|
+
tooltipProps: { tooltip: y?.edit ?? "Edit" },
|
|
627
630
|
onClick: t,
|
|
628
631
|
onMouseEnter: n,
|
|
629
632
|
onFocus: n
|
|
630
|
-
}), r && /* @__PURE__ */
|
|
631
|
-
icon: /* @__PURE__ */
|
|
633
|
+
}), r && /* @__PURE__ */ Y(C, {
|
|
634
|
+
icon: /* @__PURE__ */ Y(Ee, {
|
|
632
635
|
size: f.SM,
|
|
633
636
|
"aria-hidden": !0
|
|
634
637
|
}),
|
|
635
638
|
size: S.Small,
|
|
636
|
-
"aria-label":
|
|
637
|
-
tooltipProps: { tooltip:
|
|
639
|
+
"aria-label": b?.deleteMessage ?? "Delete message",
|
|
640
|
+
tooltipProps: { tooltip: y?.delete ?? "Delete" },
|
|
638
641
|
onClick: r
|
|
639
|
-
})] }) : /* @__PURE__ */
|
|
640
|
-
i && /* @__PURE__ */
|
|
641
|
-
icon: /* @__PURE__ */
|
|
642
|
+
})] }) : /* @__PURE__ */ X(J, { children: [
|
|
643
|
+
i && /* @__PURE__ */ Y(C, {
|
|
644
|
+
icon: /* @__PURE__ */ Y(xe, {
|
|
642
645
|
size: f.SM,
|
|
643
646
|
"aria-hidden": !0
|
|
644
647
|
}),
|
|
645
648
|
size: S.Small,
|
|
646
|
-
"aria-label":
|
|
647
|
-
tooltipProps: { tooltip:
|
|
649
|
+
"aria-label": b?.regenerateResponse ?? "Regenerate response",
|
|
650
|
+
tooltipProps: { tooltip: y?.regenerate ?? "Regenerate" },
|
|
648
651
|
onClick: i
|
|
649
652
|
}),
|
|
650
|
-
s && /* @__PURE__ */
|
|
651
|
-
icon:
|
|
653
|
+
s && /* @__PURE__ */ Y(C, {
|
|
654
|
+
icon: Y(x === "copy" ? j : F, {
|
|
652
655
|
size: f.SM,
|
|
653
656
|
"aria-hidden": !0
|
|
654
657
|
}),
|
|
655
658
|
size: S.Small,
|
|
656
|
-
"aria-label":
|
|
657
|
-
tooltipProps: { tooltip:
|
|
658
|
-
onClick:
|
|
659
|
+
"aria-label": b?.copyResponse ?? "Copy response",
|
|
660
|
+
tooltipProps: { tooltip: x === "copy" ? y?.copied ?? "Copied!" : y?.copy ?? "Copy" },
|
|
661
|
+
onClick: O
|
|
659
662
|
}),
|
|
660
|
-
c && /* @__PURE__ */
|
|
661
|
-
icon:
|
|
663
|
+
c && /* @__PURE__ */ Y(C, {
|
|
664
|
+
icon: Y(x === "markdown" ? j : _e, {
|
|
662
665
|
size: f.SM,
|
|
663
666
|
"aria-hidden": !0
|
|
664
667
|
}),
|
|
665
668
|
size: S.Small,
|
|
666
|
-
"aria-label":
|
|
667
|
-
tooltipProps: { tooltip:
|
|
668
|
-
onClick:
|
|
669
|
+
"aria-label": b?.copyAsMarkdown ?? "Copy as markdown",
|
|
670
|
+
tooltipProps: { tooltip: x === "markdown" ? y?.copiedMarkdown ?? "Copied!" : y?.copyMarkdown ?? "Copy as Markdown" },
|
|
671
|
+
onClick: k
|
|
669
672
|
}),
|
|
670
|
-
|
|
671
|
-
icon: /* @__PURE__ */
|
|
673
|
+
d && /* @__PURE__ */ Y(C, {
|
|
674
|
+
icon: /* @__PURE__ */ Y(Te, {
|
|
672
675
|
size: f.SM,
|
|
673
676
|
"aria-hidden": !0
|
|
674
677
|
}),
|
|
675
678
|
size: S.Small,
|
|
676
|
-
"aria-label":
|
|
677
|
-
"aria-pressed":
|
|
678
|
-
className:
|
|
679
|
-
tooltipProps: { tooltip:
|
|
680
|
-
onClick:
|
|
679
|
+
"aria-label": b?.likeResponse ?? "Like response",
|
|
680
|
+
"aria-pressed": m === a.Like,
|
|
681
|
+
className: m === a.Like ? ot.activeRating : void 0,
|
|
682
|
+
tooltipProps: { tooltip: y?.like ?? "Like" },
|
|
683
|
+
onClick: d
|
|
681
684
|
}),
|
|
682
|
-
|
|
683
|
-
icon: /* @__PURE__ */
|
|
685
|
+
p && /* @__PURE__ */ Y(C, {
|
|
686
|
+
icon: /* @__PURE__ */ Y(we, {
|
|
684
687
|
size: f.SM,
|
|
685
688
|
"aria-hidden": !0
|
|
686
689
|
}),
|
|
687
690
|
size: S.Small,
|
|
688
|
-
"aria-label":
|
|
689
|
-
"aria-pressed":
|
|
690
|
-
className:
|
|
691
|
-
tooltipProps: { tooltip:
|
|
692
|
-
onClick:
|
|
691
|
+
"aria-label": b?.dislikeResponse ?? "Dislike response",
|
|
692
|
+
"aria-pressed": m === a.Dislike,
|
|
693
|
+
className: m === a.Dislike ? ot.activeRating : void 0,
|
|
694
|
+
tooltipProps: { tooltip: y?.dislike ?? "Dislike" },
|
|
695
|
+
onClick: p
|
|
693
696
|
})
|
|
694
697
|
] })]
|
|
695
698
|
});
|
|
696
699
|
}, $ = {
|
|
697
|
-
userBubble: "
|
|
698
|
-
collapsibleText: "
|
|
699
|
-
expandedText: "
|
|
700
|
-
collapsedText: "
|
|
701
|
-
startersDivider: "
|
|
702
|
-
text: "
|
|
703
|
-
},
|
|
700
|
+
userBubble: "_userBubble_ovjc1_1",
|
|
701
|
+
collapsibleText: "_collapsibleText_ovjc1_6",
|
|
702
|
+
expandedText: "_expandedText_ovjc1_11",
|
|
703
|
+
collapsedText: "_collapsedText_ovjc1_15",
|
|
704
|
+
startersDivider: "_startersDivider_ovjc1_26",
|
|
705
|
+
text: "_text_ovjc1_30"
|
|
706
|
+
}, lt = ({ text: e, styles: i, actions: a, hasAlwaysVisibleActions: s, isStreaming: c, attachments: d, afterContent: f, starters: p, onSelectStarter: m, deploymentIconUrl: h, deploymentDisplayName: g, markdownComponents: _, onAttachmentClick: v, onDownloadAll: y, onAttachmentRetry: b, codeBlockTheme: x, labels: S, selectedAttachmentId: C }) => {
|
|
704
707
|
let { colors: w, typography: T, className: E, bubbleClassName: O } = i ?? {}, { attachmentClickLabel: k, attachmentRetryLabel: A, attachmentOpenInNewTabLabel: j, startersAriaLabel: M = "Quick reply buttons", thinkingLabel: N, codeBlockCopyLabel: P, codeBlockCopiedLabel: F, assistantMessageAriaLabel: I = "Assistant message", deploymentIconFallbackLabel: L = "AI" } = S ?? {}, R = c ? (d ?? []).filter((e) => e.type !== t.Audio) : d ?? [], z = l({
|
|
705
708
|
"--cm-bubble-text": w?.text,
|
|
706
709
|
"--cm-starters-divider": w?.startersDivider
|
|
707
710
|
}), B = u($.text, T?.fontClassName), V = !!(h || g);
|
|
708
|
-
return /* @__PURE__ */
|
|
711
|
+
return /* @__PURE__ */ X("div", {
|
|
709
712
|
role: "group",
|
|
710
713
|
"aria-label": I,
|
|
711
714
|
style: z,
|
|
712
715
|
className: u("flex w-full items-start gap-3", E),
|
|
713
|
-
children: [V && /* @__PURE__ */
|
|
716
|
+
children: [V && /* @__PURE__ */ Y(n, {
|
|
714
717
|
src: h,
|
|
715
718
|
size: 28,
|
|
716
719
|
initialsName: g || L,
|
|
717
720
|
labels: { tooltip: g ?? L }
|
|
718
|
-
}), /* @__PURE__ */
|
|
721
|
+
}), /* @__PURE__ */ X("div", {
|
|
719
722
|
className: "flex w-full min-w-0 max-w-full flex-col items-start gap-5",
|
|
720
|
-
children: [/* @__PURE__ */
|
|
723
|
+
children: [/* @__PURE__ */ X("div", {
|
|
721
724
|
className: u("flex w-full min-w-0 max-w-full flex-col items-start gap-4", O),
|
|
722
725
|
children: [
|
|
723
|
-
(e || c) && /* @__PURE__ */
|
|
726
|
+
(e || c) && /* @__PURE__ */ Y("div", {
|
|
724
727
|
"aria-live": "polite",
|
|
725
728
|
"aria-atomic": "false",
|
|
726
729
|
className: u(B, "min-w-0 max-w-full text-start"),
|
|
727
|
-
children: /* @__PURE__ */
|
|
730
|
+
children: /* @__PURE__ */ Y(r, {
|
|
728
731
|
content: e,
|
|
729
732
|
isStreaming: c,
|
|
730
733
|
thinkingLabel: N,
|
|
@@ -734,7 +737,7 @@ var at = 2e3, ot = ({ role: e = o.User, onEdit: t, onEditHover: n, onDelete: r,
|
|
|
734
737
|
codeBlockTheme: x
|
|
735
738
|
})
|
|
736
739
|
}),
|
|
737
|
-
/* @__PURE__ */
|
|
740
|
+
/* @__PURE__ */ Y(et, {
|
|
738
741
|
attachments: R,
|
|
739
742
|
onAttachmentClick: (e) => v?.(d?.find((t) => t.id === e)),
|
|
740
743
|
onDownloadAll: y,
|
|
@@ -747,20 +750,20 @@ var at = 2e3, ot = ({ role: e = o.User, onEdit: t, onEditHover: n, onDelete: r,
|
|
|
747
750
|
selectedAttachmentId: C
|
|
748
751
|
}),
|
|
749
752
|
f,
|
|
750
|
-
/* @__PURE__ */
|
|
753
|
+
/* @__PURE__ */ Y(ct, {
|
|
751
754
|
...a,
|
|
752
755
|
isAlwaysVisible: s,
|
|
753
756
|
role: o.Assistant
|
|
754
757
|
})
|
|
755
758
|
]
|
|
756
|
-
}), p && p.length > 0 && m && /* @__PURE__ */
|
|
759
|
+
}), p && p.length > 0 && m && /* @__PURE__ */ Y("div", {
|
|
757
760
|
role: "list",
|
|
758
761
|
"aria-label": M,
|
|
759
762
|
className: u("flex w-full flex-wrap gap-2 border-t pt-5", $.startersDivider),
|
|
760
|
-
children: p.map((e, t) => /* @__PURE__ */
|
|
763
|
+
children: p.map((e, t) => /* @__PURE__ */ Y("div", {
|
|
761
764
|
role: "listitem",
|
|
762
765
|
className: "min-w-[40px]",
|
|
763
|
-
children: /* @__PURE__ */
|
|
766
|
+
children: /* @__PURE__ */ Y(D, {
|
|
764
767
|
label: e.title,
|
|
765
768
|
className: "min-w-[40px]",
|
|
766
769
|
onClick: () => m(e)
|
|
@@ -769,17 +772,17 @@ var at = 2e3, ot = ({ role: e = o.User, onEdit: t, onEditHover: n, onDelete: r,
|
|
|
769
772
|
})]
|
|
770
773
|
})]
|
|
771
774
|
});
|
|
772
|
-
},
|
|
775
|
+
}, ut = ({ labels: { titleText: e = "Model switched.", bodyText: t } }) => /* @__PURE__ */ Y("div", {
|
|
773
776
|
role: "status",
|
|
774
777
|
"aria-live": "polite",
|
|
775
|
-
children: /* @__PURE__ */
|
|
778
|
+
children: /* @__PURE__ */ Y(T, {
|
|
776
779
|
title: e,
|
|
777
780
|
message: t,
|
|
778
781
|
textClassName: "flex-row flex-wrap gap-1"
|
|
779
782
|
})
|
|
780
|
-
}),
|
|
783
|
+
}), dt = /* @__PURE__ */ function(e) {
|
|
781
784
|
return e.Bottom = "Bottom", e.Top = "Top", e;
|
|
782
|
-
}({}),
|
|
785
|
+
}({}), ft = 10, pt = ({ text: e, position: t = dt.Bottom, styles: n, actions: r, hasAlwaysVisibleActions: i, attachments: a, collapsedLineCount: s = ft, labels: c, onAttachmentClick: p, onDownloadAll: m, onAttachmentRetry: h, selectedAttachmentId: g }) => {
|
|
783
786
|
let { colors: _, typography: v, className: y, bubbleClassName: b } = n ?? {}, { showMoreLabel: x = "Show more", showLessLabel: C = "Show less", showMoreAriaLabel: w, showLessAriaLabel: T, attachmentClickLabel: D, attachmentRetryLabel: O, attachmentOpenInNewTabLabel: k, userMessageAriaLabel: A = "User message" } = c ?? {}, { textRef: j, isTextCollapsed: P, isOverflowing: F, collapsedMaxHeight: I, expandedMaxHeight: L, isCollapsed: R, toggleCollapsed: z } = d({
|
|
784
787
|
text: e,
|
|
785
788
|
collapsedLineCount: s
|
|
@@ -790,16 +793,16 @@ var at = 2e3, ot = ({ role: e = o.User, onEdit: t, onEditHover: n, onDelete: r,
|
|
|
790
793
|
"--cm-bubble-text": _?.text,
|
|
791
794
|
"--cm-bubble-collapsed-height": F ? `${I}px` : void 0,
|
|
792
795
|
"--cm-bubble-expanded-height": F ? `${L}px` : void 0
|
|
793
|
-
}), V = t ===
|
|
794
|
-
return /* @__PURE__ */
|
|
796
|
+
}), V = t === dt.Top ? "rounded-ee-md rounded-se-2xl" : "rounded-se-md rounded-ee-2xl", H = u($.text, v?.fontClassName), U = w ?? x, W = T ?? C, ee = R ? x : C, te = R ? U : W, ne = R ? M : N, re = je();
|
|
797
|
+
return /* @__PURE__ */ Y("div", {
|
|
795
798
|
role: "group",
|
|
796
799
|
"aria-label": A,
|
|
797
800
|
style: B,
|
|
798
801
|
className: u("flex w-full", y),
|
|
799
|
-
children: /* @__PURE__ */
|
|
802
|
+
children: /* @__PURE__ */ X("div", {
|
|
800
803
|
className: "ms-auto flex w-fit min-w-0 max-w-full flex-col items-end gap-4",
|
|
801
804
|
children: [
|
|
802
|
-
/* @__PURE__ */
|
|
805
|
+
/* @__PURE__ */ Y(et, {
|
|
803
806
|
attachments: a ?? [],
|
|
804
807
|
onAttachmentClick: (e) => p?.(a?.find((t) => t.id === e)),
|
|
805
808
|
onDownloadAll: m,
|
|
@@ -812,34 +815,34 @@ var at = 2e3, ot = ({ role: e = o.User, onEdit: t, onEditHover: n, onDelete: r,
|
|
|
812
815
|
styles: { className: "max-w-[640px]" },
|
|
813
816
|
selectedAttachmentId: g
|
|
814
817
|
}),
|
|
815
|
-
e && /* @__PURE__ */
|
|
818
|
+
e && /* @__PURE__ */ Y("div", {
|
|
816
819
|
className: u($.userBubble, "flex w-fit items-center justify-end rounded-es-2xl rounded-ss-2xl border px-6 py-4", V, b),
|
|
817
|
-
children: /* @__PURE__ */
|
|
820
|
+
children: /* @__PURE__ */ X("div", {
|
|
818
821
|
className: "flex min-w-0 flex-col items-start",
|
|
819
|
-
children: [/* @__PURE__ */
|
|
820
|
-
id:
|
|
822
|
+
children: [/* @__PURE__ */ Y("div", {
|
|
823
|
+
id: re,
|
|
821
824
|
className: u("relative overflow-hidden", F && $.collapsibleText, F && !R && $.expandedText, P && $.collapsedText),
|
|
822
|
-
children: /* @__PURE__ */
|
|
825
|
+
children: /* @__PURE__ */ Y("p", {
|
|
823
826
|
ref: j,
|
|
824
|
-
className: u(
|
|
827
|
+
className: u(H, "whitespace-pre-wrap text-start [overflow-wrap:anywhere]"),
|
|
825
828
|
children: e
|
|
826
829
|
})
|
|
827
|
-
}), F && /* @__PURE__ */
|
|
828
|
-
label: /* @__PURE__ */ J
|
|
829
|
-
iconBefore: /* @__PURE__ */
|
|
830
|
+
}), F && /* @__PURE__ */ Y(E, {
|
|
831
|
+
label: /* @__PURE__ */ Y(J, { children: ee }),
|
|
832
|
+
iconBefore: /* @__PURE__ */ Y(ne, {
|
|
830
833
|
size: f.SM,
|
|
831
834
|
"aria-hidden": "true"
|
|
832
835
|
}),
|
|
833
|
-
"aria-label":
|
|
836
|
+
"aria-label": te,
|
|
834
837
|
"aria-expanded": !R,
|
|
835
|
-
"aria-controls":
|
|
838
|
+
"aria-controls": re,
|
|
836
839
|
className: "mt-3",
|
|
837
840
|
onClick: z,
|
|
838
841
|
size: S.Small
|
|
839
842
|
})]
|
|
840
843
|
})
|
|
841
844
|
}),
|
|
842
|
-
/* @__PURE__ */
|
|
845
|
+
/* @__PURE__ */ Y(ct, {
|
|
843
846
|
...r,
|
|
844
847
|
isAlwaysVisible: i,
|
|
845
848
|
role: o.User
|
|
@@ -847,16 +850,16 @@ var at = 2e3, ot = ({ role: e = o.User, onEdit: t, onEditHover: n, onDelete: r,
|
|
|
847
850
|
]
|
|
848
851
|
})
|
|
849
852
|
});
|
|
850
|
-
},
|
|
853
|
+
}, mt = ({ role: e, onAttachmentClick: t, markdownComponents: n, ...r }) => e === o.Status ? /* @__PURE__ */ Y(ut, { labels: {
|
|
851
854
|
titleText: r.labels?.statusTitleText,
|
|
852
855
|
bodyText: r.labels?.statusBodyText ?? ""
|
|
853
|
-
} }) : e === o.User ? /* @__PURE__ */
|
|
856
|
+
} }) : e === o.User ? /* @__PURE__ */ Y(pt, {
|
|
854
857
|
...r,
|
|
855
858
|
onAttachmentClick: t
|
|
856
|
-
}) : /* @__PURE__ */
|
|
859
|
+
}) : /* @__PURE__ */ Y(lt, {
|
|
857
860
|
...r,
|
|
858
861
|
markdownComponents: n,
|
|
859
862
|
onAttachmentClick: t
|
|
860
863
|
});
|
|
861
864
|
//#endregion
|
|
862
|
-
export {
|
|
865
|
+
export { lt as AssistantMessageBubble, dt as BubblePosition, ct as MessageActions, mt as MessageBubble, ut as StatusMessageBubble, pt as UserMessageBubble };
|
|
@@ -50,6 +50,11 @@ export interface MessageActionLabels {
|
|
|
50
50
|
/** aria-label overrides per button. */
|
|
51
51
|
ariaLabels?: MessageActionAriaLabels;
|
|
52
52
|
}
|
|
53
|
+
/** Color overrides for `MessageActions`, applied as CSS custom properties with app theme fallbacks. */
|
|
54
|
+
export interface MessageActionColors {
|
|
55
|
+
/** Icon color of the active Like/Dislike button. Fallback: `--text-accent`. */
|
|
56
|
+
activeRatingText?: string;
|
|
57
|
+
}
|
|
53
58
|
/** Props for the `MessageActions` component. */
|
|
54
59
|
export interface MessageActionsProps {
|
|
55
60
|
/** Which actions are shown. `'User'` = Edit/Delete; `'Agent'` = Regenerate/Copy/Like/Dislike. Defaults to `'User'`. */
|
|
@@ -78,5 +83,7 @@ export interface MessageActionsProps {
|
|
|
78
83
|
onDislike?: () => void;
|
|
79
84
|
/** Active rating; highlights the matching Like/Dislike button when set. */
|
|
80
85
|
activeRating?: MessageRating;
|
|
86
|
+
/** Color overrides. */
|
|
87
|
+
colors?: MessageActionColors;
|
|
81
88
|
}
|
|
82
89
|
//# sourceMappingURL=message-actions.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message-actions.d.ts","sourceRoot":"","sources":["../../src/models/message-actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAEvE,+FAA+F;AAC/F,MAAM,WAAW,qBAAqB;IACpC,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,0GAA0G;AAC1G,MAAM,WAAW,uBAAuB;IACtC,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wDAAwD;IACxD,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,6DAA6D;AAC7D,MAAM,WAAW,mBAAmB;IAClC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,uCAAuC;IACvC,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACtC;AAED,gDAAgD;AAChD,MAAM,WAAW,mBAAmB;IAClC,uHAAuH;IACvH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,wCAAwC;IACxC,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,qDAAqD;IACrD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B"}
|
|
1
|
+
{"version":3,"file":"message-actions.d.ts","sourceRoot":"","sources":["../../src/models/message-actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAEvE,+FAA+F;AAC/F,MAAM,WAAW,qBAAqB;IACpC,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,0GAA0G;AAC1G,MAAM,WAAW,uBAAuB;IACtC,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wDAAwD;IACxD,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,6DAA6D;AAC7D,MAAM,WAAW,mBAAmB;IAClC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,uCAAuC;IACvC,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACtC;AAED,uGAAuG;AACvG,MAAM,WAAW,mBAAmB;IAClC,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,gDAAgD;AAChD,MAAM,WAAW,mBAAmB;IAClC,uHAAuH;IACvH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,wCAAwC;IACxC,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,qDAAqD;IACrD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,uBAAuB;IACvB,MAAM,CAAC,EAAE,mBAAmB,CAAC;CAC9B"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@epam/ai-dial-conversation-messages",
|
|
3
3
|
"description": "Message bubble components for rendering conversation history with actions and source citations",
|
|
4
|
-
"version": "1.1.0-dev.
|
|
4
|
+
"version": "1.1.0-dev.93",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./index.js",
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
"peerDependencies": {
|
|
20
20
|
"react": "^19.0.0",
|
|
21
21
|
"@tabler/icons-react": "^3.0.0",
|
|
22
|
-
"@epam/ai-dial-chat-shared": "1.1.0-dev.
|
|
23
|
-
"@epam/ai-dial-conversation-input": "1.1.0-dev.
|
|
22
|
+
"@epam/ai-dial-chat-shared": "1.1.0-dev.93",
|
|
23
|
+
"@epam/ai-dial-conversation-input": "1.1.0-dev.93",
|
|
24
24
|
"react-markdown": "^10.1.0",
|
|
25
25
|
"@epam/ai-dial-ui-kit": "^0.13.0-dev.26"
|
|
26
26
|
},
|