@aleph-alpha/chat-kit 6.6.0 → 6.7.0

package/dist/index.d.ts

@@ -6,8 +6,8 @@ export { useChat, useConversationSessions, useConversations, } from './composabl
 export type { ChatActions, ChatState, ConversationSession, CreateConversationInput, MessageHandler, MutationOptions, UseChatReturn, UseConversationSessionsReturn, UseConversationsOptions, UseConversationsReturn, } from './composables';
 export { SdkError, createDocumentUploadProvider, defaultDocumentUploadConfig, defaultEndpoints, useDocumentUploadWithDefaultConfig, } from './composables/fileUpload';
 export type { DocumentUploadConfig, DocumentUploadProvider, FileEntry, FileStatus, } from './composables/fileUpload';
-export { CkAgentMessage, CkAgentMessageHeader, CkHeaderActivityButton, CkCitation, CkCitationLabel, CkCitationCard, CkConversation, CkConversationLayout, CkCopyMessageButton, CkDropZoneOverlay, CkFeedbackButton, CkFeedbackDialog, CkFileItemsList, CkHistory, CkHistoryItem, CkHistoryWrapper, CkMarkdownRenderer, CkMessageButton, CkModelSelector, CkPromptSendButton, CkPromptMenuButton, CkPromptStopButton, CkPromptInput, CkPromptInputDisclaimer, CkRegenerateMessageButton, CkSendIcon, CkStopIcon, CkUserMessage, CkEditableUserMessage, CkMilkdownEditor, CkCodeEditor, preloadCkCodeEditor, } from './components';
-export type { CkAgentMessageHeaderProps, CkHeaderActivityButtonProps, CkHeaderActivityButtonEmits, CkCitationProps, CkCitationEmits, CkCitationSource, CkCitationLabelProps, 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, CkMilkdownEditorEmits, CkMilkdownEditorExposed, CkMilkdownEditorProps, CkCodeEditorEmits, CkCodeEditorExposed, CkCodeEditorFadeSurface, CkCodeEditorProps, } from './components';
+export { CkAgentMessage, CkAgentMessageHeader, CkHeaderActivityButton, CkCitation, CkCitationLabel, CkCitationCard, CkConversation, CkConversationLayout, CkCopyMessageButton, CkDropZoneOverlay, CkFeedbackButton, CkFeedbackDialog, CkFileItemsList, CkHistory, CkHistoryItem, CkHistoryWrapper, CkMarkdownRenderer, CkMessageButton, CkModelSelector, CkPromptSendButton, CkPromptMenuButton, CkPromptStopButton, CkPromptInput, CkPromptInputDisclaimer, CkRegenerateMessageButton, CkSendIcon, CkStopIcon, CkToolApproval, CkUserMessage, CkEditableUserMessage, CkMilkdownEditor, CkCodeEditor, preloadCkCodeEditor, } from './components';
+export type { CkAgentMessageHeaderProps, CkHeaderActivityButtonProps, CkHeaderActivityButtonEmits, CkCitationProps, CkCitationEmits, CkCitationSource, CkCitationLabelProps, 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, CkToolApprovalProps, CkToolApprovalEmits, CkToolApprovalSlots, CkToolApprovalRequest, CkToolApprovalStatus, CkToolApprovalBodyComponents, CkToolApprovalBodyProps, CkToolApprovalExposed, CkUserMessageProps, CkEditableUserMessageProps, CkEditableUserMessageEmits, CkMilkdownEditorEmits, CkMilkdownEditorExposed, CkMilkdownEditorProps, CkCodeEditorEmits, CkCodeEditorExposed, CkCodeEditorFadeSurface, CkCodeEditorProps, } from './components';
 export { formatRelativeTime, markdownToPlainText } from './helpers';
 export type { ActiveComparison, BaseMessage, ComparisonLane, Conversation, ConversationTree, MessageContent, MessageContentStatus, MessageMetadata, MessageReasoningContent, MessageRole, MessageStatus, MessageTextContent, MessageToolContent, TreeMessage, } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAMA,OAAO,iBAAiB,CAAC;AAGzB,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,eAAe,EACf,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,EACrB,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,GACpB,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,yBAAyB,EACzB,2BAA2B,EAC3B,2BAA2B,EAC3B,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,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,EAC1B,qBAAqB,EACrB,uBAAuB,EACvB,qBAAqB,EACrB,iBAAiB,EACjB,mBAAmB,EACnB,uBAAuB,EACvB,iBAAiB,GAClB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAGpE,YAAY,EACV,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,7 +1,7 @@
 import { u } from "./useMessageHandler-Bkzrdgfj.js";
-import { C, d, p, u as u2, b } from "./useChatKitLabels-DxW0N5U-.js";
+import { C, d, p, u as u2, b } from "./useChatKitLabels-ky3JI9gf.js";
 import { S, c, d as d2, f, u as u3, a, b as b2, e } from "./index-D0DQjdsq.js";
-import { _, a as a2, b as b3, c as c2, 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, B, D, F, E } from "./CkHistory.vue_vue_type_script_setup_true_lang-BnUMeeto.js";
+import { _, a as a2, b as b3, c as c2, 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, B, D, E, G, F } from "./CkHistory.vue_vue_type_script_setup_true_lang-DF5yUf7K.js";
 import { m as m2 } from "./markdownToPlainText-DN_G-I6g.js";
 export {
   C as CHAT_KIT_LABELS,
@@ -35,15 +35,16 @@ export {
   z as CkRegenerateMessageButton,
   A as CkSendIcon,
   B as CkStopIcon,
-  D as CkUserMessage,
+  D as CkToolApproval,
+  E as CkUserMessage,
   S as SdkError,
   c as createDocumentUploadProvider,
   d as defaultChatKitLabels,
   d2 as defaultDocumentUploadConfig,
   f as defaultEndpoints,
-  F as formatRelativeTime,
+  G as formatRelativeTime,
   m2 as markdownToPlainText,
-  E as preloadCkCodeEditor,
+  F as preloadCkCodeEditor,
   p as provideChatKitLabels,
   u3 as useChat,
   u2 as useChatKitLabels,

package/dist/{useChatKitLabels-DxW0N5U-.js → useChatKitLabels-ky3JI9gf.js}

@@ -19166,6 +19166,19 @@ const defaultChatKitLabels = {
   markdownTableLabel: "Table",
   citationOpenSource: "Open source",
   citationSourceLabel: "Source",
+  toolApprovalAllow: "Allow",
+  toolApprovalDeny: "Deny",
+  toolApprovalAllowedResult: "Approved by you",
+  toolApprovalDeniedResult: "Denied by you",
+  toolApprovalFailedResult: "Failed",
+  toolApprovalSkippedResult: "Skipped",
+  toolApprovalNothingChanged: "Nothing was updated",
+  toolApprovalArgumentsTruncated: "Arguments shortened for display",
+  toolApprovalArgumentsUnreadable: "These arguments can't be shown",
+  toolApprovalAllowedBadge: "Allowed",
+  toolApprovalDeniedBadge: "Denied",
+  toolApprovalFailedBadge: "Failed",
+  toolApprovalSkippedBadge: "Skipped",
   historyItemUntitled: "Untitled conversation",
   historyItemActionAriaLabel: "Conversation options",
   historyItemEditAction: "Edit",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aleph-alpha/chat-kit",
-  "version": "6.6.0",
+  "version": "6.7.0",
   "description": "Chat kit package for building chat interfaces with Vue",
   "type": "module",
   "main": "./dist/index.js",
@@ -115,8 +115,8 @@
     "vue": "^3.5.27",
     "vue-tsc": "^3.2.4",
     "wait-on": "9.0.3",
-    "@aleph-alpha/eslint-config-frontend": "0.7.1",
     "@aleph-alpha/prettier-config-frontend": "2.1.1",
+    "@aleph-alpha/eslint-config-frontend": "0.7.1",
     "@aleph-alpha/tsconfig-frontend": "0.7.3"
   },
   "scripts": {

package/src/components/base/CkToolApproval/ApprovalCard.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import { useTemplateRef } from 'vue';
+
+defineProps<{
+  headingId: string;
+  descriptionId?: string;
+}>();
+
+const root = useTemplateRef<HTMLElement>('root');
+
+defineExpose({
+  focus: (): void => root.value?.focus(),
+  containsFocus: (): boolean =>
+    root.value?.contains(document.activeElement) ?? false,
+});
+</script>
+
+<template>
+  <!-- tabindex -1: focusable from code (after a decision), not in the tab order. -->
+  <div
+    ref="root"
+    role="group"
+    tabindex="-1"
+    :aria-labelledby="headingId"
+    :aria-describedby="descriptionId"
+    class="ck-tool-approval rounded-xl border border-border-surface-default bg-background-input-default"
+  >
+    <slot />
+  </div>
+</template>

package/src/components/base/CkToolApproval/ArgumentsJson.vue

@@ -0,0 +1,48 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { UiCodeBlock } from '@aleph-alpha/ui-library';
+import type { ChatKitLabels } from '../../../handlers/useChatKitLabels';
+import type { SerializedArguments } from './serializeArguments';
+
+// Keeps a huge payload, such as a whole file, from freezing the highlighter.
+const MAX_ARGUMENTS_CHARS = 20_000;
+
+const props = defineProps<{
+  serialized: SerializedArguments;
+  labels: Required<ChatKitLabels>;
+}>();
+
+const json = computed(() =>
+  props.serialized.readable ? props.serialized.json : '',
+);
+const truncated = computed(() => json.value.length > MAX_ARGUMENTS_CHARS);
+const code = computed(() =>
+  truncated.value
+    ? `${json.value.slice(0, MAX_ARGUMENTS_CHARS)}\n…`
+    : json.value,
+);
+</script>
+
+<template>
+  <p
+    v-if="!serialized.readable"
+    class="text-sm leading-5 text-content-on-surface-muted"
+  >
+    {{ labels.toolApprovalArgumentsUnreadable }}
+  </p>
+  <template v-else>
+    <UiCodeBlock
+      :code="code"
+      language="json"
+      max-height="14rem"
+      :copy-label="labels.codeEditorCopy"
+      :copied-label="labels.codeEditorCopied"
+    />
+    <p
+      v-if="truncated"
+      class="mt-2 text-xs leading-[14px] text-content-on-surface-muted"
+    >
+      {{ labels.toolApprovalArgumentsTruncated }}
+    </p>
+  </template>
+</template>

package/src/components/base/CkToolApproval/BodyBoundary.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import { onErrorCaptured, ref } from 'vue';
+
+defineSlots<{
+  default: () => unknown;
+  /** Shown instead once the default content throws. */
+  fallback: () => unknown;
+}>();
+
+const failed = ref(false);
+
+onErrorCaptured((error) => {
+  // eslint-disable-next-line no-console
+  console.error(
+    '[CkToolApproval] Custom body failed, showing the arguments as JSON:',
+    error,
+  );
+  failed.value = true;
+  return false;
+});
+</script>
+
+<template>
+  <slot v-if="failed" name="fallback" />
+  <slot v-else />
+</template>

package/src/components/base/CkToolApproval/CardHeading.vue

@@ -0,0 +1,47 @@
+<script setup lang="ts">
+import { UiBadge, UiIcon } from '@aleph-alpha/ui-library';
+import { BADGE_ICON_SIZE } from './badge';
+
+defineProps<{
+  id: string;
+  title: string;
+  connectorLabel?: string;
+  connectorIcon: string;
+  /** `card` for the open approval card, `row` for the collapsed result. */
+  size: 'card' | 'row';
+}>();
+
+defineSlots<{
+  /** Replaces the connector chip's icon. */
+  icon?: () => unknown;
+}>();
+</script>
+
+<template>
+  <div :id="id" class="flex min-w-0 items-center gap-2">
+    <p
+      class="text-content-on-surface-primary"
+      :class="
+        size === 'card'
+          ? 'text-base font-bold leading-[18px]'
+          : 'truncate text-sm font-medium leading-5'
+      "
+    >
+      {{ title }}
+    </p>
+    <UiBadge
+      v-if="connectorLabel"
+      variant="outline"
+      size="small"
+      class="min-w-0 shrink"
+    >
+      <!-- The chip text already names the connector; a logo's alt would repeat it in the card name. -->
+      <span aria-hidden="true" class="inline-flex shrink-0">
+        <slot name="icon">
+          <UiIcon :name="connectorIcon" :size="BADGE_ICON_SIZE" />
+        </slot>
+      </span>
+      <span class="truncate">{{ connectorLabel }}</span>
+    </UiBadge>
+  </div>
+</template>