@aleph-alpha/chat-kit 1.17.3 → 1.18.0

package/src/handlers/useChatKitLabels.spec.ts

@@ -34,34 +34,11 @@ describe('useChatKitLabels', () => {
   });
 
   it('returns provided labels when a ref is used', () => {
-    const customLabels = ref<ChatKitLabels>({
-      agentAvatarAlt: 'Bot-Bild',
-      agentLoadingAvatarAlt: 'Bot lädt',
-      inputPlaceholder: 'Nachricht eingeben...',
-      copyMessageAction: 'Nachricht kopieren',
-      copyMessageActionCopied: 'Kopiert',
-      feedbackThumbsUp: 'Gute Antwort',
-      feedbackThumbsDown: 'Schlechte Antwort',
-      feedbackGroup: 'Antwort bewerten',
-      feedbackDialogTitlePositive: 'Positives Feedback geben',
-      feedbackDialogTitleNegative: 'Negatives Feedback geben',
-      feedbackDialogResponseHeading: 'Antwort',
-      feedbackDialogDescription:
-        'Wählen Sie einen Grund und fügen Sie optional einen Kommentar hinzu.',
-      feedbackDialogOtherLabel: 'Sonstiges',
-      feedbackDialogOtherTooltip:
-        'Teilen Sie weitere Details zu dieser Antwort mit.',
-      feedbackDialogFreeTextPlaceholder: 'Zusätzliche Details eingeben',
-      feedbackDialogCancelLabel: 'Abbrechen',
-      feedbackDialogSubmitLabel: 'Senden',
-      userMessageShowMore: 'Mehr anzeigen',
-      userMessageShowLess: 'Weniger anzeigen',
-      historyItemUntitled: 'Unbenannte Konversation',
-      historyItemActionAriaLabel: 'Konversationsoptionen',
-      historyItemEditAction: 'Bearbeiten',
-      historyItemDeleteAction: 'Löschen',
-      historyShowAll: 'Alle anzeigen',
-    });
+    const customLabels = ref<ChatKitLabels>(
+      Object.fromEntries(
+        Object.keys(defaultChatKitLabels).map((key) => [key, `custom:${key}`]),
+      ) as ChatKitLabels,
+    );
 
     let result: ComputedRef<ChatKitLabels> | undefined;
 

package/src/handlers/useChatKitLabels.ts

@@ -69,6 +69,12 @@ export type ChatKitLabels = {
   userMessageShowMore?: string;
   /** Label for the `CkUserMessage` toggle when the message is expanded. */
   userMessageShowLess?: string;
+  /** Accessible label for the `CkModelSelector` trigger button. */
+  modelSelectorAriaLabel?: string;
+  /** Accessible label for the `CkModelSelector` options list. */
+  modelSelectorListAriaLabel?: string;
+  /** Trigger text shown by `CkModelSelector` when no model is selected. */
+  modelSelectorPlaceholder?: string;
   /** Fallback title used by `CkHistory` when a conversation has no `title`. */
   historyItemUntitled: string;
   /** Accessible name for the trailing kebab trigger on each `CkHistory` row. */
@@ -107,6 +113,9 @@ export const defaultChatKitLabels: ChatKitLabels = {
   feedbackDialogSubmitLabel: 'Submit',
   userMessageShowMore: 'Show more',
   userMessageShowLess: 'Show less',
+  modelSelectorAriaLabel: 'Select model',
+  modelSelectorListAriaLabel: 'Models',
+  modelSelectorPlaceholder: 'Select model',
   historyItemUntitled: 'Untitled conversation',
   historyItemActionAriaLabel: 'Conversation options',
   historyItemEditAction: 'Edit',

package/src/index.ts

@@ -75,6 +75,7 @@ export {
   CkInput,
   CkMarkdownRenderer,
   CkMessageActionButton,
+  CkModelSelector,
   CkPromptActionButton,
   CkPromptStopButton,
   CkPromptInput,
@@ -103,6 +104,9 @@ export type {
   CkHistoryWrapperProps,
   CkMarkdownElementClasses,
   CkMarkdownRendererProps,
+  CkModelOption,
+  CkModelSelectorProps,
+  CkModelSelectorEmits,
   CkUserMessageProps,
 } from './components';