@epam/ai-dial-chat-shared 1.2.0-dev.28 → 1.2.0-dev.284
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/ConfirmationDialog/ConfirmationDialog.js +34 -0
- package/components/ConfirmationIdentityCard/ConfirmationIdentityCard.js +21 -0
- package/components/ConfirmationIdentityCard/ConfirmationIdentityCard.module.scss.js +6 -0
- package/components/ConfirmationIdentityRow/ConfirmationIdentityRow.js +24 -0
- package/components/ConfirmationIdentityRow/ConfirmationIdentityRow.module.scss.js +3 -0
- package/components/ConfirmationView/ConfirmationFooter.js +42 -0
- package/components/ConfirmationView/ConfirmationView.js +39 -0
- package/components/ConfirmationView/ConfirmationView.module.scss.js +7 -0
- package/components/FeaturedChip/FeaturedChip.js +9 -14
- package/components/InitialsAvatar/InitialsAvatar.js +10 -27
- package/components/MarkdownRenderer/CodeBlock/CodeBlock.js +65 -63
- package/components/MarkdownRenderer/CodeBlock/CodeBlock.module.scss.js +6 -6
- package/components/MarkdownRenderer/MDMessageViewer.js +23 -17
- package/components/MarkdownRenderer/MarkdownRenderer.js +88 -90
- package/components/MarkdownRenderer/Math/MarkdownMathBlock.js +19 -18
- package/components/MarkdownRenderer/PlainTextRenderer.js +21 -0
- package/components/MarkdownRenderer/Table/MarkdownTable.js +71 -56
- package/components/MarkdownRenderer/Table/MarkdownTable.module.scss.js +11 -11
- package/components/MarkdownRenderer/Table/TableHeader.js +18 -21
- package/components/MarkdownRenderer/Table/table-serialization.js +23 -3
- package/components/MarkdownRenderer/Table/useMarkdownTableActions/useMarkdownTableActions.js +48 -62
- package/components/MarkdownRenderer/ThinkingShimmer.js +14 -0
- package/components/PanelEmptyState/PanelEmptyState.js +2 -1
- package/components/TextRefinementField/TextRefinementField.js +86 -0
- package/constants/dial.js +2 -2
- package/constants/mime-types.js +49 -2
- package/constants/public-class-names.js +10 -0
- package/constants/resizable-fields.js +2 -2
- package/file-manager/DialFileManagerShell/DialFileManagerShell.js +251 -234
- package/file-manager/FileManagerAttachModal/FileManagerAttachModal.js +36 -32
- package/file-manager/OperationLoaderModal/OperationLoaderModal.js +17 -20
- package/file-manager/upload-batch.js +2 -2
- package/file-manager/upload-queue.js +17 -0
- package/file-manager.d.ts +35 -20
- package/file-manager.js +4 -3
- package/hooks/useTextRefinement.js +66 -0
- package/hooks/useUnsavedChangesGuard.js +30 -0
- package/index.css +2 -2
- package/index.d.ts +531 -44
- package/index.js +73 -61
- package/markdown.d.ts +61 -8
- package/markdown.js +13 -11
- package/models/chat.js +4 -2
- package/package.json +5 -5
- package/types/attachment.js +1 -1
- package/utils/entity-field-limits.js +4 -0
- package/utils/entity-type.js +15 -0
- package/utils/file-download.js +6 -6
- package/utils/is-skill-selection-unsupported.js +4 -0
- package/utils/latex.js +5 -3
- package/utils/merge-class.js +5 -4
- package/utils/mime-type.js +10 -6
- package/utils/syntax-highlighting.js +13 -0
- package/components/InitialsAvatar/InitialsAvatar.module.scss.js +0 -6
- package/file-manager/UploadProgressModal/UploadProgressModal.js +0 -56
package/index.js
CHANGED
|
@@ -1,63 +1,75 @@
|
|
|
1
1
|
import { ConversationTransferErrorCode as e, ConversationTransferJobStatus as t, ConversationTransferSubjectKind as n, ConversationTransferUnitKind as r, ConversationTransferWarningCode as i } from "./models/conversation-transfer.js";
|
|
2
2
|
import { FilterTab as a } from "./models/conversation-classification.js";
|
|
3
|
-
import {
|
|
4
|
-
import { ResponseFormat as
|
|
5
|
-
import { AttachmentErrorReason as
|
|
6
|
-
import { CatalogEntityType as
|
|
7
|
-
import { FileExtension as
|
|
8
|
-
import { CodeBlockTheme as
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import { InitialsAvatar as
|
|
36
|
-
import { DeploymentIcon as
|
|
37
|
-
import { CopyButton as
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
|
|
3
|
+
import { BackgroundGenerationStatus as o, MessageRating as s, MessageRole as c, RequestStatus as l, StageStatus as u, StatusEvent as d } from "./models/chat.js";
|
|
4
|
+
import { ResponseFormat as f } from "./models/deployment-features.js";
|
|
5
|
+
import { AttachmentErrorReason as p, AttachmentType as m } from "./types/attachment.js";
|
|
6
|
+
import { CatalogEntityType as h } from "./types/entity-type.js";
|
|
7
|
+
import { FileExtension as g, MIMEType as _ } from "./types/mime-type.js";
|
|
8
|
+
import { CodeBlockTheme as v } from "./types/code-editor.js";
|
|
9
|
+
import { MIME_TYPE_ALIASES as y, MIME_TYPE_AUDIO_PREFIX as b, MIME_TYPE_EXT_MAP as x, MIME_TYPE_WILDCARD as S } from "./constants/mime-types.js";
|
|
10
|
+
import { getAttachmentTypeFromMime as C, getBaseMimeType as w, inferMimeTypeFromPath as T, normalizeMimeType as E, stripUrlQueryAndFragment as D } from "./utils/mime-type.js";
|
|
11
|
+
import { isAnnotationSelector as O, normalizePersistedHtmlTagAttachmentType as k, normalizeRawAnnotations as A } from "./utils/annotation.js";
|
|
12
|
+
import { PROHIBITED_CONVERSATION_NAME_CHARS_RE as j, getUtf8ByteLength as M, sanitizeConversationName as N, stripTrailingDots as P, truncateToUtf8Bytes as F } from "./utils/string-utils.js";
|
|
13
|
+
import { ENTITY_DESCRIPTION_MAX_LENGTH as I, ENTITY_INSTRUCTIONS_MAX_LENGTH as L, ENTITY_NAME_MAX_LENGTH as R, exceedsMaxLength as z, hasControlCharacters as B } from "./utils/entity-field-limits.js";
|
|
14
|
+
import { mergeClasses as V } from "./utils/merge-class.js";
|
|
15
|
+
import { buildCssVars as H } from "./utils/build-css-vars.js";
|
|
16
|
+
import { isStatusMessage as U } from "./utils/message.js";
|
|
17
|
+
import { messageAttachmentToDisplayAttachment as W, messageAttachmentsToDisplayAttachments as G } from "./utils/message-attachment-to-display.js";
|
|
18
|
+
import { isAudioTranscriptionSupported as K } from "./utils/is-audio-transcription-supported.js";
|
|
19
|
+
import { copyMarkdownAsRichText as q, copyToClipboard as J, markdownToRichTextHtml as Y } from "./utils/copy-to-clipboard.js";
|
|
20
|
+
import { formatLastUsed as X } from "./utils/format-last-used.js";
|
|
21
|
+
import { formatFileSize as Z } from "./utils/format-file-size.js";
|
|
22
|
+
import { formatCost as Q, formatPrice as $, formatUnitPrice as ee } from "./utils/format-price.js";
|
|
23
|
+
import { base64ToBlob as te, downloadTextFile as ne, ensureDownloadFilename as re, getFileExtensionForLanguage as ie, triggerAnchorDownload as ae, triggerBlobDownload as oe, tryBase64ToBytes as se } from "./utils/file-download.js";
|
|
24
|
+
import { isSyntaxHighlightingAllowed as ce } from "./utils/syntax-highlighting.js";
|
|
25
|
+
import { ENTITY_TYPE_BG_COLOR as le, ENTITY_TYPE_COLOR as ue } from "./constants/entity-colors.js";
|
|
26
|
+
import { PROMPT_PARAM_DEFAULT_SEPARATOR as de, PROMPT_PARAM_PATTERN as fe, PROMPT_VARIABLE_CLASS_NAME as pe, buildPromptParamDefaults as me, extractPromptParams as he, rehypePromptVariables as ge, resolvePromptParams as _e } from "./utils/prompt-variables.js";
|
|
27
|
+
import { generateUUID as ve } from "./utils/generate-uuid.js";
|
|
28
|
+
import { BASE_LG_ICON_PROPS as ye, BASE_MD_ICON_PROPS as be } from "./constants/icon.js";
|
|
29
|
+
import { HIDDEN_FILE as xe, PUBLIC_BUCKET as Se } from "./constants/dial.js";
|
|
30
|
+
import { TAG_INPUT_TAG_CLASS_NAME as Ce } from "./constants/tag-input.js";
|
|
31
|
+
import { MARKDOWN_EDITOR_FILL_HEIGHT_CLASS_NAME as we, MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as Te, RESIZABLE_FIELD_MAX_HEIGHT_CSS_VARIABLE as Ee, RESIZABLE_TEXTAREA_CLASS_NAME as De } from "./constants/resizable-fields.js";
|
|
32
|
+
import { MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME as Oe } from "./constants/markdown-editor.js";
|
|
33
|
+
import { SELECT_LIST_MAX_HEIGHT_CLASS_NAME as ke, SELECT_LIST_MAX_HEIGHT_PX as Ae } from "./constants/select-list.js";
|
|
34
|
+
import { DESKTOP_BREAKPOINT_PX as je, DESKTOP_MEDIA_QUERY as Me, MOBILE_MAX_WIDTH_PX as Ne, MOBILE_MEDIA_QUERY as Pe } from "./constants/breakpoint.js";
|
|
35
|
+
import { InitialsAvatar as Fe } from "./components/InitialsAvatar/InitialsAvatar.js";
|
|
36
|
+
import { DeploymentIcon as Ie } from "./components/DeploymentIcon/DeploymentIcon.js";
|
|
37
|
+
import { CopyButton as Le, CopyIconButton as Re } from "./components/CopyButton/CopyButton.js";
|
|
38
|
+
import { extractInitials as ze } from "./utils/initials.js";
|
|
39
|
+
import { pickAvatarColor as Be } from "./utils/avatar-color.js";
|
|
40
|
+
import { PanelEmptyState as Ve } from "./components/PanelEmptyState/PanelEmptyState.js";
|
|
41
|
+
import { ItemHeader as He } from "./components/ItemHeader/ItemHeader.js";
|
|
42
|
+
import { EntityTypeLabel as Ue } from "./components/EntityTypeLabel/EntityTypeLabel.js";
|
|
43
|
+
import { FeaturedChip as We } from "./components/FeaturedChip/FeaturedChip.js";
|
|
44
|
+
import { EntityHeader as Ge } from "./components/EntityHeader/EntityHeader.js";
|
|
45
|
+
import { ResourceSummary as Ke } from "./components/ResourceSummary/ResourceSummary.js";
|
|
46
|
+
import { ConfirmationIdentityCard as qe } from "./components/ConfirmationIdentityCard/ConfirmationIdentityCard.js";
|
|
47
|
+
import { ConfirmationIdentityRow as Je } from "./components/ConfirmationIdentityRow/ConfirmationIdentityRow.js";
|
|
48
|
+
import { ConfirmationView as Ye } from "./components/ConfirmationView/ConfirmationView.js";
|
|
49
|
+
import { ConfirmationFooter as Xe } from "./components/ConfirmationView/ConfirmationFooter.js";
|
|
50
|
+
import { ConfirmationDialog as Ze } from "./components/ConfirmationDialog/ConfirmationDialog.js";
|
|
51
|
+
import { TableHeader as Qe } from "./components/MarkdownRenderer/Table/TableHeader.js";
|
|
52
|
+
import { TextRefinementState as $e, useTextRefinement as et } from "./hooks/useTextRefinement.js";
|
|
53
|
+
import { TextRefinementField as tt } from "./components/TextRefinementField/TextRefinementField.js";
|
|
54
|
+
import { CHAT_SHARED_CLASS as nt } from "./constants/public-class-names.js";
|
|
55
|
+
import { useCodeCopy as rt } from "./hooks/useCodeCopy.js";
|
|
56
|
+
import { restrainedSyntaxTheme as it } from "./components/MarkdownRenderer/CodeBlock/syntax-theme.js";
|
|
57
|
+
import { MarkdownCodeBlock as at } from "./components/MarkdownRenderer/CodeBlock/CodeBlock.js";
|
|
58
|
+
import { DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME as ot, MARKDOWN_TABLE_CSV_MIME_TYPE as st, MarkdownTableCopyFormat as ct, serializeMarkdownTableRows as lt } from "./components/MarkdownRenderer/Table/table-serialization.js";
|
|
59
|
+
import { MarkdownTable as ut } from "./components/MarkdownRenderer/Table/MarkdownTable.js";
|
|
60
|
+
import { MarkdownRenderer as dt, defaultMarkdownComponents as ft } from "./components/MarkdownRenderer/MarkdownRenderer.js";
|
|
61
|
+
import { COMPACT_MARKDOWN_CLASS_NAMES as pt, DEFAULT_MARKDOWN_CLASS_NAMES as mt } from "./components/MarkdownRenderer/markdown-class-names.js";
|
|
62
|
+
import { PlainTextRenderer as ht } from "./components/MarkdownRenderer/PlainTextRenderer.js";
|
|
63
|
+
import { MDMessageViewer as gt } from "./components/MarkdownRenderer/MDMessageViewer.js";
|
|
64
|
+
import { MarkdownWithPlaceholders as _t } from "./components/MarkdownWithPlaceholders/MarkdownWithPlaceholders.js";
|
|
65
|
+
import { useCollapsedText as vt } from "./hooks/useCollapsedText.js";
|
|
66
|
+
import { useAvailableHeightCap as yt } from "./hooks/useAvailableHeightCap.js";
|
|
67
|
+
import { useIsMobile as bt } from "./hooks/useIsMobile.js";
|
|
68
|
+
import { useUnsavedChangesGuard as xt } from "./hooks/useUnsavedChangesGuard.js";
|
|
69
|
+
import { DialFileManagerActionProfile as St, DialFileManagerVariant as Ct } from "./file-manager/file-manager-variant.js";
|
|
70
|
+
import { getParentFolderPath as wt, isHiddenPath as Tt } from "./file-manager/path.js";
|
|
71
|
+
import { FileUploadStatus as Et, isUploadInProgress as Dt } from "./file-manager/upload-batch.js";
|
|
72
|
+
import { useGridEditingScroll as Ot } from "./file-manager/useGridEditingScroll/useGridEditingScroll.js";
|
|
73
|
+
import { OperationLoaderModal as kt } from "./file-manager/OperationLoaderModal/OperationLoaderModal.js";
|
|
74
|
+
import { isSkillSelectionUnsupported as At } from "./utils/is-skill-selection-unsupported.js";
|
|
75
|
+
export { p as AttachmentErrorReason, m as AttachmentType, ye as BASE_LG_ICON_PROPS, be as BASE_MD_ICON_PROPS, o as BackgroundGenerationStatus, nt as CHAT_SHARED_CLASS, pt as COMPACT_MARKDOWN_CLASS_NAMES, h as CatalogEntityType, v as CodeBlockTheme, Ze as ConfirmationDialog, Xe as ConfirmationFooter, qe as ConfirmationIdentityCard, Je as ConfirmationIdentityRow, Ye as ConfirmationView, e as ConversationTransferErrorCode, t as ConversationTransferJobStatus, n as ConversationTransferSubjectKind, r as ConversationTransferUnitKind, i as ConversationTransferWarningCode, Le as CopyButton, Re as CopyIconButton, mt as DEFAULT_MARKDOWN_CLASS_NAMES, ot as DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME, je as DESKTOP_BREAKPOINT_PX, Me as DESKTOP_MEDIA_QUERY, Ie as DeploymentIcon, St as DialFileManagerActionProfile, Ct as DialFileManagerVariant, I as ENTITY_DESCRIPTION_MAX_LENGTH, L as ENTITY_INSTRUCTIONS_MAX_LENGTH, R as ENTITY_NAME_MAX_LENGTH, le as ENTITY_TYPE_BG_COLOR, ue as ENTITY_TYPE_COLOR, Ge as EntityHeader, Ue as EntityTypeLabel, We as FeaturedChip, g as FileExtension, Et as FileUploadStatus, a as FilterTab, xe as HIDDEN_FILE, Fe as InitialsAvatar, He as ItemHeader, we as MARKDOWN_EDITOR_FILL_HEIGHT_CLASS_NAME, Te as MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME, Oe as MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME, st as MARKDOWN_TABLE_CSV_MIME_TYPE, gt as MDMessageViewer, _ as MIMEType, y as MIME_TYPE_ALIASES, b as MIME_TYPE_AUDIO_PREFIX, x as MIME_TYPE_EXT_MAP, S as MIME_TYPE_WILDCARD, Ne as MOBILE_MAX_WIDTH_PX, Pe as MOBILE_MEDIA_QUERY, at as MarkdownCodeBlock, dt as MarkdownRenderer, ut as MarkdownTable, ct as MarkdownTableCopyFormat, _t as MarkdownWithPlaceholders, s as MessageRating, c as MessageRole, kt as OperationLoaderModal, j as PROHIBITED_CONVERSATION_NAME_CHARS_RE, de as PROMPT_PARAM_DEFAULT_SEPARATOR, fe as PROMPT_PARAM_PATTERN, pe as PROMPT_VARIABLE_CLASS_NAME, Se as PUBLIC_BUCKET, Ve as PanelEmptyState, ht as PlainTextRenderer, Ee as RESIZABLE_FIELD_MAX_HEIGHT_CSS_VARIABLE, De as RESIZABLE_TEXTAREA_CLASS_NAME, l as RequestStatus, Ke as ResourceSummary, f as ResponseFormat, ke as SELECT_LIST_MAX_HEIGHT_CLASS_NAME, Ae as SELECT_LIST_MAX_HEIGHT_PX, u as StageStatus, d as StatusEvent, Ce as TAG_INPUT_TAG_CLASS_NAME, Qe as TableHeader, tt as TextRefinementField, $e as TextRefinementState, te as base64ToBlob, H as buildCssVars, me as buildPromptParamDefaults, q as copyMarkdownAsRichText, J as copyToClipboard, ft as defaultMarkdownComponents, ne as downloadTextFile, re as ensureDownloadFilename, z as exceedsMaxLength, ze as extractInitials, he as extractPromptParams, Q as formatCost, Z as formatFileSize, X as formatLastUsed, $ as formatPrice, ee as formatUnitPrice, ve as generateUUID, C as getAttachmentTypeFromMime, w as getBaseMimeType, ie as getFileExtensionForLanguage, wt as getParentFolderPath, M as getUtf8ByteLength, B as hasControlCharacters, T as inferMimeTypeFromPath, O as isAnnotationSelector, K as isAudioTranscriptionSupported, Tt as isHiddenPath, At as isSkillSelectionUnsupported, U as isStatusMessage, ce as isSyntaxHighlightingAllowed, Dt as isUploadInProgress, Y as markdownToRichTextHtml, V as mergeClasses, W as messageAttachmentToDisplayAttachment, G as messageAttachmentsToDisplayAttachments, E as normalizeMimeType, k as normalizePersistedHtmlTagAttachmentType, A as normalizeRawAnnotations, Be as pickAvatarColor, ge as rehypePromptVariables, _e as resolvePromptParams, it as restrainedSyntaxTheme, N as sanitizeConversationName, lt as serializeMarkdownTableRows, P as stripTrailingDots, D as stripUrlQueryAndFragment, ae as triggerAnchorDownload, oe as triggerBlobDownload, F as truncateToUtf8Bytes, se as tryBase64ToBytes, yt as useAvailableHeightCap, rt as useCodeCopy, vt as useCollapsedText, Ot as useGridEditingScroll, bt as useIsMobile, et as useTextRefinement, xt as useUnsavedChangesGuard };
|
package/markdown.d.ts
CHANGED
|
@@ -4,6 +4,19 @@ import { FC } from 'react';
|
|
|
4
4
|
import { Options } from 'react-markdown';
|
|
5
5
|
import { ReactNode } from 'react';
|
|
6
6
|
|
|
7
|
+
export declare const CHAT_SHARED_CLASS: {
|
|
8
|
+
/** The bordered container of a fenced code block. */
|
|
9
|
+
readonly codeBlock: "dial-chat-shared-code-block";
|
|
10
|
+
/** The code block's sticky header, holding the language label and actions. */
|
|
11
|
+
readonly codeBlockHeader: "dial-chat-shared-code-block-header";
|
|
12
|
+
/** The bordered container of a Markdown table. */
|
|
13
|
+
readonly table: "dial-chat-shared-table";
|
|
14
|
+
/** The scrolling box around a Markdown table, which owns its overflow. */
|
|
15
|
+
readonly tableScroll: "dial-chat-shared-table-scroll";
|
|
16
|
+
/** The scrolling box around a display-math block. */
|
|
17
|
+
readonly mathBlock: "dial-chat-shared-math-block";
|
|
18
|
+
};
|
|
19
|
+
|
|
7
20
|
/** Color theme for syntax highlighting. */
|
|
8
21
|
declare enum CodeBlockTheme {
|
|
9
22
|
/** Dark syntax-highlighting theme. */
|
|
@@ -225,9 +238,7 @@ export declare interface MarkdownRendererProps {
|
|
|
225
238
|
export declare const MarkdownTable: FC<MarkdownTableProps>;
|
|
226
239
|
|
|
227
240
|
export declare interface MarkdownTableActionLabels {
|
|
228
|
-
|
|
229
|
-
copyTxtLabel?: string;
|
|
230
|
-
copyMarkdownLabel?: string;
|
|
241
|
+
copyLabel?: string;
|
|
231
242
|
copiedLabel?: string;
|
|
232
243
|
downloadCsvLabel?: string;
|
|
233
244
|
openInCanvasLabel?: string;
|
|
@@ -253,19 +264,16 @@ export declare interface MarkdownTableColors {
|
|
|
253
264
|
fade?: string;
|
|
254
265
|
/** Divider color between rows. Defaults to `--stroke-tertiary`. */
|
|
255
266
|
rowDivider?: string;
|
|
256
|
-
/** Background of even-indexed body rows. Defaults to `--bg-layer-base`. */
|
|
257
|
-
rowZebraBackground?: string;
|
|
258
267
|
/** Background of a body row on hover. Defaults to `--bg-control-accent-alpha-hover`. */
|
|
259
268
|
rowHoverBackground?: string;
|
|
260
269
|
}
|
|
261
270
|
|
|
262
271
|
export declare enum MarkdownTableCopyFormat {
|
|
263
272
|
Csv = "csv",
|
|
264
|
-
Txt = "txt",
|
|
265
273
|
Markdown = "markdown"
|
|
266
274
|
}
|
|
267
275
|
|
|
268
|
-
/** A table
|
|
276
|
+
/** A table action rendered as an icon button. */
|
|
269
277
|
export declare interface MarkdownTableHeaderAction {
|
|
270
278
|
/** Stable accessible name and tooltip text. */
|
|
271
279
|
label: string;
|
|
@@ -309,13 +317,20 @@ export declare interface MarkdownWithPlaceholdersProps {
|
|
|
309
317
|
headingClassName?: string;
|
|
310
318
|
}
|
|
311
319
|
|
|
312
|
-
/** Renders assistant message content as formatted markdown. */
|
|
320
|
+
/** Renders assistant message content as formatted markdown, or as escaped plain text when `isPlainText` is set. */
|
|
313
321
|
export declare const MDMessageViewer: FC<MDMessageViewerProps>;
|
|
314
322
|
|
|
315
323
|
/** Props for the {@link MDMessageViewer} markdown renderer. */
|
|
316
324
|
declare interface MDMessageViewerProps {
|
|
317
325
|
/** Raw markdown string to render. */
|
|
318
326
|
content: string;
|
|
327
|
+
/**
|
|
328
|
+
* Renders `content` verbatim as escaped plain text instead of running the
|
|
329
|
+
* Markdown pipeline — the conversation's `plain_text` response format.
|
|
330
|
+
* Markdown-only props (`components`, `urlTransform`, the code-block and
|
|
331
|
+
* table labels) do not apply while it is set. Defaults to `false`.
|
|
332
|
+
*/
|
|
333
|
+
isPlainText?: boolean;
|
|
319
334
|
/** Enables gradual reveal for appended streaming content. */
|
|
320
335
|
isStreaming?: boolean;
|
|
321
336
|
/**
|
|
@@ -355,6 +370,44 @@ declare interface MDMessageViewerProps {
|
|
|
355
370
|
classNames?: MarkdownRendererClassNames;
|
|
356
371
|
}
|
|
357
372
|
|
|
373
|
+
/**
|
|
374
|
+
* Renders message text as plain text: no Markdown pipeline, no raw HTML, no
|
|
375
|
+
* syntax highlighting. The text is a React text child, so it is escaped by
|
|
376
|
+
* construction — a table, a heading, or `**bold**` reaches the reader exactly
|
|
377
|
+
* as the model emitted it, which is what a conversation's `plain_text`
|
|
378
|
+
* response format promises.
|
|
379
|
+
*
|
|
380
|
+
* Lives beside {@link MarkdownRenderer} because it is the other half of the
|
|
381
|
+
* same choice: both render an assistant message body, and both are selected
|
|
382
|
+
* by `MDMessageViewer` from the conversation's response format.
|
|
383
|
+
*/
|
|
384
|
+
export declare const PlainTextRenderer: FC<PlainTextRendererProps>;
|
|
385
|
+
|
|
386
|
+
/** Props for {@link PlainTextRenderer}. */
|
|
387
|
+
export declare interface PlainTextRendererProps {
|
|
388
|
+
/** Message text. Rendered verbatim — never parsed as Markdown or HTML. */
|
|
389
|
+
content: string;
|
|
390
|
+
/** Classes applied to the renderer root. */
|
|
391
|
+
containerClassName?: string;
|
|
392
|
+
/** When true, appended content is revealed gradually for smoother streaming updates. */
|
|
393
|
+
isStreaming?: boolean;
|
|
394
|
+
/** Reveal speed used while `isStreaming` is true. Defaults to 120 characters per second. */
|
|
395
|
+
streamCharactersPerSecond?: number;
|
|
396
|
+
/**
|
|
397
|
+
* Typography classes. Only `p` is read — the single paragraph the renderer
|
|
398
|
+
* emits — so the same object a Markdown message is styled with keeps both
|
|
399
|
+
* formats on one type scale.
|
|
400
|
+
*/
|
|
401
|
+
classNames?: Pick<MarkdownRendererClassNames, 'p'>;
|
|
402
|
+
/**
|
|
403
|
+
* Label shown with a shimmer animation while `isStreaming` is true and no
|
|
404
|
+
* content has arrived yet. Defaults to `'Thinking'`.
|
|
405
|
+
*/
|
|
406
|
+
thinkingLabel?: string;
|
|
407
|
+
/** Color overrides applied as CSS custom properties. */
|
|
408
|
+
colors?: Pick<MarkdownRendererColors, 'thinkingPrimary' | 'thinkingSecondary'>;
|
|
409
|
+
}
|
|
410
|
+
|
|
358
411
|
/** Style map consumed by `react-syntax-highlighter`'s `Prism` renderer. */
|
|
359
412
|
declare type PrismStyleMap = Record<string, CSSProperties>;
|
|
360
413
|
|
package/markdown.js
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
|
|
1
|
+
import { CHAT_SHARED_CLASS as e } from "./constants/public-class-names.js";
|
|
2
|
+
import { useCodeCopy as t } from "./hooks/useCodeCopy.js";
|
|
3
|
+
import { restrainedSyntaxTheme as n } from "./components/MarkdownRenderer/CodeBlock/syntax-theme.js";
|
|
4
|
+
import { MarkdownCodeBlock as r } from "./components/MarkdownRenderer/CodeBlock/CodeBlock.js";
|
|
5
|
+
import { DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME as i, MARKDOWN_TABLE_CSV_MIME_TYPE as a, MarkdownTableCopyFormat as o, serializeMarkdownTableRows as s } from "./components/MarkdownRenderer/Table/table-serialization.js";
|
|
6
|
+
import { MarkdownTable as c } from "./components/MarkdownRenderer/Table/MarkdownTable.js";
|
|
7
|
+
import { MarkdownRenderer as l, defaultMarkdownComponents as u } from "./components/MarkdownRenderer/MarkdownRenderer.js";
|
|
8
|
+
import { COMPACT_MARKDOWN_CLASS_NAMES as d, DEFAULT_MARKDOWN_CLASS_NAMES as f } from "./components/MarkdownRenderer/markdown-class-names.js";
|
|
9
|
+
import { PlainTextRenderer as p } from "./components/MarkdownRenderer/PlainTextRenderer.js";
|
|
10
|
+
import { MDMessageViewer as m } from "./components/MarkdownRenderer/MDMessageViewer.js";
|
|
11
|
+
import { MarkdownWithPlaceholders as h } from "./components/MarkdownWithPlaceholders/MarkdownWithPlaceholders.js";
|
|
12
|
+
import { useCollapsedText as g } from "./hooks/useCollapsedText.js";
|
|
13
|
+
export { e as CHAT_SHARED_CLASS, d as COMPACT_MARKDOWN_CLASS_NAMES, f as DEFAULT_MARKDOWN_CLASS_NAMES, i as DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME, a as MARKDOWN_TABLE_CSV_MIME_TYPE, m as MDMessageViewer, r as MarkdownCodeBlock, l as MarkdownRenderer, c as MarkdownTable, o as MarkdownTableCopyFormat, h as MarkdownWithPlaceholders, p as PlainTextRenderer, u as defaultMarkdownComponents, n as restrainedSyntaxTheme, s as serializeMarkdownTableRows, t as useCodeCopy, g as useCollapsedText };
|
package/models/chat.js
CHANGED
|
@@ -6,9 +6,11 @@ var e = /* @__PURE__ */ function(e) {
|
|
|
6
6
|
}({}), n = /* @__PURE__ */ function(e) {
|
|
7
7
|
return e.Completed = "completed", e.Failed = "failed", e;
|
|
8
8
|
}({}), r = /* @__PURE__ */ function(e) {
|
|
9
|
-
return e.
|
|
9
|
+
return e.Pending = "pending", e.Completed = "completed", e.Stopped = "stopped", e.Failed = "failed", e;
|
|
10
10
|
}({}), i = /* @__PURE__ */ function(e) {
|
|
11
|
+
return e.ModelChanged = "model_changed", e;
|
|
12
|
+
}({}), a = /* @__PURE__ */ function(e) {
|
|
11
13
|
return e.Idle = "idle", e.Loading = "loading", e.Error = "error", e;
|
|
12
14
|
}({});
|
|
13
15
|
//#endregion
|
|
14
|
-
export { t as MessageRating, e as MessageRole,
|
|
16
|
+
export { r as BackgroundGenerationStatus, t as MessageRating, e as MessageRole, a as RequestStatus, n as StageStatus, i as StatusEvent };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@epam/ai-dial-chat-shared",
|
|
3
3
|
"description": "Shared domain models, utilities, and UI components for AI DIAL Chat libraries",
|
|
4
|
-
"version": "1.2.0-dev.
|
|
4
|
+
"version": "1.2.0-dev.284",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"sideEffects": [
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"react": "^19.2.8",
|
|
35
|
-
"@epam/ai-dial-ui-kit": "^0.
|
|
36
|
-
"@epam/ai-dial-react-file-manager": "^0.
|
|
35
|
+
"@epam/ai-dial-ui-kit": "^0.15.0-dev.36",
|
|
36
|
+
"@epam/ai-dial-react-file-manager": "^0.3.0-dev.25",
|
|
37
37
|
"ag-grid-community": "^35.3.0"
|
|
38
38
|
},
|
|
39
39
|
"peerDependenciesMeta": {
|
|
@@ -47,8 +47,8 @@
|
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@tabler/icons-react": "^3.44.0",
|
|
49
49
|
"classnames": "2.5.1",
|
|
50
|
-
"dompurify": "3.4.
|
|
51
|
-
"katex": "^0.
|
|
50
|
+
"dompurify": "3.4.16",
|
|
51
|
+
"katex": "^0.19.0",
|
|
52
52
|
"react-markdown": "^10.1.0",
|
|
53
53
|
"react-syntax-highlighter": "^16.1.1",
|
|
54
54
|
"rehype-katex": "^7.0.1",
|
package/types/attachment.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
//#region src/types/attachment.ts
|
|
2
2
|
var e = /* @__PURE__ */ function(e) {
|
|
3
|
-
return e.Network = "network", e.UnsupportedType = "unsupported-type", e;
|
|
3
|
+
return e.Network = "network", e.UnsupportedType = "unsupported-type", e.FileTooLarge = "file-too-large", e;
|
|
4
4
|
}({}), t = /* @__PURE__ */ function(e) {
|
|
5
5
|
return e.File = "file", e.Image = "image", e.Audio = "audio", e.Prompt = "prompt", e.Pasted = "pasted", e.Link = "link", e;
|
|
6
6
|
}({});
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
//#region src/utils/entity-field-limits.ts
|
|
2
|
+
var e = 256, t = 2e3, n = 5e4, r = /\p{Cc}/u, i = (e, t) => e.length > t, a = (e) => r.test(e);
|
|
3
|
+
//#endregion
|
|
4
|
+
export { t as ENTITY_DESCRIPTION_MAX_LENGTH, n as ENTITY_INSTRUCTIONS_MAX_LENGTH, e as ENTITY_NAME_MAX_LENGTH, i as exceedsMaxLength, a as hasControlCharacters };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { CatalogEntityType as e } from "../types/entity-type.js";
|
|
2
|
+
import { BadgeColor as t } from "@epam/ai-dial-ui-kit";
|
|
3
|
+
//#region src/utils/entity-type.ts
|
|
4
|
+
var n = (n) => {
|
|
5
|
+
switch (n) {
|
|
6
|
+
case e.Agent: return t.Green;
|
|
7
|
+
case e.Skill: return t.Violet;
|
|
8
|
+
case e.Toolset: return t.Brown;
|
|
9
|
+
case e.Prompt: return t.Indigo;
|
|
10
|
+
case e.Model:
|
|
11
|
+
default: return t.Blue;
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
//#endregion
|
|
15
|
+
export { n as getEntityTypeBadgeColor };
|
package/utils/file-download.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { MIME_TYPE_EXT_MAP as e } from "../constants/mime-types.js";
|
|
2
|
+
import { stripUrlQueryAndFragment as t } from "./mime-type.js";
|
|
3
3
|
//#region src/utils/file-download.ts
|
|
4
4
|
var n = /^[a-zA-Z0-9]{1,10}$/, r = (e) => {
|
|
5
5
|
let t = e.lastIndexOf(".");
|
|
@@ -9,12 +9,12 @@ var n = /^[a-zA-Z0-9]{1,10}$/, r = (e) => {
|
|
|
9
9
|
}, i = (n, i, a) => {
|
|
10
10
|
if (r(n) != null) return n;
|
|
11
11
|
if (a != null) {
|
|
12
|
-
let
|
|
13
|
-
if (
|
|
12
|
+
let t = e[a];
|
|
13
|
+
if (t != null) return `${n}.${t}`;
|
|
14
14
|
}
|
|
15
15
|
if (i != null) {
|
|
16
|
-
let
|
|
17
|
-
if (
|
|
16
|
+
let e = r(t(i).split("/").pop() ?? "");
|
|
17
|
+
if (e != null) return `${n}.${e}`;
|
|
18
18
|
}
|
|
19
19
|
return n;
|
|
20
20
|
}, a = {
|
package/utils/latex.js
CHANGED
|
@@ -26,11 +26,13 @@ var e = /\$\\ce\{/g, t = /\$\\pu\{/g, n = /\$\\\\ce\{[^}]*\}\$/g, r = /\$\\\\pu\
|
|
|
26
26
|
let t = p(e), n = [], r = 0, s;
|
|
27
27
|
for (i.lastIndex = 0; (s = i.exec(e)) !== null;) {
|
|
28
28
|
let i = s.index, c = i + s[0].length, l = s[1];
|
|
29
|
-
if (
|
|
29
|
+
if (m(i, t)) continue;
|
|
30
30
|
let u = e.lastIndexOf("\n", i - 1) + 1;
|
|
31
31
|
if (e.slice(u, i).trim() !== "") continue;
|
|
32
|
-
let d =
|
|
33
|
-
|
|
32
|
+
let d = e.indexOf("\n", c), f = e.slice(c, d === -1 ? e.length : d);
|
|
33
|
+
if (!l.includes("\n") && (f.trim() !== "" || l.trim() === "")) continue;
|
|
34
|
+
let p = l.replace(a, "").replace(o, "");
|
|
35
|
+
n.push(e.slice(r, i)), n.push(`$$\n${p}\n$$${f.trim() === "" ? "" : "\n"}`), r = c;
|
|
34
36
|
}
|
|
35
37
|
return n.push(e.substring(r)), n.join("");
|
|
36
38
|
}, y = (e, t) => {
|
package/utils/merge-class.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import e from "classnames";
|
|
2
|
-
import {
|
|
2
|
+
import { extendTailwindMerge as t } from "tailwind-merge";
|
|
3
3
|
//#region src/utils/merge-class.ts
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
var n = t({ extend: { classGroups: { shadow: [{ shadow: ["chat-button"] }] } } });
|
|
5
|
+
function r(...t) {
|
|
6
|
+
return n(e(...t));
|
|
6
7
|
}
|
|
7
8
|
//#endregion
|
|
8
|
-
export {
|
|
9
|
+
export { r as mergeClasses };
|
package/utils/mime-type.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { AttachmentType as e } from "../types/attachment.js";
|
|
2
2
|
import { MIMEType as t } from "../types/mime-type.js";
|
|
3
|
+
import { MIME_TYPE_ALIASES as n } from "../constants/mime-types.js";
|
|
3
4
|
//#region src/utils/mime-type.ts
|
|
4
|
-
var
|
|
5
|
+
var r = {
|
|
5
6
|
md: t.Markdown,
|
|
6
7
|
markdown: t.Markdown,
|
|
7
8
|
txt: t.Plain,
|
|
@@ -65,9 +66,12 @@ var n = {
|
|
|
65
66
|
mp3: t.MP3,
|
|
66
67
|
wav: t.WAV,
|
|
67
68
|
ogg: t.OGG
|
|
68
|
-
},
|
|
69
|
-
let t =
|
|
70
|
-
|
|
71
|
-
},
|
|
69
|
+
}, i = (e) => e.toLowerCase().split(";")[0].trim(), a = (e) => {
|
|
70
|
+
let t = i(e);
|
|
71
|
+
return n[t] ?? t;
|
|
72
|
+
}, o = (e) => e.split(/[?#]/)[0], s = (e) => {
|
|
73
|
+
let t = o(e), n = t.lastIndexOf(".");
|
|
74
|
+
if (n !== -1) return r[t.slice(n + 1).toLowerCase()];
|
|
75
|
+
}, c = (t) => t?.startsWith("image/") ? e.Image : t?.startsWith("audio/") ? e.Audio : e.File;
|
|
72
76
|
//#endregion
|
|
73
|
-
export {
|
|
77
|
+
export { c as getAttachmentTypeFromMime, i as getBaseMimeType, s as inferMimeTypeFromPath, a as normalizeMimeType, o as stripUrlQueryAndFragment };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
//#region src/utils/syntax-highlighting.ts
|
|
2
|
+
var e = 5e4, t = 2e3, n = (n) => {
|
|
3
|
+
if (n.length > e) return !1;
|
|
4
|
+
let r = 0;
|
|
5
|
+
for (let e = 0; e < n.length; e++) {
|
|
6
|
+
let i = n[e];
|
|
7
|
+
if (i === "\n" || i === "\r") r = 0;
|
|
8
|
+
else if (++r > t) return !1;
|
|
9
|
+
}
|
|
10
|
+
return !0;
|
|
11
|
+
};
|
|
12
|
+
//#endregion
|
|
13
|
+
export { n as isSyntaxHighlightingAllowed };
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { DialFileName as e, NeutralButton as t, Popup as n } from "@epam/ai-dial-ui-kit";
|
|
2
|
-
import { memo as r, useCallback as i } from "react";
|
|
3
|
-
import { jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
4
|
-
//#region src/file-manager/UploadProgressModal/UploadProgressModal.tsx
|
|
5
|
-
var s = ({ batchState: r, uploadProgressTitle: s, uploadProgressText: c, cancelLabel: l, onCancel: u }) => {
|
|
6
|
-
let { files: d } = r, f = i((e) => e === void 0 ? null : /* @__PURE__ */ a("div", {
|
|
7
|
-
className: "h-1 w-full overflow-hidden rounded-full bg-control-disable-primary",
|
|
8
|
-
"data-qa": "uploading-indicator",
|
|
9
|
-
role: "progressbar",
|
|
10
|
-
"aria-valuemin": 0,
|
|
11
|
-
"aria-valuemax": 100,
|
|
12
|
-
"aria-valuenow": e,
|
|
13
|
-
children: /* @__PURE__ */ a("div", {
|
|
14
|
-
className: "h-full rounded-full bg-control-accent transition-all duration-300",
|
|
15
|
-
style: { width: `${e}%` }
|
|
16
|
-
})
|
|
17
|
-
}), []);
|
|
18
|
-
return /* @__PURE__ */ a(n, {
|
|
19
|
-
className: "!h-fit !max-h-full !w-[400px] mobile:!w-full desktop:!max-h-[693px]",
|
|
20
|
-
open: r.isOpen,
|
|
21
|
-
closeOnOutsideClick: !1,
|
|
22
|
-
hideClose: !0,
|
|
23
|
-
onClose: u,
|
|
24
|
-
footer: /* @__PURE__ */ a("div", {
|
|
25
|
-
className: "flex justify-end gap-2 px-6 py-4",
|
|
26
|
-
children: /* @__PURE__ */ a(t, {
|
|
27
|
-
label: l,
|
|
28
|
-
onClick: u
|
|
29
|
-
})
|
|
30
|
-
}),
|
|
31
|
-
header: /* @__PURE__ */ o("div", {
|
|
32
|
-
className: "flex flex-col gap-2",
|
|
33
|
-
children: [/* @__PURE__ */ a("div", { children: s }), /* @__PURE__ */ a("div", {
|
|
34
|
-
className: "dial-small-text text-secondary",
|
|
35
|
-
"data-qa": "uploading-items-count",
|
|
36
|
-
children: c
|
|
37
|
-
})]
|
|
38
|
-
}),
|
|
39
|
-
children: /* @__PURE__ */ a("div", {
|
|
40
|
-
className: "flex h-full max-h-full flex-col gap-4 px-6",
|
|
41
|
-
children: /* @__PURE__ */ a("div", {
|
|
42
|
-
className: "flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto",
|
|
43
|
-
children: d.map((t) => /* @__PURE__ */ a("div", {
|
|
44
|
-
className: "rounded bg-layer-sunken px-3 py-2",
|
|
45
|
-
children: /* @__PURE__ */ a(e, {
|
|
46
|
-
name: t.name,
|
|
47
|
-
details: f(t.percent)
|
|
48
|
-
})
|
|
49
|
-
}, t.id))
|
|
50
|
-
})
|
|
51
|
-
})
|
|
52
|
-
});
|
|
53
|
-
};
|
|
54
|
-
r(s);
|
|
55
|
-
//#endregion
|
|
56
|
-
export { s as UploadProgressModal };
|