@aleph-alpha/chat-kit 5.2.0 → 5.3.0
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/dist/{CkHistory.vue_vue_type_script_setup_true_lang-BxzHdcxY.js → CkHistory.vue_vue_type_script_setup_true_lang-BcYJmbCd.js} +152 -87
- package/dist/chat-kit.css +3 -3
- package/dist/components/base/CkEditableUserMessage/CkEditableUserMessage.stories.d.ts +12 -0
- package/dist/components/base/CkEditableUserMessage/CkEditableUserMessage.stories.d.ts.map +1 -0
- package/dist/components/base/CkEditableUserMessage/CkEditableUserMessage.vue.d.ts +22 -0
- package/dist/components/base/CkEditableUserMessage/CkEditableUserMessage.vue.d.ts.map +1 -0
- package/dist/components/base/CkEditableUserMessage/index.d.ts +3 -0
- package/dist/components/base/CkEditableUserMessage/index.d.ts.map +1 -0
- package/dist/components/base/CkEditableUserMessage/types.d.ts +30 -0
- package/dist/components/base/CkEditableUserMessage/types.d.ts.map +1 -0
- package/dist/components/base/CkUserMessage/CkUserMessage.vue.d.ts.map +1 -1
- package/dist/components/base/CkUserMessage/types.d.ts +4 -1
- package/dist/components/base/CkUserMessage/types.d.ts.map +1 -1
- package/dist/components/base/index.d.ts +2 -0
- package/dist/components/base/index.d.ts.map +1 -1
- package/dist/components/index.d.ts +2 -2
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +21 -20
- package/dist/handlers/index.js +1 -1
- package/dist/handlers/useChatKitLabels.d.ts +4 -0
- package/dist/handlers/useChatKitLabels.d.ts.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +23 -22
- package/dist/{useChatKitLabels-zMFV7aEz.js → useChatKitLabels-DLy0BFx8.js} +2 -0
- package/package.json +2 -2
- package/src/components/base/CkEditableUserMessage/CkEditableUserMessage.spec.ts +53 -0
- package/src/components/base/CkEditableUserMessage/CkEditableUserMessage.stories.ts +53 -0
- package/src/components/base/CkEditableUserMessage/CkEditableUserMessage.vue +58 -0
- package/src/components/base/CkEditableUserMessage/index.ts +5 -0
- package/src/components/base/CkEditableUserMessage/types.ts +30 -0
- package/src/components/base/CkUserMessage/CkUserMessage.vue +19 -30
- package/src/components/base/CkUserMessage/types.ts +4 -1
- package/src/components/base/index.ts +5 -0
- package/src/components/index.ts +3 -0
- package/src/handlers/useChatKitLabels.ts +6 -0
- package/src/index.ts +3 -0
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Editable variant of {@link CkUserMessage}. Wraps the plain user message in a
|
|
3
|
+
* floating actions toolbar (via `UiFloatActions`) that reveals an edit button on
|
|
4
|
+
* hover and keyboard focus. Activating it emits the `edit` event; the consumer
|
|
5
|
+
* owns the actual editing flow (e.g. swapping in an inline editor).
|
|
6
|
+
*
|
|
7
|
+
* Use this instead of `CkUserMessage` only when a turn needs the edit
|
|
8
|
+
* affordance — plain, non-interactive turns should keep using `CkUserMessage`.
|
|
9
|
+
*
|
|
10
|
+
* @category Messages
|
|
11
|
+
* @useCases edit user message, revise prompt, editable conversation turn, message hover actions
|
|
12
|
+
* @keywords user, message, edit, editable, chat, conversation, turn
|
|
13
|
+
* @related CkUserMessage, CkAgentMessage, CkConversation
|
|
14
|
+
*/
|
|
15
|
+
export interface CkEditableUserMessageProps {
|
|
16
|
+
/** Text content of the user message. Rendered inside the bubble when no default slot is provided. */
|
|
17
|
+
message?: string;
|
|
18
|
+
/**
|
|
19
|
+
* When greater than `0`, collapse the message to at most this many lines with
|
|
20
|
+
* a fade and a "Show more" / "Show less" toggle. Forwarded to the underlying
|
|
21
|
+
* {@link CkUserMessage}. Omit or pass `0` (the default) to disable clamping.
|
|
22
|
+
*/
|
|
23
|
+
collapsedLines?: number;
|
|
24
|
+
}
|
|
25
|
+
/** Events emitted by {@link CkEditableUserMessage}. */
|
|
26
|
+
export interface CkEditableUserMessageEmits {
|
|
27
|
+
/** Emitted when the edit action is activated. */
|
|
28
|
+
edit: [];
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkEditableUserMessage/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,0BAA0B;IACzC,qGAAqG;IACrG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,uDAAuD;AACvD,MAAM,WAAW,0BAA0B;IACzC,iDAAiD;IACjD,IAAI,EAAE,EAAE,CAAC;CACV"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CkUserMessage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkUserMessage/CkUserMessage.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CkUserMessage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkUserMessage/CkUserMessage.vue"],"names":[],"mappings":"AA0HA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAmJlD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -4,10 +4,13 @@
|
|
|
4
4
|
* default slot for custom inline content. When `collapsedLines` is set, long
|
|
5
5
|
* messages are clamped with a fade and a "Show more" / "Show less" toggle.
|
|
6
6
|
*
|
|
7
|
+
* For an editable variant (hover/focus edit toolbar), see
|
|
8
|
+
* {@link CkEditableUserMessage}, which wraps this component.
|
|
9
|
+
*
|
|
7
10
|
* @category Messages
|
|
8
11
|
* @useCases render user message, conversation turn from user, chat input preview, right-aligned message, collapsible long message
|
|
9
12
|
* @keywords user, message, chat, conversation, turn, collapse, show more
|
|
10
|
-
* @related CkAgentMessage, CkConversation
|
|
13
|
+
* @related CkEditableUserMessage, CkAgentMessage, CkConversation
|
|
11
14
|
*/
|
|
12
15
|
export interface CkUserMessageProps {
|
|
13
16
|
/** Text content of the user message. Rendered inside the bubble when no default slot is provided. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkUserMessage/types.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkUserMessage/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,kBAAkB;IACjC,qGAAqG;IACrG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB"}
|
|
@@ -37,4 +37,6 @@ export { CkPromptInputDisclaimer } from './CkPromptInputDisclaimer';
|
|
|
37
37
|
export { CkRegenerateMessageButton } from './CkRegenerateMessageButton';
|
|
38
38
|
export { CkUserMessage } from './CkUserMessage';
|
|
39
39
|
export type { CkUserMessageProps } from './CkUserMessage';
|
|
40
|
+
export { CkEditableUserMessage } from './CkEditableUserMessage';
|
|
41
|
+
export type { CkEditableUserMessageEmits, CkEditableUserMessageProps, } from './CkEditableUserMessage';
|
|
40
42
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EACV,2BAA2B,EAC3B,2BAA2B,GAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACV,eAAe,EACf,eAAe,EACf,gBAAgB,GACjB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EACV,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EACV,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,yBAAyB,GAC1B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EACV,qBAAqB,EACrB,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,6BAA6B,EAC7B,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACV,WAAW,EACX,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EACV,uBAAuB,EACvB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACV,aAAa,EACb,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/base/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { CkAgentMessage, CkAgentMessageHeader, CkHeaderActivityButton, CkCitation, CkCitationCard, CkConversationLayout, CkCopyMessageButton, CkDropZoneOverlay, CkFeedbackButton, CkFeedbackDialog, CkFileItemsList, CkHistoryItem, CkHistoryWrapper, CkMarkdownRenderer, CkMessageButton, CkModelSelector, CkPromptSendButton, CkPromptMenuButton, CkPromptStopButton, CkPromptInput, CkPromptInputDisclaimer, CkRegenerateMessageButton, CkSendIcon, CkStopIcon, CkUserMessage, } from './base';
|
|
2
|
-
export type { CkAgentMessageHeaderProps, CkHeaderActivityButtonProps, CkHeaderActivityButtonEmits, CkCitationProps, CkCitationEmits, CkCitationSource, CkCitationCardProps, CkCitationCardEmits, CkConversationLayoutProps, CkDropZoneOverlayProps, CkDropZoneOverlayEmits, CkDropZoneRejection, CkDropZoneRejectionReason, CkFeedbackButtonProps, CkFeedbackDialogEmits, CkFeedbackDialogProps, CkFeedbackDialogSubmitPayload, CkFeedbackReason, CkFeedbackSentiment, CkFeedbackValue, CkFileEntry, CkFileItemsListEmits, CkFileItemsListProps, CkHistoryItemEmits, CkHistoryItemProps, CkHistoryWrapperProps, CkMarkdownElementClasses, CkMarkdownRendererProps, CkMarkdownRendererEmits, CkModelOption, CkModelSelectorProps, CkModelSelectorEmits, CkPromptMenuButtonProps, CkUserMessageProps, } from './base';
|
|
1
|
+
export { CkAgentMessage, CkAgentMessageHeader, CkHeaderActivityButton, CkCitation, CkCitationCard, CkConversationLayout, CkCopyMessageButton, CkDropZoneOverlay, CkFeedbackButton, CkFeedbackDialog, CkFileItemsList, CkHistoryItem, CkHistoryWrapper, CkMarkdownRenderer, CkMessageButton, CkModelSelector, CkPromptSendButton, CkPromptMenuButton, CkPromptStopButton, CkPromptInput, CkPromptInputDisclaimer, CkRegenerateMessageButton, CkSendIcon, CkStopIcon, CkUserMessage, CkEditableUserMessage, } from './base';
|
|
2
|
+
export type { CkAgentMessageHeaderProps, CkHeaderActivityButtonProps, CkHeaderActivityButtonEmits, CkCitationProps, CkCitationEmits, CkCitationSource, CkCitationCardProps, CkCitationCardEmits, CkConversationLayoutProps, CkDropZoneOverlayProps, CkDropZoneOverlayEmits, CkDropZoneRejection, CkDropZoneRejectionReason, CkFeedbackButtonProps, CkFeedbackDialogEmits, CkFeedbackDialogProps, CkFeedbackDialogSubmitPayload, CkFeedbackReason, CkFeedbackSentiment, CkFeedbackValue, CkFileEntry, CkFileItemsListEmits, CkFileItemsListProps, CkHistoryItemEmits, CkHistoryItemProps, CkHistoryWrapperProps, CkMarkdownElementClasses, CkMarkdownRendererProps, CkMarkdownRendererEmits, CkModelOption, CkModelSelectorProps, CkModelSelectorEmits, CkPromptMenuButtonProps, CkUserMessageProps, CkEditableUserMessageProps, CkEditableUserMessageEmits, } from './base';
|
|
3
3
|
export { CkConversation, CkHistory } from './composed';
|
|
4
4
|
export type { CkConversationProps, CkHistoryEmits, CkHistoryProps, } from './composed';
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,sBAAsB,EACtB,UAAU,EACV,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,uBAAuB,EACvB,yBAAyB,EACzB,UAAU,EACV,UAAU,EACV,aAAa,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,sBAAsB,EACtB,UAAU,EACV,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,uBAAuB,EACvB,yBAAyB,EACzB,UAAU,EACV,UAAU,EACV,aAAa,EACb,qBAAqB,GACtB,MAAM,QAAQ,CAAC;AAChB,YAAY,EACV,yBAAyB,EACzB,2BAA2B,EAC3B,2BAA2B,EAC3B,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,yBAAyB,EACzB,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,yBAAyB,EACzB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,6BAA6B,EAC7B,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,WAAW,EACX,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,uBAAuB,EACvB,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,EACvB,kBAAkB,EAClB,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,QAAQ,CAAC;AAGhB,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvD,YAAY,EACV,mBAAmB,EACnB,cAAc,EACd,cAAc,GACf,MAAM,YAAY,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _, a, C, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y } from "../CkHistory.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import { _, a, C, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z } from "../CkHistory.vue_vue_type_script_setup_true_lang-BcYJmbCd.js";
|
|
2
2
|
export {
|
|
3
3
|
_ as CkAgentMessage,
|
|
4
4
|
a as CkAgentMessageHeader,
|
|
@@ -8,23 +8,24 @@ export {
|
|
|
8
8
|
d as CkConversationLayout,
|
|
9
9
|
e as CkCopyMessageButton,
|
|
10
10
|
f as CkDropZoneOverlay,
|
|
11
|
-
g as
|
|
12
|
-
h as
|
|
13
|
-
i as
|
|
14
|
-
j as
|
|
15
|
-
k as
|
|
16
|
-
l as
|
|
17
|
-
m as
|
|
18
|
-
n as
|
|
19
|
-
o as
|
|
20
|
-
p as
|
|
21
|
-
q as
|
|
22
|
-
r as
|
|
23
|
-
s as
|
|
24
|
-
t as
|
|
25
|
-
u as
|
|
26
|
-
v as
|
|
27
|
-
w as
|
|
28
|
-
x as
|
|
29
|
-
y as
|
|
11
|
+
g as CkEditableUserMessage,
|
|
12
|
+
h as CkFeedbackButton,
|
|
13
|
+
i as CkFeedbackDialog,
|
|
14
|
+
j as CkFileItemsList,
|
|
15
|
+
k as CkHeaderActivityButton,
|
|
16
|
+
l as CkHistory,
|
|
17
|
+
m as CkHistoryItem,
|
|
18
|
+
n as CkHistoryWrapper,
|
|
19
|
+
o as CkMarkdownRenderer,
|
|
20
|
+
p as CkMessageButton,
|
|
21
|
+
q as CkModelSelector,
|
|
22
|
+
r as CkPromptInput,
|
|
23
|
+
s as CkPromptInputDisclaimer,
|
|
24
|
+
t as CkPromptMenuButton,
|
|
25
|
+
u as CkPromptSendButton,
|
|
26
|
+
v as CkPromptStopButton,
|
|
27
|
+
w as CkRegenerateMessageButton,
|
|
28
|
+
x as CkSendIcon,
|
|
29
|
+
y as CkStopIcon,
|
|
30
|
+
z as CkUserMessage
|
|
30
31
|
};
|
package/dist/handlers/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { u } from "../useMessageHandler-N50Yj-NU.js";
|
|
2
|
-
import { C, d, n, p, r, b, u as u2, a } from "../useChatKitLabels-
|
|
2
|
+
import { C, d, n, p, r, b, u as u2, a } from "../useChatKitLabels-DLy0BFx8.js";
|
|
3
3
|
export {
|
|
4
4
|
C as CHAT_KIT_LABELS,
|
|
5
5
|
d as defaultChatKitLabels,
|
|
@@ -69,6 +69,10 @@ export type ChatKitLabels = {
|
|
|
69
69
|
userMessageShowMore?: string;
|
|
70
70
|
/** Label for the `CkUserMessage` toggle when the message is expanded. */
|
|
71
71
|
userMessageShowLess?: string;
|
|
72
|
+
/** Accessible label for the `CkEditableUserMessage` floating actions toolbar. */
|
|
73
|
+
userMessageActions?: string;
|
|
74
|
+
/** Accessible label / tooltip for the edit action in the `CkEditableUserMessage` toolbar. */
|
|
75
|
+
userMessageEditAction?: string;
|
|
72
76
|
/** Accessible label for the `CkModelSelector` trigger button. */
|
|
73
77
|
modelSelectorAriaLabel?: string;
|
|
74
78
|
/** Accessible label for the `CkModelSelector` options list. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChatKitLabels.d.ts","sourceRoot":"","sources":["../../src/handlers/useChatKitLabels.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1D;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,0CAA0C;IAC1C,cAAc,EAAE,MAAM,CAAC;IACvB,4CAA4C;IAC5C,qBAAqB,EAAE,MAAM,CAAC;IAC9B,gDAAgD;IAChD,gBAAgB,EAAE,MAAM,CAAC;IACzB,sFAAsF;IACtF,iBAAiB,EAAE,MAAM,CAAC;IAC1B,4FAA4F;IAC5F,uBAAuB,EAAE,MAAM,CAAC;IAChC,0EAA0E;IAC1E,uBAAuB,EAAE,MAAM,CAAC;IAChC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+DAA+D;IAC/D,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,+DAA+D;IAC/D,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,gEAAgE;IAChE,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,kFAAkF;IAClF,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,qEAAqE;IACrE,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,qEAAqE;IACrE,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,iEAAiE;IACjE,iCAAiC,CAAC,EAAE,MAAM,CAAC;IAC3C,iDAAiD;IACjD,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,iDAAiD;IACjD,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,0EAA0E;IAC1E,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,yEAAyE;IACzE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iEAAiE;IACjE,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,+DAA+D;IAC/D,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,yEAAyE;IACzE,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,6EAA6E;IAC7E,mBAAmB,EAAE,MAAM,CAAC;IAC5B,8EAA8E;IAC9E,0BAA0B,EAAE,MAAM,CAAC;IACnC,uEAAuE;IACvE,qBAAqB,EAAE,MAAM,CAAC;IAC9B,yEAAyE;IACzE,uBAAuB,EAAE,MAAM,CAAC;IAChC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,oBAAoB,EAAE,
|
|
1
|
+
{"version":3,"file":"useChatKitLabels.d.ts","sourceRoot":"","sources":["../../src/handlers/useChatKitLabels.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -5,8 +5,8 @@ export { useChat, useConversationSessions, useConversations, } from './composabl
|
|
|
5
5
|
export type { ChatActions, ChatState, ConversationSession, CreateConversationInput, MessageHandler, MutationOptions, UseChatReturn, UseConversationSessionsReturn, UseConversationsOptions, UseConversationsReturn, } from './composables';
|
|
6
6
|
export { SdkError, createDocumentUploadProvider, defaultDocumentUploadConfig, defaultEndpoints, useDocumentUploadWithDefaultConfig, } from './composables/fileUpload';
|
|
7
7
|
export type { DocumentUploadConfig, DocumentUploadProvider, FileEntry, FileStatus, } from './composables/fileUpload';
|
|
8
|
-
export { CkAgentMessage, CkAgentMessageHeader, CkHeaderActivityButton, CkCitation, CkCitationCard, CkConversation, CkConversationLayout, CkCopyMessageButton, CkDropZoneOverlay, CkFeedbackButton, CkFeedbackDialog, CkFileItemsList, CkHistory, CkHistoryItem, CkHistoryWrapper, CkMarkdownRenderer, CkMessageButton, CkModelSelector, CkPromptSendButton, CkPromptMenuButton, CkPromptStopButton, CkPromptInput, CkPromptInputDisclaimer, CkRegenerateMessageButton, CkSendIcon, CkStopIcon, CkUserMessage, } from './components';
|
|
9
|
-
export type { CkAgentMessageHeaderProps, CkHeaderActivityButtonProps, CkHeaderActivityButtonEmits, CkCitationProps, CkCitationEmits, CkCitationSource, CkCitationCardProps, CkCitationCardEmits, CkConversationLayoutProps, CkConversationProps, CkDropZoneOverlayProps, CkDropZoneOverlayEmits, CkDropZoneRejection, CkDropZoneRejectionReason, CkFeedbackButtonProps, CkFeedbackDialogEmits, CkFeedbackDialogProps, CkFeedbackDialogSubmitPayload, CkFeedbackReason, CkFeedbackSentiment, CkFeedbackValue, CkFileEntry, CkFileItemsListEmits, CkFileItemsListProps, CkHistoryEmits, CkHistoryItemEmits, CkHistoryItemProps, CkHistoryProps, CkHistoryWrapperProps, CkMarkdownElementClasses, CkMarkdownRendererProps, CkMarkdownRendererEmits, CkModelOption, CkModelSelectorProps, CkModelSelectorEmits, CkPromptMenuButtonProps, CkUserMessageProps, } from './components';
|
|
8
|
+
export { CkAgentMessage, CkAgentMessageHeader, CkHeaderActivityButton, CkCitation, CkCitationCard, CkConversation, CkConversationLayout, CkCopyMessageButton, CkDropZoneOverlay, CkFeedbackButton, CkFeedbackDialog, CkFileItemsList, CkHistory, CkHistoryItem, CkHistoryWrapper, CkMarkdownRenderer, CkMessageButton, CkModelSelector, CkPromptSendButton, CkPromptMenuButton, CkPromptStopButton, CkPromptInput, CkPromptInputDisclaimer, CkRegenerateMessageButton, CkSendIcon, CkStopIcon, CkUserMessage, CkEditableUserMessage, } from './components';
|
|
9
|
+
export type { CkAgentMessageHeaderProps, CkHeaderActivityButtonProps, CkHeaderActivityButtonEmits, CkCitationProps, CkCitationEmits, CkCitationSource, CkCitationCardProps, CkCitationCardEmits, CkConversationLayoutProps, CkConversationProps, CkDropZoneOverlayProps, CkDropZoneOverlayEmits, CkDropZoneRejection, CkDropZoneRejectionReason, CkFeedbackButtonProps, CkFeedbackDialogEmits, CkFeedbackDialogProps, CkFeedbackDialogSubmitPayload, CkFeedbackReason, CkFeedbackSentiment, CkFeedbackValue, CkFileEntry, CkFileItemsListEmits, CkFileItemsListProps, CkHistoryEmits, CkHistoryItemEmits, CkHistoryItemProps, CkHistoryProps, CkHistoryWrapperProps, CkMarkdownElementClasses, CkMarkdownRendererProps, CkMarkdownRendererEmits, CkModelOption, CkModelSelectorProps, CkModelSelectorEmits, CkPromptMenuButtonProps, CkUserMessageProps, CkEditableUserMessageProps, CkEditableUserMessageEmits, } from './components';
|
|
10
10
|
export { formatRelativeTime } from './helpers';
|
|
11
11
|
export type { BaseMessage, Conversation, ConversationTree, MessageContent, MessageContentStatus, MessageMetadata, MessageReasoningContent, MessageRole, MessageStatus, MessageTextContent, MessageToolContent, TreeMessage, } from './types';
|
|
12
12
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,WAAW,GACjB,MAAM,YAAY,CAAC;AASpB,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,GAChB,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,OAAO,EACL,OAAO,EACP,uBAAuB,EACvB,gBAAgB,GACjB,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,WAAW,EACX,SAAS,EACT,mBAAmB,EACnB,uBAAuB,EACvB,cAAc,EACd,eAAe,EACf,aAAa,EACb,6BAA6B,EAC7B,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,QAAQ,EACR,4BAA4B,EAC5B,2BAA2B,EAC3B,gBAAgB,EAChB,kCAAkC,GACnC,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,oBAAoB,EACpB,sBAAsB,EACtB,SAAS,EACT,UAAU,GACX,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,sBAAsB,EACtB,UAAU,EACV,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,uBAAuB,EACvB,yBAAyB,EACzB,UAAU,EACV,UAAU,EACV,aAAa,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,WAAW,GACjB,MAAM,YAAY,CAAC;AASpB,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,GAChB,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,OAAO,EACL,OAAO,EACP,uBAAuB,EACvB,gBAAgB,GACjB,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,WAAW,EACX,SAAS,EACT,mBAAmB,EACnB,uBAAuB,EACvB,cAAc,EACd,eAAe,EACf,aAAa,EACb,6BAA6B,EAC7B,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,QAAQ,EACR,4BAA4B,EAC5B,2BAA2B,EAC3B,gBAAgB,EAChB,kCAAkC,GACnC,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,oBAAoB,EACpB,sBAAsB,EACtB,SAAS,EACT,UAAU,GACX,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,sBAAsB,EACtB,UAAU,EACV,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,uBAAuB,EACvB,yBAAyB,EACzB,UAAU,EACV,UAAU,EACV,aAAa,EACb,qBAAqB,GACtB,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,yBAAyB,EACzB,2BAA2B,EAC3B,2BAA2B,EAC3B,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,yBAAyB,EACzB,mBAAmB,EACnB,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,yBAAyB,EACzB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,6BAA6B,EAC7B,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,WAAW,EACX,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,uBAAuB,EACvB,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,EACvB,kBAAkB,EAClB,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG/C,YAAY,EACV,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,oBAAoB,EACpB,eAAe,EACf,uBAAuB,EACvB,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,kBAAkB,EAClB,WAAW,GACZ,MAAM,SAAS,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { u } from "./useMessageHandler-N50Yj-NU.js";
|
|
2
|
-
import { C, d, p, u as u2, a } from "./useChatKitLabels-
|
|
2
|
+
import { C, d, p, u as u2, a } from "./useChatKitLabels-DLy0BFx8.js";
|
|
3
3
|
import { S, c, d as d2, a as a2, u as u3, b, e, f } from "./index-CyrVnbS9.js";
|
|
4
|
-
import { _, a as a3, C as C2, b as b2, c as c2, d as d3, e as e2, f as f2, g, h, i, j, k, l, m, n, o, p as p2, q, r, s, t, u as u4, v, w, x, y, z } from "./CkHistory.vue_vue_type_script_setup_true_lang-
|
|
4
|
+
import { _, a as a3, C as C2, b as b2, c as c2, d as d3, e as e2, f as f2, g, h, i, j, k, l, m, n, o, p as p2, q, r, s, t, u as u4, v, w, x, y, z, A } from "./CkHistory.vue_vue_type_script_setup_true_lang-BcYJmbCd.js";
|
|
5
5
|
export {
|
|
6
6
|
C as CHAT_KIT_LABELS,
|
|
7
7
|
_ as CkAgentMessage,
|
|
@@ -12,31 +12,32 @@ export {
|
|
|
12
12
|
d3 as CkConversationLayout,
|
|
13
13
|
e2 as CkCopyMessageButton,
|
|
14
14
|
f2 as CkDropZoneOverlay,
|
|
15
|
-
g as
|
|
16
|
-
h as
|
|
17
|
-
i as
|
|
18
|
-
j as
|
|
19
|
-
k as
|
|
20
|
-
l as
|
|
21
|
-
m as
|
|
22
|
-
n as
|
|
23
|
-
o as
|
|
24
|
-
p2 as
|
|
25
|
-
q as
|
|
26
|
-
r as
|
|
27
|
-
s as
|
|
28
|
-
t as
|
|
29
|
-
u4 as
|
|
30
|
-
v as
|
|
31
|
-
w as
|
|
32
|
-
x as
|
|
33
|
-
y as
|
|
15
|
+
g as CkEditableUserMessage,
|
|
16
|
+
h as CkFeedbackButton,
|
|
17
|
+
i as CkFeedbackDialog,
|
|
18
|
+
j as CkFileItemsList,
|
|
19
|
+
k as CkHeaderActivityButton,
|
|
20
|
+
l as CkHistory,
|
|
21
|
+
m as CkHistoryItem,
|
|
22
|
+
n as CkHistoryWrapper,
|
|
23
|
+
o as CkMarkdownRenderer,
|
|
24
|
+
p2 as CkMessageButton,
|
|
25
|
+
q as CkModelSelector,
|
|
26
|
+
r as CkPromptInput,
|
|
27
|
+
s as CkPromptInputDisclaimer,
|
|
28
|
+
t as CkPromptMenuButton,
|
|
29
|
+
u4 as CkPromptSendButton,
|
|
30
|
+
v as CkPromptStopButton,
|
|
31
|
+
w as CkRegenerateMessageButton,
|
|
32
|
+
x as CkSendIcon,
|
|
33
|
+
y as CkStopIcon,
|
|
34
|
+
z as CkUserMessage,
|
|
34
35
|
S as SdkError,
|
|
35
36
|
c as createDocumentUploadProvider,
|
|
36
37
|
d as defaultChatKitLabels,
|
|
37
38
|
d2 as defaultDocumentUploadConfig,
|
|
38
39
|
a2 as defaultEndpoints,
|
|
39
|
-
|
|
40
|
+
A as formatRelativeTime,
|
|
40
41
|
p as provideChatKitLabels,
|
|
41
42
|
u3 as useChat,
|
|
42
43
|
u2 as useChatKitLabels,
|
|
@@ -28695,6 +28695,8 @@ const defaultChatKitLabels = {
|
|
|
28695
28695
|
feedbackDialogSubmitLabel: "Submit",
|
|
28696
28696
|
userMessageShowMore: "Show more",
|
|
28697
28697
|
userMessageShowLess: "Show less",
|
|
28698
|
+
userMessageActions: "Message actions",
|
|
28699
|
+
userMessageEditAction: "Edit message",
|
|
28698
28700
|
modelSelectorAriaLabel: "Select model",
|
|
28699
28701
|
modelSelectorListAriaLabel: "Models",
|
|
28700
28702
|
modelSelectorPlaceholder: "Select model",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aleph-alpha/chat-kit",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.3.0",
|
|
4
4
|
"description": "Chat kit package for building chat interfaces with Vue",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
"vue": "^3.5.27"
|
|
66
66
|
},
|
|
67
67
|
"dependencies": {
|
|
68
|
-
"@aleph-alpha/ui-library": "^
|
|
68
|
+
"@aleph-alpha/ui-library": "^5.3.0",
|
|
69
69
|
"dompurify": "^3.3.2",
|
|
70
70
|
"katex": "^0.17.0",
|
|
71
71
|
"mdast-util-find-and-replace": "^3.0.2",
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import CkEditableUserMessage from './CkEditableUserMessage.vue';
|
|
2
|
+
import { fireEvent, render, screen } from '@testing-library/vue';
|
|
3
|
+
|
|
4
|
+
const FLOAT_ANCHOR_SELECTOR = '[data-slot="float-anchor"]';
|
|
5
|
+
const EDIT_ACTION_NAME = 'Edit message';
|
|
6
|
+
|
|
7
|
+
describe('CkEditableUserMessage', () => {
|
|
8
|
+
it('renders the message text inside a floating anchor', () => {
|
|
9
|
+
const { container } = render(CkEditableUserMessage, {
|
|
10
|
+
props: { message: 'Editable message' },
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
const anchor = container.querySelector(FLOAT_ANCHOR_SELECTOR);
|
|
14
|
+
expect(anchor).not.toBeNull();
|
|
15
|
+
expect(anchor).toHaveTextContent('Editable message');
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
it('forwards default slot content to the message', () => {
|
|
19
|
+
render(CkEditableUserMessage, {
|
|
20
|
+
props: { message: 'Fallback text' },
|
|
21
|
+
slots: { default: 'Custom slot content' },
|
|
22
|
+
});
|
|
23
|
+
|
|
24
|
+
expect(screen.getByText('Custom slot content')).toBeInTheDocument();
|
|
25
|
+
expect(screen.queryByText('Fallback text')).not.toBeInTheDocument();
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
it('does not render the edit action until opened', () => {
|
|
29
|
+
render(CkEditableUserMessage, { props: { message: 'Editable message' } });
|
|
30
|
+
|
|
31
|
+
expect(
|
|
32
|
+
screen.queryByRole('button', { name: EDIT_ACTION_NAME }),
|
|
33
|
+
).not.toBeInTheDocument();
|
|
34
|
+
});
|
|
35
|
+
|
|
36
|
+
it('emits `edit` when the edit action is activated', async () => {
|
|
37
|
+
const { container, emitted } = render(CkEditableUserMessage, {
|
|
38
|
+
props: { message: 'Editable message' },
|
|
39
|
+
});
|
|
40
|
+
|
|
41
|
+
const anchor = container.querySelector<HTMLElement>(FLOAT_ANCHOR_SELECTOR);
|
|
42
|
+
expect(anchor).not.toBeNull();
|
|
43
|
+
await fireEvent.focus(anchor!);
|
|
44
|
+
|
|
45
|
+
const editButton = await screen.findByRole('button', {
|
|
46
|
+
name: EDIT_ACTION_NAME,
|
|
47
|
+
});
|
|
48
|
+
await fireEvent.click(editButton);
|
|
49
|
+
|
|
50
|
+
expect(emitted()).toHaveProperty('edit');
|
|
51
|
+
expect(emitted().edit).toHaveLength(1);
|
|
52
|
+
});
|
|
53
|
+
});
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import CkEditableUserMessage from './CkEditableUserMessage.vue';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
3
|
+
|
|
4
|
+
const meta: Meta<typeof CkEditableUserMessage> = {
|
|
5
|
+
title: 'Base/CkEditableUserMessage',
|
|
6
|
+
component: CkEditableUserMessage,
|
|
7
|
+
tags: ['autodocs'],
|
|
8
|
+
argTypes: {
|
|
9
|
+
message: {
|
|
10
|
+
control: 'text',
|
|
11
|
+
description:
|
|
12
|
+
'The message text to display. Can also be provided via the default slot.',
|
|
13
|
+
},
|
|
14
|
+
collapsedLines: {
|
|
15
|
+
control: { type: 'number', min: 0 },
|
|
16
|
+
description:
|
|
17
|
+
'When > 0, clamp the message to this many lines with a "Show more" / "Show less" toggle. Forwarded to the underlying CkUserMessage.',
|
|
18
|
+
},
|
|
19
|
+
},
|
|
20
|
+
decorators: [
|
|
21
|
+
() => ({
|
|
22
|
+
template:
|
|
23
|
+
'<div style="display: flex; flex-direction: column; align-items: flex-end; width: 100%; padding-left: 64px;"><story /></div>',
|
|
24
|
+
}),
|
|
25
|
+
],
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
export default meta;
|
|
29
|
+
type Story = StoryObj<typeof meta>;
|
|
30
|
+
|
|
31
|
+
const defaultTemplateSource = `<script setup lang="ts">
|
|
32
|
+
import { CkEditableUserMessage } from '@aleph-alpha/chat-kit';
|
|
33
|
+
|
|
34
|
+
function onEdit() {
|
|
35
|
+
// open your inline editor / start the edit flow
|
|
36
|
+
}
|
|
37
|
+
</script>
|
|
38
|
+
|
|
39
|
+
<template>
|
|
40
|
+
<CkEditableUserMessage message="..." @edit="onEdit" />
|
|
41
|
+
</template>`;
|
|
42
|
+
|
|
43
|
+
/**
|
|
44
|
+
* Editable message. Hover or keyboard-focus the message to reveal a floating
|
|
45
|
+
* toolbar with an edit action; activating it emits `edit`. The consumer owns
|
|
46
|
+
* the editing flow (e.g. swapping in an inline editor).
|
|
47
|
+
*/
|
|
48
|
+
export const Default: Story = {
|
|
49
|
+
args: {
|
|
50
|
+
message: 'Summarize the Q3 revenue report and highlight the top risks.',
|
|
51
|
+
},
|
|
52
|
+
parameters: { docs: { source: { code: defaultTemplateSource } } },
|
|
53
|
+
};
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import { useChatKitLabels } from '../../../handlers/useChatKitLabels';
|
|
3
|
+
import { CkUserMessage } from '../CkUserMessage';
|
|
4
|
+
import type {
|
|
5
|
+
CkEditableUserMessageEmits,
|
|
6
|
+
CkEditableUserMessageProps,
|
|
7
|
+
} from './types';
|
|
8
|
+
import {
|
|
9
|
+
UiFloatActionItems,
|
|
10
|
+
UiFloatActions,
|
|
11
|
+
UiIcon,
|
|
12
|
+
} from '@aleph-alpha/ui-library';
|
|
13
|
+
import { computed, useSlots } from 'vue';
|
|
14
|
+
|
|
15
|
+
defineOptions({ name: 'CkEditableUserMessage' });
|
|
16
|
+
|
|
17
|
+
withDefaults(defineProps<CkEditableUserMessageProps>(), {
|
|
18
|
+
message: undefined,
|
|
19
|
+
collapsedLines: 0,
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
const emit = defineEmits<CkEditableUserMessageEmits>();
|
|
23
|
+
|
|
24
|
+
const slots = useSlots();
|
|
25
|
+
|
|
26
|
+
const labels = useChatKitLabels();
|
|
27
|
+
|
|
28
|
+
const actionsLabel = computed(() => labels.value.userMessageActions);
|
|
29
|
+
const editActionLabel = computed(() => labels.value.userMessageEditAction);
|
|
30
|
+
</script>
|
|
31
|
+
|
|
32
|
+
<template>
|
|
33
|
+
<UiFloatActions
|
|
34
|
+
trigger="hover"
|
|
35
|
+
placement="left"
|
|
36
|
+
:offset="4"
|
|
37
|
+
class="max-w-full"
|
|
38
|
+
>
|
|
39
|
+
<template #container>
|
|
40
|
+
<CkUserMessage :message="message" :collapsed-lines="collapsedLines">
|
|
41
|
+
<!-- Only forward the default slot when the consumer actually provides
|
|
42
|
+
one, so an empty wrapper still falls back to the `message` prop. -->
|
|
43
|
+
<template v-if="slots.default" #default><slot /></template>
|
|
44
|
+
</CkUserMessage>
|
|
45
|
+
</template>
|
|
46
|
+
<template #action>
|
|
47
|
+
<UiFloatActionItems :aria-label="actionsLabel">
|
|
48
|
+
<UiFloatActionItems
|
|
49
|
+
type="button"
|
|
50
|
+
:aria-label="editActionLabel"
|
|
51
|
+
@click="emit('edit')"
|
|
52
|
+
>
|
|
53
|
+
<UiIcon name="pencil" :size="16" aria-hidden="true" />
|
|
54
|
+
</UiFloatActionItems>
|
|
55
|
+
</UiFloatActionItems>
|
|
56
|
+
</template>
|
|
57
|
+
</UiFloatActions>
|
|
58
|
+
</template>
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Editable variant of {@link CkUserMessage}. Wraps the plain user message in a
|
|
3
|
+
* floating actions toolbar (via `UiFloatActions`) that reveals an edit button on
|
|
4
|
+
* hover and keyboard focus. Activating it emits the `edit` event; the consumer
|
|
5
|
+
* owns the actual editing flow (e.g. swapping in an inline editor).
|
|
6
|
+
*
|
|
7
|
+
* Use this instead of `CkUserMessage` only when a turn needs the edit
|
|
8
|
+
* affordance — plain, non-interactive turns should keep using `CkUserMessage`.
|
|
9
|
+
*
|
|
10
|
+
* @category Messages
|
|
11
|
+
* @useCases edit user message, revise prompt, editable conversation turn, message hover actions
|
|
12
|
+
* @keywords user, message, edit, editable, chat, conversation, turn
|
|
13
|
+
* @related CkUserMessage, CkAgentMessage, CkConversation
|
|
14
|
+
*/
|
|
15
|
+
export interface CkEditableUserMessageProps {
|
|
16
|
+
/** Text content of the user message. Rendered inside the bubble when no default slot is provided. */
|
|
17
|
+
message?: string;
|
|
18
|
+
/**
|
|
19
|
+
* When greater than `0`, collapse the message to at most this many lines with
|
|
20
|
+
* a fade and a "Show more" / "Show less" toggle. Forwarded to the underlying
|
|
21
|
+
* {@link CkUserMessage}. Omit or pass `0` (the default) to disable clamping.
|
|
22
|
+
*/
|
|
23
|
+
collapsedLines?: number;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
/** Events emitted by {@link CkEditableUserMessage}. */
|
|
27
|
+
export interface CkEditableUserMessageEmits {
|
|
28
|
+
/** Emitted when the edit action is activated. */
|
|
29
|
+
edit: [];
|
|
30
|
+
}
|
|
@@ -1,17 +1,7 @@
|
|
|
1
1
|
<script setup lang="ts">
|
|
2
|
-
import {
|
|
3
|
-
defaultChatKitLabels,
|
|
4
|
-
useChatKitLabels,
|
|
5
|
-
} from '../../../handlers/useChatKitLabels';
|
|
2
|
+
import { useChatKitLabels } from '../../../handlers/useChatKitLabels';
|
|
6
3
|
import type { CkUserMessageProps } from './types';
|
|
7
|
-
import {
|
|
8
|
-
computed,
|
|
9
|
-
nextTick,
|
|
10
|
-
onBeforeUnmount,
|
|
11
|
-
onMounted,
|
|
12
|
-
ref,
|
|
13
|
-
watch,
|
|
14
|
-
} from 'vue';
|
|
4
|
+
import { computed, nextTick, onBeforeUnmount, ref, watch } from 'vue';
|
|
15
5
|
|
|
16
6
|
defineOptions({ name: 'CkUserMessage' });
|
|
17
7
|
|
|
@@ -22,17 +12,8 @@ const props = withDefaults(defineProps<CkUserMessageProps>(), {
|
|
|
22
12
|
|
|
23
13
|
const labels = useChatKitLabels();
|
|
24
14
|
|
|
25
|
-
|
|
26
|
-
const
|
|
27
|
-
() =>
|
|
28
|
-
labels.value.userMessageShowMore ??
|
|
29
|
-
defaultChatKitLabels.userMessageShowMore!,
|
|
30
|
-
);
|
|
31
|
-
const showLessLabel = computed(
|
|
32
|
-
() =>
|
|
33
|
-
labels.value.userMessageShowLess ??
|
|
34
|
-
defaultChatKitLabels.userMessageShowLess!,
|
|
35
|
-
);
|
|
15
|
+
const showMoreLabel = computed(() => labels.value.userMessageShowMore);
|
|
16
|
+
const showLessLabel = computed(() => labels.value.userMessageShowLess);
|
|
36
17
|
|
|
37
18
|
/** Clamping is opt-in: only active when a positive `collapsedLines` is given. */
|
|
38
19
|
const clampEnabled = computed(() => (props.collapsedLines ?? 0) > 0);
|
|
@@ -53,13 +34,21 @@ function toggle() {
|
|
|
53
34
|
|
|
54
35
|
let resizeObserver: ResizeObserver | undefined;
|
|
55
36
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
if (
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
37
|
+
function observeContent(el: HTMLElement | null) {
|
|
38
|
+
if (typeof ResizeObserver === 'undefined') return;
|
|
39
|
+
if (!resizeObserver) resizeObserver = new ResizeObserver(() => measure());
|
|
40
|
+
resizeObserver.disconnect();
|
|
41
|
+
if (el) resizeObserver.observe(el);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
watch(
|
|
45
|
+
contentRef,
|
|
46
|
+
(el) => {
|
|
47
|
+
observeContent(el);
|
|
48
|
+
nextTick(measure);
|
|
49
|
+
},
|
|
50
|
+
{ flush: 'post' },
|
|
51
|
+
);
|
|
63
52
|
|
|
64
53
|
onBeforeUnmount(() => resizeObserver?.disconnect());
|
|
65
54
|
|
|
@@ -4,10 +4,13 @@
|
|
|
4
4
|
* default slot for custom inline content. When `collapsedLines` is set, long
|
|
5
5
|
* messages are clamped with a fade and a "Show more" / "Show less" toggle.
|
|
6
6
|
*
|
|
7
|
+
* For an editable variant (hover/focus edit toolbar), see
|
|
8
|
+
* {@link CkEditableUserMessage}, which wraps this component.
|
|
9
|
+
*
|
|
7
10
|
* @category Messages
|
|
8
11
|
* @useCases render user message, conversation turn from user, chat input preview, right-aligned message, collapsible long message
|
|
9
12
|
* @keywords user, message, chat, conversation, turn, collapse, show more
|
|
10
|
-
* @related CkAgentMessage, CkConversation
|
|
13
|
+
* @related CkEditableUserMessage, CkAgentMessage, CkConversation
|
|
11
14
|
*/
|
|
12
15
|
export interface CkUserMessageProps {
|
|
13
16
|
/** Text content of the user message. Rendered inside the bubble when no default slot is provided. */
|
|
@@ -73,3 +73,8 @@ export { CkPromptInputDisclaimer } from './CkPromptInputDisclaimer';
|
|
|
73
73
|
export { CkRegenerateMessageButton } from './CkRegenerateMessageButton';
|
|
74
74
|
export { CkUserMessage } from './CkUserMessage';
|
|
75
75
|
export type { CkUserMessageProps } from './CkUserMessage';
|
|
76
|
+
export { CkEditableUserMessage } from './CkEditableUserMessage';
|
|
77
|
+
export type {
|
|
78
|
+
CkEditableUserMessageEmits,
|
|
79
|
+
CkEditableUserMessageProps,
|
|
80
|
+
} from './CkEditableUserMessage';
|
package/src/components/index.ts
CHANGED
|
@@ -25,6 +25,7 @@ export {
|
|
|
25
25
|
CkSendIcon,
|
|
26
26
|
CkStopIcon,
|
|
27
27
|
CkUserMessage,
|
|
28
|
+
CkEditableUserMessage,
|
|
28
29
|
} from './base';
|
|
29
30
|
export type {
|
|
30
31
|
CkAgentMessageHeaderProps,
|
|
@@ -61,6 +62,8 @@ export type {
|
|
|
61
62
|
CkModelSelectorEmits,
|
|
62
63
|
CkPromptMenuButtonProps,
|
|
63
64
|
CkUserMessageProps,
|
|
65
|
+
CkEditableUserMessageProps,
|
|
66
|
+
CkEditableUserMessageEmits,
|
|
64
67
|
} from './base';
|
|
65
68
|
|
|
66
69
|
// Composed (pattern) components
|