@aleph-alpha/chat-kit 0.8.0 → 1.0.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/{CkInput.vue_vue_type_script_setup_true_lang-Bpa5PJj-.js → CkInput.vue_vue_type_script_setup_true_lang-744ZHsQU.js} +562 -100
- package/dist/chat-kit.css +9 -14
- package/dist/components/base/CkAgentMessage/CkAgentMessage.stories.d.ts +20 -0
- package/dist/components/base/CkAgentMessage/CkAgentMessage.stories.d.ts.map +1 -1
- package/dist/components/base/CkAgentMessage/CkAgentMessage.vue.d.ts.map +1 -1
- package/dist/components/base/CkAgentMessage/index.d.ts +1 -0
- package/dist/components/base/CkAgentMessage/index.d.ts.map +1 -1
- package/dist/components/base/CkAgentMessage/types.d.ts +12 -0
- package/dist/components/base/CkAgentMessage/types.d.ts.map +1 -0
- package/dist/components/base/CkConversationLayout/CkConversationLayout.stories.d.ts +13 -0
- package/dist/components/base/CkConversationLayout/CkConversationLayout.stories.d.ts.map +1 -1
- package/dist/components/base/CkConversationLayout/CkConversationLayout.vue.d.ts.map +1 -1
- package/dist/components/base/CkConversationLayout/types.d.ts +9 -2
- package/dist/components/base/CkConversationLayout/types.d.ts.map +1 -1
- package/dist/components/base/CkCopyMessageActionButton/CkCopyMessageActionButton.stories.d.ts +8 -0
- package/dist/components/base/CkCopyMessageActionButton/CkCopyMessageActionButton.stories.d.ts.map +1 -1
- package/dist/components/base/CkCopyMessageActionButton/CkCopyMessageActionButton.vue.d.ts +3 -15
- package/dist/components/base/CkCopyMessageActionButton/CkCopyMessageActionButton.vue.d.ts.map +1 -1
- package/dist/components/base/CkCopyMessageActionButton/index.d.ts +1 -0
- package/dist/components/base/CkCopyMessageActionButton/index.d.ts.map +1 -1
- package/dist/components/base/CkCopyMessageActionButton/types.d.ts +45 -0
- package/dist/components/base/CkCopyMessageActionButton/types.d.ts.map +1 -0
- package/dist/components/base/CkHistoryItem/CkHistoryItem.stories.d.ts +31 -0
- package/dist/components/base/CkHistoryItem/CkHistoryItem.stories.d.ts.map +1 -0
- package/dist/components/base/CkHistoryItem/CkHistoryItem.vue.d.ts +32 -0
- package/dist/components/base/CkHistoryItem/CkHistoryItem.vue.d.ts.map +1 -0
- package/dist/components/base/CkHistoryItem/activeIndicator.d.ts +15 -0
- package/dist/components/base/CkHistoryItem/activeIndicator.d.ts.map +1 -0
- package/dist/components/base/CkHistoryItem/index.d.ts +3 -0
- package/dist/components/base/CkHistoryItem/index.d.ts.map +1 -0
- package/dist/components/base/CkHistoryItem/types.d.ts +95 -0
- package/dist/components/base/CkHistoryItem/types.d.ts.map +1 -0
- package/dist/components/base/CkHistoryWrapper/CkHistoryWrapper.stories.d.ts +16 -0
- package/dist/components/base/CkHistoryWrapper/CkHistoryWrapper.stories.d.ts.map +1 -0
- package/dist/components/base/CkHistoryWrapper/CkHistoryWrapper.vue.d.ts +17 -0
- package/dist/components/base/CkHistoryWrapper/CkHistoryWrapper.vue.d.ts.map +1 -0
- package/dist/components/base/CkHistoryWrapper/index.d.ts +3 -0
- package/dist/components/base/CkHistoryWrapper/index.d.ts.map +1 -0
- package/dist/components/base/CkHistoryWrapper/types.d.ts +17 -0
- package/dist/components/base/CkHistoryWrapper/types.d.ts.map +1 -0
- package/dist/components/base/CkMarkdownRenderer/CkMarkdownRenderer.stories.d.ts +28 -0
- package/dist/components/base/CkMarkdownRenderer/CkMarkdownRenderer.stories.d.ts.map +1 -1
- package/dist/components/base/CkMarkdownRenderer/CkMarkdownRenderer.vue.d.ts.map +1 -1
- package/dist/components/base/CkMarkdownRenderer/index.d.ts +1 -1
- package/dist/components/base/CkMarkdownRenderer/index.d.ts.map +1 -1
- package/dist/components/base/CkMarkdownRenderer/types.d.ts +16 -0
- package/dist/components/base/CkMarkdownRenderer/types.d.ts.map +1 -1
- package/dist/components/base/CkMessageActionButton/CkMessageActionButton.stories.d.ts +4 -0
- package/dist/components/base/CkMessageActionButton/CkMessageActionButton.stories.d.ts.map +1 -1
- package/dist/components/base/CkMessageActionButton/CkMessageActionButton.vue.d.ts +2 -5
- package/dist/components/base/CkMessageActionButton/CkMessageActionButton.vue.d.ts.map +1 -1
- package/dist/components/base/CkMessageActionButton/index.d.ts +1 -0
- package/dist/components/base/CkMessageActionButton/index.d.ts.map +1 -1
- package/dist/components/base/CkMessageActionButton/types.d.ts +22 -0
- package/dist/components/base/CkMessageActionButton/types.d.ts.map +1 -0
- package/dist/components/base/CkPromptActionButton/CkPromptActionButton.stories.d.ts +12 -0
- package/dist/components/base/CkPromptActionButton/CkPromptActionButton.stories.d.ts.map +1 -1
- package/dist/components/base/CkPromptActionButton/CkPromptActionButton.vue.d.ts +2 -7
- package/dist/components/base/CkPromptActionButton/CkPromptActionButton.vue.d.ts.map +1 -1
- package/dist/components/base/CkPromptActionButton/index.d.ts +1 -0
- package/dist/components/base/CkPromptActionButton/index.d.ts.map +1 -1
- package/dist/components/base/CkPromptActionButton/types.d.ts +33 -0
- package/dist/components/base/CkPromptActionButton/types.d.ts.map +1 -0
- package/dist/components/base/CkPromptInput/CkPromptInput.stories.d.ts +17 -0
- package/dist/components/base/CkPromptInput/CkPromptInput.stories.d.ts.map +1 -1
- package/dist/components/base/CkPromptInput/CkPromptInput.vue.d.ts +3 -9
- package/dist/components/base/CkPromptInput/CkPromptInput.vue.d.ts.map +1 -1
- package/dist/components/base/CkPromptInput/index.d.ts +1 -0
- package/dist/components/base/CkPromptInput/index.d.ts.map +1 -1
- package/dist/components/base/CkPromptInput/types.d.ts +39 -0
- package/dist/components/base/CkPromptInput/types.d.ts.map +1 -0
- package/dist/components/base/CkPromptInputDisclaimer/CkPromptInputDisclaimer.stories.d.ts +12 -0
- package/dist/components/base/CkPromptInputDisclaimer/CkPromptInputDisclaimer.stories.d.ts.map +1 -1
- package/dist/components/base/CkPromptInputDisclaimer/CkPromptInputDisclaimer.vue.d.ts +2 -4
- package/dist/components/base/CkPromptInputDisclaimer/CkPromptInputDisclaimer.vue.d.ts.map +1 -1
- package/dist/components/base/CkPromptInputDisclaimer/index.d.ts +1 -0
- package/dist/components/base/CkPromptInputDisclaimer/index.d.ts.map +1 -1
- package/dist/components/base/CkPromptInputDisclaimer/types.d.ts +18 -0
- package/dist/components/base/CkPromptInputDisclaimer/types.d.ts.map +1 -0
- package/dist/components/base/CkPromptStopButton/CkPromptStopButton.stories.d.ts +8 -0
- package/dist/components/base/CkPromptStopButton/CkPromptStopButton.stories.d.ts.map +1 -1
- package/dist/components/base/CkPromptStopButton/CkPromptStopButton.vue.d.ts +3 -6
- package/dist/components/base/CkPromptStopButton/CkPromptStopButton.vue.d.ts.map +1 -1
- package/dist/components/base/CkPromptStopButton/index.d.ts +1 -0
- package/dist/components/base/CkPromptStopButton/index.d.ts.map +1 -1
- package/dist/components/base/CkPromptStopButton/types.d.ts +28 -0
- package/dist/components/base/CkPromptStopButton/types.d.ts.map +1 -0
- package/dist/components/base/CkUserMessage/CkUserMessage.stories.d.ts +15 -0
- package/dist/components/base/CkUserMessage/CkUserMessage.stories.d.ts.map +1 -1
- package/dist/components/base/CkUserMessage/CkUserMessage.vue.d.ts.map +1 -1
- package/dist/components/base/CkUserMessage/types.d.ts +9 -2
- package/dist/components/base/CkUserMessage/types.d.ts.map +1 -1
- package/dist/components/base/icons/CkStopIcon.vue.d.ts.map +1 -1
- package/dist/components/base/index.d.ts +5 -1
- package/dist/components/base/index.d.ts.map +1 -1
- package/dist/components/composed/CkConversation/CkConversation.stories.d.ts +55 -0
- package/dist/components/composed/CkConversation/CkConversation.stories.d.ts.map +1 -1
- package/dist/components/composed/CkConversation/CkConversation.vue.d.ts.map +1 -1
- package/dist/components/composed/CkConversation/types.d.ts +25 -6
- package/dist/components/composed/CkConversation/types.d.ts.map +1 -1
- package/dist/components/composed/CkHistory/CkHistory.stories.d.ts +33 -0
- package/dist/components/composed/CkHistory/CkHistory.stories.d.ts.map +1 -0
- package/dist/components/composed/CkHistory/CkHistory.vue.d.ts +50 -0
- package/dist/components/composed/CkHistory/CkHistory.vue.d.ts.map +1 -0
- package/dist/components/composed/CkHistory/index.d.ts +3 -0
- package/dist/components/composed/CkHistory/index.d.ts.map +1 -0
- package/dist/components/composed/CkHistory/types.d.ts +71 -0
- package/dist/components/composed/CkHistory/types.d.ts.map +1 -0
- package/dist/components/composed/CkInput/CkInput.stories.d.ts +31 -1
- package/dist/components/composed/CkInput/CkInput.stories.d.ts.map +1 -1
- package/dist/components/composed/CkInput/CkInput.vue.d.ts +3 -12
- package/dist/components/composed/CkInput/CkInput.vue.d.ts.map +1 -1
- package/dist/components/composed/CkInput/index.d.ts +1 -0
- package/dist/components/composed/CkInput/index.d.ts.map +1 -1
- package/dist/components/composed/CkInput/types.d.ts +60 -0
- package/dist/components/composed/CkInput/types.d.ts.map +1 -0
- package/dist/components/composed/index.d.ts +2 -0
- package/dist/components/composed/index.d.ts.map +1 -1
- package/dist/components/index.d.ts +4 -4
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +14 -11
- package/dist/composables/index.d.ts +2 -0
- package/dist/composables/index.d.ts.map +1 -1
- package/dist/composables/index.js +3 -3
- package/dist/composables/useConversations.d.ts +72 -0
- package/dist/composables/useConversations.d.ts.map +1 -0
- package/dist/generateId-BHf0W4Rq.js +6 -0
- package/dist/handlers/index.js +2 -2
- package/dist/handlers/useChatKitLabels.d.ts +12 -0
- package/dist/handlers/useChatKitLabels.d.ts.map +1 -1
- package/dist/handlers/useMarkdownParser.d.ts.map +1 -1
- package/dist/helpers/conversationTree.d.ts.map +1 -1
- package/dist/helpers/index.d.ts +2 -0
- package/dist/helpers/index.d.ts.map +1 -1
- package/dist/helpers/secondsToDate.d.ts +6 -0
- package/dist/helpers/secondsToDate.d.ts.map +1 -0
- package/dist/helpers/toError.d.ts +7 -0
- package/dist/helpers/toError.d.ts.map +1 -0
- package/dist/index.d.ts +6 -6
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +20 -16
- package/dist/services/ChatService.d.ts.map +1 -1
- package/dist/services/MockChatService.d.ts.map +1 -1
- package/dist/services/index.d.ts +1 -1
- package/dist/services/index.d.ts.map +1 -1
- package/dist/services/index.js +4 -1
- package/dist/services/types.d.ts +53 -0
- package/dist/services/types.d.ts.map +1 -1
- package/dist/types.d.ts +13 -0
- package/dist/types.d.ts.map +1 -1
- package/dist/{useChatKitLabels-DOiK9ds0.js → useChatKitLabels-Dvi2FmjE.js} +10 -2
- package/dist/useConversations-Ca242D2P.js +195 -0
- package/dist/{useMessageHandler-D7OdrrcB.js → useMessageHandler-uLHNac39.js} +1 -3
- package/package.json +4 -3
package/dist/chat-kit.css
CHANGED
|
@@ -1,20 +1,15 @@
|
|
|
1
1
|
|
|
2
|
-
|
|
3
|
-
.message-
|
|
4
|
-
|
|
2
|
+
.copy-message-icon-fade-enter-active[data-v-f77a1193],
|
|
3
|
+
.copy-message-icon-fade-leave-active[data-v-f77a1193] {
|
|
4
|
+
transition: opacity 0.15s ease-out;
|
|
5
5
|
}
|
|
6
|
-
|
|
7
|
-
.copy-message-icon-fade-
|
|
8
|
-
|
|
9
|
-
transition: opacity 0.15s ease-out;
|
|
10
|
-
}
|
|
11
|
-
.copy-message-icon-fade-enter-from[data-v-1fb0b8d1],
|
|
12
|
-
.copy-message-icon-fade-leave-to[data-v-1fb0b8d1] {
|
|
13
|
-
opacity: 0;
|
|
6
|
+
.copy-message-icon-fade-enter-from[data-v-f77a1193],
|
|
7
|
+
.copy-message-icon-fade-leave-to[data-v-f77a1193] {
|
|
8
|
+
opacity: 0;
|
|
14
9
|
}
|
|
15
10
|
@media (prefers-reduced-motion: reduce) {
|
|
16
|
-
.copy-message-icon-fade-enter-active[data-v-
|
|
17
|
-
|
|
18
|
-
|
|
11
|
+
.copy-message-icon-fade-enter-active[data-v-f77a1193],
|
|
12
|
+
.copy-message-icon-fade-leave-active[data-v-f77a1193] {
|
|
13
|
+
transition-duration: 0.01ms;
|
|
19
14
|
}
|
|
20
15
|
}
|
|
@@ -3,9 +3,29 @@ import type { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
|
3
3
|
declare const meta: Meta<typeof CkAgentMessage>;
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof meta>;
|
|
6
|
+
/**
|
|
7
|
+
* Standard agent reply with an icon slot and a body slot. Use as the default
|
|
8
|
+
* layout for assistant messages in a conversation.
|
|
9
|
+
*/
|
|
6
10
|
export declare const Default: Story;
|
|
11
|
+
/**
|
|
12
|
+
* Adds action buttons (copy, regenerate, etc.) via the `footer` slot.
|
|
13
|
+
* Use when messages need post-response interactions.
|
|
14
|
+
*/
|
|
7
15
|
export declare const WithFooterActions: Story;
|
|
16
|
+
/**
|
|
17
|
+
* Arbitrary rich content in the default slot — lists, bold text, etc.
|
|
18
|
+
* Use when you are rendering structured answers directly (rather than via CkMarkdownRenderer).
|
|
19
|
+
*/
|
|
8
20
|
export declare const WithRichContent: Story;
|
|
21
|
+
/**
|
|
22
|
+
* Replaces the default header row with a custom title/metadata block.
|
|
23
|
+
* Use to label the assistant (agent name, version, model) above the message body.
|
|
24
|
+
*/
|
|
9
25
|
export declare const WithCustomHeader: Story;
|
|
26
|
+
/**
|
|
27
|
+
* Omits the icon slot. Use for minimalist conversations or systems where
|
|
28
|
+
* the assistant identity is conveyed elsewhere.
|
|
29
|
+
*/
|
|
10
30
|
export declare const WithoutIcon: Story;
|
|
11
31
|
//# sourceMappingURL=CkAgentMessage.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CkAgentMessage.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkAgentMessage/CkAgentMessage.stories.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAIrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"CkAgentMessage.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkAgentMessage/CkAgentMessage.stories.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAIrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAyFnC;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAerB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAmB/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAwB7B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAmB9B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CkAgentMessage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkAgentMessage/CkAgentMessage.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CkAgentMessage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkAgentMessage/CkAgentMessage.vue"],"names":[],"mappings":"AAwFA,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AACjF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK9C,QAAA,MAAM,UAAU,+QACd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkAgentMessage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkAgentMessage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,mBAAmB,SAAS,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Layout for a single assistant (agent) turn in a conversation. Exposes
|
|
3
|
+
* `icon`, `header`, default content and `footer` slots for full control over
|
|
4
|
+
* each section while keeping consistent spacing and alignment.
|
|
5
|
+
*
|
|
6
|
+
* @category Messages
|
|
7
|
+
* @useCases render assistant reply, AI message layout, conversation turn, streaming message container
|
|
8
|
+
* @keywords agent, assistant, message, bubble, reply, ai, conversation
|
|
9
|
+
* @related CkUserMessage, CkConversation, CkMarkdownRenderer, CkCopyMessageActionButton
|
|
10
|
+
*/
|
|
11
|
+
export type CkAgentMessageProps = Record<string, never>;
|
|
12
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkAgentMessage/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC"}
|
|
@@ -4,7 +4,20 @@ declare const CkConversationLayout: DefineComponent;
|
|
|
4
4
|
declare const meta: Meta<typeof CkConversationLayout>;
|
|
5
5
|
export default meta;
|
|
6
6
|
type Story = StoryObj<typeof meta>;
|
|
7
|
+
/**
|
|
8
|
+
* Default layout renders alternating user and agent messages with sticky-to-bottom
|
|
9
|
+
* scrolling. Use for most chat viewports where you need automatic follow-behavior.
|
|
10
|
+
*/
|
|
7
11
|
export declare const Default: Story;
|
|
12
|
+
/**
|
|
13
|
+
* Demonstrates the layout's streaming behavior: the bottom spacer shrinks as
|
|
14
|
+
* the agent response grows so the user's last message stays pinned to the top.
|
|
15
|
+
* Use when streaming tokens from an LLM into the last agent message.
|
|
16
|
+
*/
|
|
8
17
|
export declare const StreamingSimulation: Story;
|
|
18
|
+
/**
|
|
19
|
+
* Empty state for when there are no messages. Use as an initial state before
|
|
20
|
+
* the first user turn, or when history has been cleared.
|
|
21
|
+
*/
|
|
9
22
|
export declare const Empty: Story;
|
|
10
23
|
//# sourceMappingURL=CkConversationLayout.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CkConversationLayout.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkConversationLayout/CkConversationLayout.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAI3C,QAAA,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"CkConversationLayout.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkConversationLayout/CkConversationLayout.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAI3C,QAAA,MAAM,oBAAoB,EACoB,eAAe,CAAC;AAoB9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,oBAAoB,CAU3C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA2EnC;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAsBrB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAiFjC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAenB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CkConversationLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkConversationLayout/CkConversationLayout.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CkConversationLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkConversationLayout/CkConversationLayout.vue"],"names":[],"mappings":"AAmNA,QAAA,MAAM,YAAY,GAAK,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,EAC5D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAyPO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB;kBArP3C,CAAC,EAAE;MAqP2D,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC1I,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;wBAlPO,CAAC,KAAK,EAAE;YAAE,OAAO,EAAE,CAAC,CAAA;SAAE,KAAK,IAAI;yBAC9B,CAAC,KAAK,EAAE;YAAE,OAAO,EAAE,CAAC,CAAA;SAAE,KAAK,IAAI;;UAmP3C,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAI,CAAC;wBACvD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
|
|
@@ -1,7 +1,14 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* Scroll-aware container that renders a list of messages with sticky-to-bottom
|
|
3
|
+
* behavior, a shrinking spacer so streaming agent replies don't jitter the viewport,
|
|
4
|
+
* and slots for rendering user/agent messages.
|
|
3
5
|
*
|
|
4
|
-
* @
|
|
6
|
+
* @category Layout
|
|
7
|
+
* @useCases conversation scroll container, streaming chat layout, chat viewport with auto-scroll, follow-the-bottom chat list
|
|
8
|
+
* @keywords conversation, layout, scroll, auto-scroll, streaming, chat, container
|
|
9
|
+
* @related CkConversation, CkAgentMessage, CkUserMessage
|
|
10
|
+
*
|
|
11
|
+
* @typeParam T - Message type; must have at least a `role` string property.
|
|
5
12
|
*/
|
|
6
13
|
export interface CkConversationLayoutProps<T extends {
|
|
7
14
|
role: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkConversationLayout/types.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkConversationLayout/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,yBAAyB,CACxC,CAAC,SAAS;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE;IAE7C,6DAA6D;IAC7D,QAAQ,EAAE,CAAC,EAAE,CAAC;CACf"}
|
package/dist/components/base/CkCopyMessageActionButton/CkCopyMessageActionButton.stories.d.ts
CHANGED
|
@@ -3,6 +3,14 @@ import type { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
|
3
3
|
declare const meta: Meta<typeof CkCopyMessageActionButton>;
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof meta>;
|
|
6
|
+
/**
|
|
7
|
+
* Default copy action. Clicking copies the provided `text` to the clipboard
|
|
8
|
+
* and briefly shows a confirmation icon and `aria-live` announcement.
|
|
9
|
+
*/
|
|
6
10
|
export declare const Default: Story;
|
|
11
|
+
/**
|
|
12
|
+
* Disabled state — clicks are ignored and the button appears inactive.
|
|
13
|
+
* Use while a message is still streaming or in an error state.
|
|
14
|
+
*/
|
|
7
15
|
export declare const Disabled: Story;
|
|
8
16
|
//# sourceMappingURL=CkCopyMessageActionButton.stories.d.ts.map
|
package/dist/components/base/CkCopyMessageActionButton/CkCopyMessageActionButton.stories.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CkCopyMessageActionButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCopyMessageActionButton/CkCopyMessageActionButton.stories.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,MAAM,iCAAiC,CAAC;AACxE,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,yBAAyB,
|
|
1
|
+
{"version":3,"file":"CkCopyMessageActionButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCopyMessageActionButton/CkCopyMessageActionButton.stories.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,MAAM,iCAAiC,CAAC;AACxE,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,yBAAyB,CAwBhD,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkBnC;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC"}
|
|
@@ -1,21 +1,9 @@
|
|
|
1
|
-
type
|
|
2
|
-
|
|
3
|
-
text: string;
|
|
4
|
-
disabled?: boolean;
|
|
5
|
-
/** How long to show the checkmark before reverting (ms) */
|
|
6
|
-
durationMs?: number;
|
|
7
|
-
ariaLabelCopy?: string;
|
|
8
|
-
ariaLabelCopied?: string;
|
|
9
|
-
/**
|
|
10
|
-
* Optional writer (e.g. tests). When omitted, uses `navigator.clipboard.writeText`.
|
|
11
|
-
*/
|
|
12
|
-
writeToClipboard?: (text: string) => Promise<void>;
|
|
13
|
-
};
|
|
14
|
-
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
1
|
+
import type { CkCopyMessageActionButtonProps } from './types';
|
|
2
|
+
declare const __VLS_export: import("vue").DefineComponent<CkCopyMessageActionButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
15
3
|
copy: (payload: {
|
|
16
4
|
success: boolean;
|
|
17
5
|
}) => any;
|
|
18
|
-
}, string, import("vue").PublicProps, Readonly<
|
|
6
|
+
}, string, import("vue").PublicProps, Readonly<CkCopyMessageActionButtonProps> & Readonly<{
|
|
19
7
|
onCopy?: ((payload: {
|
|
20
8
|
success: boolean;
|
|
21
9
|
}) => any) | undefined;
|
package/dist/components/base/CkCopyMessageActionButton/CkCopyMessageActionButton.vue.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CkCopyMessageActionButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCopyMessageActionButton/CkCopyMessageActionButton.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CkCopyMessageActionButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCopyMessageActionButton/CkCopyMessageActionButton.vue"],"names":[],"mappings":"AAkHA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAC;AA+M9D,QAAA,MAAM,YAAY;;iBA7LW,OAAO;;;;iBAAP,OAAO;;;;;;;;6EAiMlC,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCopyMessageActionButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,iCAAiC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCopyMessageActionButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AACvF,mBAAmB,SAAS,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copy-to-clipboard action button for chat messages. Shows a check icon and
|
|
3
|
+
* announces success for assistive technologies, then reverts after a delay.
|
|
4
|
+
*
|
|
5
|
+
* @category Actions
|
|
6
|
+
* @useCases copy assistant reply, copy message to clipboard, chat message action, feedback action on message footer
|
|
7
|
+
* @keywords copy, clipboard, action, message, button, icon, feedback
|
|
8
|
+
* @related CkMessageActionButton, CkAgentMessage, CkConversation
|
|
9
|
+
*/
|
|
10
|
+
export interface CkCopyMessageActionButtonProps {
|
|
11
|
+
/** Plain text to copy to the clipboard. */
|
|
12
|
+
text: string;
|
|
13
|
+
/**
|
|
14
|
+
* Whether the button is disabled.
|
|
15
|
+
* @default false
|
|
16
|
+
*/
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* How long to show the success state (checkmark) before reverting, in ms.
|
|
20
|
+
* @default 3000
|
|
21
|
+
*/
|
|
22
|
+
durationMs?: number;
|
|
23
|
+
/**
|
|
24
|
+
* `aria-label` used while the button is in its idle (copy) state.
|
|
25
|
+
* @default 'Copy message'
|
|
26
|
+
*/
|
|
27
|
+
ariaLabelCopy?: string;
|
|
28
|
+
/**
|
|
29
|
+
* `aria-label` used after the text has been copied.
|
|
30
|
+
* @default 'Copied'
|
|
31
|
+
*/
|
|
32
|
+
ariaLabelCopied?: string;
|
|
33
|
+
/**
|
|
34
|
+
* Optional clipboard writer for testing or custom implementations.
|
|
35
|
+
* When omitted, uses `navigator.clipboard.writeText`.
|
|
36
|
+
*/
|
|
37
|
+
writeToClipboard?: (text: string) => Promise<void>;
|
|
38
|
+
}
|
|
39
|
+
export interface CkCopyMessageActionButtonEmits {
|
|
40
|
+
/** Emitted after the clipboard operation finishes (success or failure). */
|
|
41
|
+
(e: 'copy', payload: {
|
|
42
|
+
success: boolean;
|
|
43
|
+
}): void;
|
|
44
|
+
}
|
|
45
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCopyMessageActionButton/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,WAAW,8BAA8B;IAC7C,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACpD;AAED,MAAM,WAAW,8BAA8B;IAC7C,2EAA2E;IAC3E,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;CAClD"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import CkHistoryItem from './CkHistoryItem.vue';
|
|
3
|
+
declare const meta: Meta<typeof CkHistoryItem>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof CkHistoryItem>;
|
|
6
|
+
/**
|
|
7
|
+
* Default row with title, two-segment meta line, and a kebab action that
|
|
8
|
+
* appears on hover. Use for one-off rows outside of `CkHistory`.
|
|
9
|
+
*/
|
|
10
|
+
export declare const Default: Story;
|
|
11
|
+
/**
|
|
12
|
+
* Active treatment — shows the left rail and highlighted background. Use
|
|
13
|
+
* when the row represents the conversation currently displayed.
|
|
14
|
+
*/
|
|
15
|
+
export declare const Active: Story;
|
|
16
|
+
/**
|
|
17
|
+
* Forces the trailing action to stay visible (`show-action-on-hover="false"`).
|
|
18
|
+
* Use on touch devices or when hover isn't available.
|
|
19
|
+
*/
|
|
20
|
+
export declare const AlwaysShowAction: Story;
|
|
21
|
+
/**
|
|
22
|
+
* Row without any meta text. Use for compact lists where only the title
|
|
23
|
+
* matters.
|
|
24
|
+
*/
|
|
25
|
+
export declare const NoMeta: Story;
|
|
26
|
+
/**
|
|
27
|
+
* Renders the trailing action as a popover trigger. Pass menu items via the
|
|
28
|
+
* `#action-popover` slot; the component handles opening and focus.
|
|
29
|
+
*/
|
|
30
|
+
export declare const WithActionPopover: Story;
|
|
31
|
+
//# sourceMappingURL=CkHistoryItem.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CkHistoryItem.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkHistoryItem/CkHistoryItem.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAsCpC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAkG5C;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAmC/B,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { CkHistoryItemProps } from './types';
|
|
2
|
+
declare var __VLS_7: {}, __VLS_37: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
meta?: (props: typeof __VLS_7) => any;
|
|
5
|
+
} & {
|
|
6
|
+
'action-popover'?: (props: typeof __VLS_37) => any;
|
|
7
|
+
};
|
|
8
|
+
declare const __VLS_base: import("vue").DefineComponent<CkHistoryItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
9
|
+
"action-click": (event: MouseEvent) => any;
|
|
10
|
+
}, string, import("vue").PublicProps, Readonly<CkHistoryItemProps> & Readonly<{
|
|
11
|
+
"onAction-click"?: ((event: MouseEvent) => any) | undefined;
|
|
12
|
+
}>, {
|
|
13
|
+
isActive: boolean;
|
|
14
|
+
showAction: boolean;
|
|
15
|
+
showActionOnHover: boolean;
|
|
16
|
+
actionTooltip: string;
|
|
17
|
+
actionAriaLabel: string;
|
|
18
|
+
actionPopover: boolean;
|
|
19
|
+
actionPopoverSide: "top" | "right" | "bottom" | "left";
|
|
20
|
+
actionPopoverAlign: "start" | "center" | "end";
|
|
21
|
+
actionPopoverSideOffset: number;
|
|
22
|
+
as: import("reka-ui").AsTag | import("vue").Component;
|
|
23
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
24
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
25
|
+
declare const _default: typeof __VLS_export;
|
|
26
|
+
export default _default;
|
|
27
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
28
|
+
new (): {
|
|
29
|
+
$slots: S;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=CkHistoryItem.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CkHistoryItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkHistoryItem/CkHistoryItem.vue"],"names":[],"mappings":"AA8RA,OAAO,KAAK,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA6ctE,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKzD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;6EAId,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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Shared class string for the left-edge active indicator used by a chat
|
|
3
|
+
* history row.
|
|
4
|
+
*
|
|
5
|
+
* The `::before` pseudo-element is always mounted so CSS has something to
|
|
6
|
+
* transition. At rest it's painted from `scale-x-0` + `opacity-0` with its
|
|
7
|
+
* transform anchored on the left edge (`origin-left`); when the row's
|
|
8
|
+
* `data-active="true"` flips on, the bar paints in from left to right while
|
|
9
|
+
* fading in, using a 200ms linear curve.
|
|
10
|
+
*
|
|
11
|
+
* Kept as a string constant (rather than generated via `cn`) so UnoCSS's
|
|
12
|
+
* static scanner picks up every utility class for atomic CSS generation.
|
|
13
|
+
*/
|
|
14
|
+
export declare const CHAT_HISTORY_ACTIVE_INDICATOR_CLASS = "before:absolute before:z-10 before:top-1/2 before:left-0 before:h-1/2 before:w-0.5 before:-translate-y-1/2 before:origin-left before:scale-x-0 before:rounded-full before:bg-background-accent-default before:opacity-0 before:transition-[transform,opacity] before:duration-200 before:ease-linear before:content-[\"\"] data-[active=true]:before:scale-x-100 data-[active=true]:before:opacity-100";
|
|
15
|
+
//# sourceMappingURL=activeIndicator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"activeIndicator.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkHistoryItem/activeIndicator.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,mCAAmC,2YACwV,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkHistoryItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC/D,mBAAmB,SAAS,CAAC"}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import type { Component, HTMLAttributes } from 'vue';
|
|
2
|
+
import type { PrimitiveProps } from 'reka-ui';
|
|
3
|
+
/**
|
|
4
|
+
* A single chat history entry with title, optional meta line, active
|
|
5
|
+
* indicator, and a trailing action control (plain button or popover).
|
|
6
|
+
* Sidebar-agnostic: can be used anywhere, not only inside a sidebar.
|
|
7
|
+
*
|
|
8
|
+
* @category Actions
|
|
9
|
+
* @useCases chat history row, thread list entry, recent conversation item
|
|
10
|
+
* @keywords chat, history, item, row, conversation, thread
|
|
11
|
+
* @related CkHistoryWrapper
|
|
12
|
+
*/
|
|
13
|
+
export interface CkHistoryItemProps extends PrimitiveProps {
|
|
14
|
+
/**
|
|
15
|
+
* Main title of the history item.
|
|
16
|
+
*/
|
|
17
|
+
title: string;
|
|
18
|
+
/**
|
|
19
|
+
* First metadata label shown under the title.
|
|
20
|
+
*/
|
|
21
|
+
metaStart?: string;
|
|
22
|
+
/**
|
|
23
|
+
* Second metadata label shown under the title.
|
|
24
|
+
*/
|
|
25
|
+
metaEnd?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Marks the item as active (shows the left-edge rail indicator and
|
|
28
|
+
* background tint).
|
|
29
|
+
* @default false
|
|
30
|
+
*/
|
|
31
|
+
isActive?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* Whether to render the end action button.
|
|
34
|
+
* @default true
|
|
35
|
+
*/
|
|
36
|
+
showAction?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Whether the end action should only appear on hover/focus.
|
|
39
|
+
* @default true
|
|
40
|
+
*/
|
|
41
|
+
showActionOnHover?: boolean;
|
|
42
|
+
/**
|
|
43
|
+
* Tooltip for the end action button.
|
|
44
|
+
*/
|
|
45
|
+
actionTooltip?: string;
|
|
46
|
+
/**
|
|
47
|
+
* Accessible label for the end action button.
|
|
48
|
+
* @default 'History item action'
|
|
49
|
+
*/
|
|
50
|
+
actionAriaLabel?: string;
|
|
51
|
+
/**
|
|
52
|
+
* Custom action icon rendered at the end of the row. Defaults to a
|
|
53
|
+
* `more-vertical` icon.
|
|
54
|
+
*/
|
|
55
|
+
actionIcon?: Component;
|
|
56
|
+
/**
|
|
57
|
+
* When true, the action control opens a popover (use `#action-popover`
|
|
58
|
+
* slot for the body). Tooltip on the action is not used in this mode;
|
|
59
|
+
* set `actionAriaLabel` for accessibility.
|
|
60
|
+
* @default false
|
|
61
|
+
*/
|
|
62
|
+
actionPopover?: boolean;
|
|
63
|
+
/**
|
|
64
|
+
* Popover side relative to the action trigger.
|
|
65
|
+
* @default 'right'
|
|
66
|
+
*/
|
|
67
|
+
actionPopoverSide?: 'top' | 'right' | 'bottom' | 'left';
|
|
68
|
+
/**
|
|
69
|
+
* Popover alignment relative to the trigger.
|
|
70
|
+
* @default 'start'
|
|
71
|
+
*/
|
|
72
|
+
actionPopoverAlign?: 'start' | 'center' | 'end';
|
|
73
|
+
/**
|
|
74
|
+
* Offset between trigger and popover content.
|
|
75
|
+
* @default 8
|
|
76
|
+
*/
|
|
77
|
+
actionPopoverSideOffset?: number;
|
|
78
|
+
/**
|
|
79
|
+
* Extra classes for the popover panel (merged with pattern defaults).
|
|
80
|
+
*/
|
|
81
|
+
actionPopoverContentClass?: HTMLAttributes['class'];
|
|
82
|
+
}
|
|
83
|
+
/**
|
|
84
|
+
* Emitted events for `CkHistoryItem`.
|
|
85
|
+
*/
|
|
86
|
+
export interface CkHistoryItemEmits {
|
|
87
|
+
/**
|
|
88
|
+
* Fired when the end action button is clicked.
|
|
89
|
+
* Not emitted when `actionPopover` is `true` — in that mode the click
|
|
90
|
+
* opens the popover and consumers react to interactions inside the
|
|
91
|
+
* `#action-popover` slot.
|
|
92
|
+
*/
|
|
93
|
+
'action-click': [event: MouseEvent];
|
|
94
|
+
}
|
|
95
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkHistoryItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;;;;;;;;;GASG;AACH,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAExD;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAEhD;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC;;OAEG;IACH,yBAAyB,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;CACrD;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;;;OAKG;IACH,cAAc,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;CACrC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import CkHistoryWrapper from './CkHistoryWrapper.vue';
|
|
3
|
+
declare const meta: Meta<typeof CkHistoryWrapper>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof CkHistoryWrapper>;
|
|
6
|
+
/**
|
|
7
|
+
* Default wrapper with the small vertical gap (`gap-1`) applied between
|
|
8
|
+
* child rows. Use as the container for any list of `CkHistoryItem`s.
|
|
9
|
+
*/
|
|
10
|
+
export declare const Default: Story;
|
|
11
|
+
/**
|
|
12
|
+
* Disables the inter-item gap (`with-gap="false"`). Use for dense lists
|
|
13
|
+
* where items should sit flush against each other.
|
|
14
|
+
*/
|
|
15
|
+
export declare const WithoutGap: Story;
|
|
16
|
+
//# sourceMappingURL=CkHistoryWrapper.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CkHistoryWrapper.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkHistoryWrapper/CkHistoryWrapper.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AAGtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAkBvC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AA2B/C;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAwDrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KA4BxB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { CkHistoryWrapperProps } from './types';
|
|
2
|
+
declare var __VLS_1: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
default?: (props: typeof __VLS_1) => any;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_base: import("vue").DefineComponent<CkHistoryWrapperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CkHistoryWrapperProps> & Readonly<{}>, {
|
|
7
|
+
withGap: boolean;
|
|
8
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
9
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
10
|
+
declare const _default: typeof __VLS_export;
|
|
11
|
+
export default _default;
|
|
12
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
13
|
+
new (): {
|
|
14
|
+
$slots: S;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=CkHistoryWrapper.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CkHistoryWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkHistoryWrapper/CkHistoryWrapper.vue"],"names":[],"mappings":"AAwCA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AA0DrD,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;AAK/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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkHistoryWrapper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,mBAAmB,SAAS,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Vertical stack for chat history rows (`CkHistoryItem`). Sidebar-agnostic:
|
|
3
|
+
* can be used anywhere in the app, not only inside a sidebar.
|
|
4
|
+
*
|
|
5
|
+
* @category Layout
|
|
6
|
+
* @useCases chat history list, thread list container, recent conversations stack
|
|
7
|
+
* @keywords chat, history, list, stack, container
|
|
8
|
+
* @related CkHistoryItem
|
|
9
|
+
*/
|
|
10
|
+
export interface CkHistoryWrapperProps {
|
|
11
|
+
/**
|
|
12
|
+
* When true, applies a small vertical gap (`gap-1`) between child items.
|
|
13
|
+
* @default true
|
|
14
|
+
*/
|
|
15
|
+
withGap?: boolean;
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkHistoryWrapper/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
|
|
@@ -3,11 +3,39 @@ import type { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
|
3
3
|
declare const meta: Meta<typeof CkMarkdownRenderer>;
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof meta>;
|
|
6
|
+
/**
|
|
7
|
+
* Renders inline Markdown with bold, italic, and inline code. Use as the
|
|
8
|
+
* default way to display assistant prose replies.
|
|
9
|
+
*/
|
|
6
10
|
export declare const Default: Story;
|
|
11
|
+
/**
|
|
12
|
+
* Renders fenced code blocks with language hints. Use when replies contain
|
|
13
|
+
* code samples and you rely on the default `<pre><code>` styling.
|
|
14
|
+
*/
|
|
7
15
|
export declare const WithCodeBlocks: Story;
|
|
16
|
+
/**
|
|
17
|
+
* Provides a custom `code-block` slot so you can integrate a syntax highlighter
|
|
18
|
+
* (Shiki, Prism, highlight.js) or render a copy button next to each block.
|
|
19
|
+
*/
|
|
8
20
|
export declare const WithCustomCodeBlockSlot: Story;
|
|
21
|
+
/**
|
|
22
|
+
* End-to-end example with headings, lists, code blocks, blockquotes, and a
|
|
23
|
+
* horizontal rule. Use as a reference for typical long-form assistant output.
|
|
24
|
+
*/
|
|
9
25
|
export declare const ComplexMarkdown: Story;
|
|
26
|
+
/**
|
|
27
|
+
* Overrides default tag styles via the `classes` prop. Use to apply design-system
|
|
28
|
+
* tokens/Tailwind classes without introducing a code-block slot.
|
|
29
|
+
*/
|
|
10
30
|
export declare const WithCustomClasses: Story;
|
|
31
|
+
/**
|
|
32
|
+
* Demonstrates GFM features (tables, task lists, strikethrough, autolinks).
|
|
33
|
+
* These are enabled by default because the renderer ships with `remark-gfm`.
|
|
34
|
+
*/
|
|
11
35
|
export declare const GfmFeatures: Story;
|
|
36
|
+
/**
|
|
37
|
+
* Supplies a custom remark/unified plugin through the `plugins` prop. Use to
|
|
38
|
+
* transform the AST before rendering (e.g. math, directive, custom nodes).
|
|
39
|
+
*/
|
|
12
40
|
export declare const WithCustomPlugin: Story;
|
|
13
41
|
//# sourceMappingURL=CkMarkdownRenderer.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CkMarkdownRenderer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkMarkdownRenderer/CkMarkdownRenderer.stories.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,
|
|
1
|
+
{"version":3,"file":"CkMarkdownRenderer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkMarkdownRenderer/CkMarkdownRenderer.stories.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAkBzC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAqHnC;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAsB5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,KA+BrC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAwC7B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KA0C/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KA4BzB,CAAC;AAeF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAkB9B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CkMarkdownRenderer.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkMarkdownRenderer/CkMarkdownRenderer.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CkMarkdownRenderer.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkMarkdownRenderer/CkMarkdownRenderer.vue"],"names":[],"mappings":"AA4FA,OAAO,EAKL,KAAK,QAAQ,EAEb,KAAK,KAAK,EACX,MAAM,KAAK,CAAC;AACb,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;wBAyCnC,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;;;;;;cAKI,QAAQ,CAAC,wBAAwB,CAAC;;;;cAG1B,QAAQ,CAAC,aAAa,CAAC;;;;;;;;;;;cAH/B,QAAQ,CAAC,wBAAwB,CAAC;;;;cAG1B,QAAQ,CAAC,aAAa,CAAC;;;;;;4EA0BnD,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { default as CkMarkdownRenderer } from './CkMarkdownRenderer.vue';
|
|
2
|
-
export type { CkMarkdownRendererProps, CkMarkdownElementClasses } from './types';
|
|
2
|
+
export type { CkMarkdownRendererProps, CkMarkdownElementClasses, } from './types';
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|