@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.
Files changed (37) hide show
  1. package/dist/{CkHistory.vue_vue_type_script_setup_true_lang-BxzHdcxY.js → CkHistory.vue_vue_type_script_setup_true_lang-BcYJmbCd.js} +152 -87
  2. package/dist/chat-kit.css +3 -3
  3. package/dist/components/base/CkEditableUserMessage/CkEditableUserMessage.stories.d.ts +12 -0
  4. package/dist/components/base/CkEditableUserMessage/CkEditableUserMessage.stories.d.ts.map +1 -0
  5. package/dist/components/base/CkEditableUserMessage/CkEditableUserMessage.vue.d.ts +22 -0
  6. package/dist/components/base/CkEditableUserMessage/CkEditableUserMessage.vue.d.ts.map +1 -0
  7. package/dist/components/base/CkEditableUserMessage/index.d.ts +3 -0
  8. package/dist/components/base/CkEditableUserMessage/index.d.ts.map +1 -0
  9. package/dist/components/base/CkEditableUserMessage/types.d.ts +30 -0
  10. package/dist/components/base/CkEditableUserMessage/types.d.ts.map +1 -0
  11. package/dist/components/base/CkUserMessage/CkUserMessage.vue.d.ts.map +1 -1
  12. package/dist/components/base/CkUserMessage/types.d.ts +4 -1
  13. package/dist/components/base/CkUserMessage/types.d.ts.map +1 -1
  14. package/dist/components/base/index.d.ts +2 -0
  15. package/dist/components/base/index.d.ts.map +1 -1
  16. package/dist/components/index.d.ts +2 -2
  17. package/dist/components/index.d.ts.map +1 -1
  18. package/dist/components/index.js +21 -20
  19. package/dist/handlers/index.js +1 -1
  20. package/dist/handlers/useChatKitLabels.d.ts +4 -0
  21. package/dist/handlers/useChatKitLabels.d.ts.map +1 -1
  22. package/dist/index.d.ts +2 -2
  23. package/dist/index.d.ts.map +1 -1
  24. package/dist/index.js +23 -22
  25. package/dist/{useChatKitLabels-zMFV7aEz.js → useChatKitLabels-DLy0BFx8.js} +2 -0
  26. package/package.json +2 -2
  27. package/src/components/base/CkEditableUserMessage/CkEditableUserMessage.spec.ts +53 -0
  28. package/src/components/base/CkEditableUserMessage/CkEditableUserMessage.stories.ts +53 -0
  29. package/src/components/base/CkEditableUserMessage/CkEditableUserMessage.vue +58 -0
  30. package/src/components/base/CkEditableUserMessage/index.ts +5 -0
  31. package/src/components/base/CkEditableUserMessage/types.ts +30 -0
  32. package/src/components/base/CkUserMessage/CkUserMessage.vue +19 -30
  33. package/src/components/base/CkUserMessage/types.ts +4 -1
  34. package/src/components/base/index.ts +5 -0
  35. package/src/components/index.ts +3 -0
  36. package/src/handlers/useChatKitLabels.ts +6 -0
  37. 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":"AAwIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA2JlD,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"}
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;;;;;;;;;;GAUG;AACH,MAAM,WAAW,kBAAkB;IACjC,qGAAqG;IACrG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB"}
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,GACd,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,GACnB,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"}
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"}
@@ -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-BxzHdcxY.js";
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 CkFeedbackButton,
12
- h as CkFeedbackDialog,
13
- i as CkFileItemsList,
14
- j as CkHeaderActivityButton,
15
- k as CkHistory,
16
- l as CkHistoryItem,
17
- m as CkHistoryWrapper,
18
- n as CkMarkdownRenderer,
19
- o as CkMessageButton,
20
- p as CkModelSelector,
21
- q as CkPromptInput,
22
- r as CkPromptInputDisclaimer,
23
- s as CkPromptMenuButton,
24
- t as CkPromptSendButton,
25
- u as CkPromptStopButton,
26
- v as CkRegenerateMessageButton,
27
- w as CkSendIcon,
28
- x as CkStopIcon,
29
- y as CkUserMessage
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
  };
@@ -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-zMFV7aEz.js";
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,aAkClC,CAAC;AAEF,4CAA4C;AAC5C,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,WAAW,CAAC,aAAa,CAAC,CAC1C,CAAC;AAE5B,KAAK,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;AAE5C,yFAAyF;AACzF,KAAK,cAAc,GACf,GAAG,CAAC,aAAa,CAAC,GAClB,WAAW,CAAC,aAAa,CAAC,GAC1B,CAAC,MAAM,aAAa,CAAC,CAAC;AAE1B;;;;;;;;;GASG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI,CAKjE;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,IAAI,WAAW,CAAC,aAAa,CAAC,CAK7D"}
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
@@ -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,GACd,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,GACnB,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"}
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-zMFV7aEz.js";
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-BxzHdcxY.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, 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 CkFeedbackButton,
16
- h as CkFeedbackDialog,
17
- i as CkFileItemsList,
18
- j as CkHeaderActivityButton,
19
- k as CkHistory,
20
- l as CkHistoryItem,
21
- m as CkHistoryWrapper,
22
- n as CkMarkdownRenderer,
23
- o as CkMessageButton,
24
- p2 as CkModelSelector,
25
- q as CkPromptInput,
26
- r as CkPromptInputDisclaimer,
27
- s as CkPromptMenuButton,
28
- t as CkPromptSendButton,
29
- u4 as CkPromptStopButton,
30
- v as CkRegenerateMessageButton,
31
- w as CkSendIcon,
32
- x as CkStopIcon,
33
- y as CkUserMessage,
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
- z as formatRelativeTime,
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.2.0",
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": "^2.8.3",
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,5 @@
1
+ export { default as CkEditableUserMessage } from './CkEditableUserMessage.vue';
2
+ export type {
3
+ CkEditableUserMessageEmits,
4
+ CkEditableUserMessageProps,
5
+ } from './types';
@@ -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
- // Resolution order: injected label, English default.
26
- const showMoreLabel = computed(
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
- onMounted(() => {
57
- nextTick(measure);
58
- if (typeof ResizeObserver !== 'undefined') {
59
- resizeObserver = new ResizeObserver(() => measure());
60
- if (contentRef.value) resizeObserver.observe(contentRef.value);
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';
@@ -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