@aleph-alpha/chat-kit 5.13.0 → 6.1.0

package/dist/z80-ClgwfNdB.js

@@ -0,0 +1,92 @@
+function mkZ80(ez80) {
+  var keywords1, keywords2;
+  if (ez80) {
+    keywords1 = /^(exx?|(ld|cp)([di]r?)?|[lp]ea|pop|push|ad[cd]|cpl|daa|dec|inc|neg|sbc|sub|and|bit|[cs]cf|x?or|res|set|r[lr]c?a?|r[lr]d|s[lr]a|srl|djnz|nop|[de]i|halt|im|in([di]mr?|ir?|irx|2r?)|ot(dmr?|[id]rx|imr?)|out(0?|[di]r?|[di]2r?)|tst(io)?|slp)(\.([sl]?i)?[sl])?\b/i;
+    keywords2 = /^(((call|j[pr]|rst|ret[in]?)(\.([sl]?i)?[sl])?)|(rs|st)mix)\b/i;
+  } else {
+    keywords1 = /^(exx?|(ld|cp|in)([di]r?)?|pop|push|ad[cd]|cpl|daa|dec|inc|neg|sbc|sub|and|bit|[cs]cf|x?or|res|set|r[lr]c?a?|r[lr]d|s[lr]a|srl|djnz|nop|rst|[de]i|halt|im|ot[di]r|out[di]?)\b/i;
+    keywords2 = /^(call|j[pr]|ret[in]?|b_?(call|jump))\b/i;
+  }
+  var variables1 = /^(af?|bc?|c|de?|e|hl?|l|i[xy]?|r|sp)\b/i;
+  var variables2 = /^(n?[zc]|p[oe]?|m)\b/i;
+  var errors = /^([hl][xy]|i[xy][hl]|slia|sll)\b/i;
+  var numbers = /^([\da-f]+h|[0-7]+o|[01]+b|\d+d?)\b/i;
+  return {
+    name: "z80",
+    startState: function() {
+      return {
+        context: 0
+      };
+    },
+    token: function(stream, state) {
+      if (!stream.column())
+        state.context = 0;
+      if (stream.eatSpace())
+        return null;
+      var w;
+      if (stream.eatWhile(/\w/)) {
+        if (ez80 && stream.eat(".")) {
+          stream.eatWhile(/\w/);
+        }
+        w = stream.current();
+        if (stream.indentation()) {
+          if ((state.context == 1 || state.context == 4) && variables1.test(w)) {
+            state.context = 4;
+            return "variable";
+          }
+          if (state.context == 2 && variables2.test(w)) {
+            state.context = 4;
+            return "variableName.special";
+          }
+          if (keywords1.test(w)) {
+            state.context = 1;
+            return "keyword";
+          } else if (keywords2.test(w)) {
+            state.context = 2;
+            return "keyword";
+          } else if (state.context == 4 && numbers.test(w)) {
+            return "number";
+          }
+          if (errors.test(w))
+            return "error";
+        } else if (stream.match(numbers)) {
+          return "number";
+        } else {
+          return null;
+        }
+      } else if (stream.eat(";")) {
+        stream.skipToEnd();
+        return "comment";
+      } else if (stream.eat('"')) {
+        while (w = stream.next()) {
+          if (w == '"')
+            break;
+          if (w == "\\")
+            stream.next();
+        }
+        return "string";
+      } else if (stream.eat("'")) {
+        if (stream.match(/\\?.'/))
+          return "number";
+      } else if (stream.eat(".") || stream.sol() && stream.eat("#")) {
+        state.context = 5;
+        if (stream.eatWhile(/\w/))
+          return "def";
+      } else if (stream.eat("$")) {
+        if (stream.eatWhile(/[\da-f]/i))
+          return "number";
+      } else if (stream.eat("%")) {
+        if (stream.eatWhile(/[01]/))
+          return "number";
+      } else {
+        stream.next();
+      }
+      return null;
+    }
+  };
+}
+const z80 = mkZ80(false);
+mkZ80(true);
+export {
+  z80
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aleph-alpha/chat-kit",
-  "version": "5.13.0",
+  "version": "6.1.0",
   "description": "Chat kit package for building chat interfaces with Vue",
   "type": "module",
   "main": "./dist/index.js",
@@ -51,7 +51,7 @@
   "author": "Pharia AI",
   "license": "MIT",
   "engines": {
-    "node": ">=20.19.0"
+    "node": ">=22.13.0"
   },
   "publishConfig": {
     "access": "public"
@@ -62,11 +62,18 @@
     "directory": "packages/chat-kit"
   },
   "peerDependencies": {
-    "@aleph-alpha/ui-library": "*",
+    "@aleph-alpha/ui-library": "^6.0.0",
     "pinia": "^3.0.0",
     "vue": "^3.5.27"
   },
   "dependencies": {
+    "@aleph-alpha/ui-library": "^6.0.0",
+    "@codemirror/language": "^6.11.0",
+    "@codemirror/state": "^6.5.0",
+    "@codemirror/view": "^6.38.0",
+    "@lezer/highlight": "^1.2.0",
+    "@milkdown/crepe": "^7.22.1",
+    "@milkdown/kit": "^7.22.1",
     "dompurify": "^3.3.2",
     "katex": "^0.17.0",
     "mdast-util-find-and-replace": "^3.0.2",
@@ -76,8 +83,7 @@
     "remark-math": "^6.0.0",
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.2",
-    "unified": "^11.0.5",
-    "@aleph-alpha/ui-library": "5.10.0"
+    "unified": "^11.0.5"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "10.2.17",

package/src/adapters/responses-api.spec.ts

@@ -299,6 +299,92 @@ describe('responsesToTree', () => {
     expect(assistant.content[2].type).toBe('text');
   });
 
+  it('converts hosted native calls into tool parts without rewriting their type', () => {
+    const tree = responsesToTree([
+      makeResponse({
+        id: 'r1',
+        request_input: [userInput('What does the contract say?')],
+        output: [
+          toolOutput({
+            id: 'ws-1',
+            type: 'web_search_call',
+            display: {
+              text: 'Searched the internet for "EU AI Act"',
+              icon: 'globe',
+              phase: 'done',
+            },
+          }),
+          toolOutput({
+            id: 'fs-1',
+            type: 'file_search_call',
+            display: {
+              text: 'Searched documents for "contract terms"',
+              icon: 'file-search',
+              phase: 'done',
+            },
+          }),
+          toolOutput({
+            id: 'sh-1',
+            type: 'shell_call',
+            name: 'pirate-speak',
+            display: {
+              text: 'Read skill `pirate-speak`',
+              icon: 'sparkles',
+              phase: 'done',
+            },
+          }),
+          toolOutput({
+            id: 'fu-1',
+            type: 'fetch_url',
+            display: {
+              text: 'Searched google.com',
+              icon: 'globe',
+              phase: 'done',
+            },
+          }),
+          assistantOutput('msg-a1', 'The contract requires compliance.'),
+        ],
+      }),
+    ]);
+
+    const assistant = tree.nodes['msg-a1']!;
+    expect(assistant.content).toEqual([
+      expect.objectContaining({
+        type: 'tool',
+        id: 'ws-1',
+        name: 'web_search_call',
+        text: 'Searched the internet for "EU AI Act"',
+        icon: 'globe',
+      }),
+      expect.objectContaining({
+        type: 'tool',
+        id: 'fs-1',
+        name: 'file_search_call',
+        text: 'Searched documents for "contract terms"',
+        icon: 'file-search',
+      }),
+      expect.objectContaining({
+        type: 'tool',
+        id: 'sh-1',
+        name: 'pirate-speak',
+        text: 'Read skill `pirate-speak`',
+        icon: 'sparkles',
+      }),
+      expect.objectContaining({
+        type: 'tool',
+        id: 'fu-1',
+        name: 'fetch_url',
+        text: 'Searched google.com',
+        icon: 'globe',
+      }),
+      expect.objectContaining({
+        type: 'text',
+        id: 'msg-a1',
+        text: 'The contract requires compliance.',
+      }),
+    ]);
+  });
+
   it('forwards `display.text` and `display.icon` from a tool output onto the resulting tool content', () => {
     const tree = responsesToTree([
       makeResponse({

package/src/adapters/responses-api.ts

@@ -141,7 +141,11 @@ export type ResponseOutputToolType =
   | 'file_search_call'
   | 'code_interpreter_call'
   | 'image_generation_call'
-  | 'local_shell_call';
+  | 'local_shell_call'
+  // Hosted Aleph Alpha extras. `shell_call` is the stored skill-fetch
+  // wrapper; `fetch_url` is the page-read behind hosted web search.
+  | 'shell_call'
+  | 'fetch_url';
 
 /**
  * Server-provided rendering hints for a tool invocation. The server emits a
@@ -377,16 +381,16 @@ function toAssistantParts(resp: StoredResponse): MessageContent[] {
         parts.push(textPart(text, out.id || undefined));
         break;
       }
-      // Actual tool invocations surface as tool parts. `mcp_list_tools` is
-      // informational discovery (the server advertising tools) rather than
-      // a call the assistant made, so it is intentionally skipped.
-      case 'mcp_call':
-      case 'function_call':
-      case 'tool_call': {
-        parts.push(toolPart(out));
+      // Discovery catalog, not a call the assistant made.
+      case 'mcp_list_tools':
         break;
-      }
+      // Every other `ResponseOutputTool` is an invocation — function /
+      // MCP / hosted builtins (`web_search_call`, `file_search_call`,
+      // `shell_call`, …). Hosts used to coerce those to `tool_call`
+      // before calling this adapter; converting them here keeps the
+      // stored item type intact for citations.
       default:
+        parts.push(toolPart(out));
         break;
     }
   }

package/src/components/base/CkCitationCard/CkCitationCard.vue

@@ -35,7 +35,7 @@ const openSourceAriaLabel = computed(
   () =>
     props.openSourceLabel ??
     labels.value.citationOpenSource ??
-    defaultChatKitLabels.citationOpenSource!,
+    defaultChatKitLabels.citationOpenSource,
 );
 
 // Both labels are clipped to the card width, so each gets the same tooltip

package/src/components/base/CkCitationLabel/CkCitationLabel.vue

@@ -25,7 +25,7 @@ const isButton = computed(() => props.as === 'button');
 const resolvedAriaLabel = computed(
   () =>
     props.ariaLabel ??
-    `${labels.value.citationSourceLabel ?? defaultChatKitLabels.citationSourceLabel!} ${props.index}`,
+    `${labels.value.citationSourceLabel ?? defaultChatKitLabels.citationSourceLabel} ${props.index}`,
 );
 </script>
 

package/src/components/base/CkConversationLayout/CkConversationLayout.spec.ts

@@ -26,7 +26,6 @@ const messages = [
 function renderLayout(
   msgs: Array<{ role: string; content: string }> = messages,
 ) {
-  // eslint-disable-next-line vue/one-component-per-file
   const Wrapper = defineComponent({
     setup() {
       return () =>
@@ -55,7 +54,7 @@ function renderWithInstance(
   { withFooter = false }: { withFooter?: boolean } = {},
 ) {
   let instance: LayoutInstance | undefined;
-  // eslint-disable-next-line vue/one-component-per-file
+
   const Wrapper = defineComponent({
     setup() {
       const layoutRef = ref<LayoutInstance>();
@@ -167,7 +166,6 @@ describe('CkConversationLayout', () => {
     }
 
     it('provides the full message object including custom fields to scoped slots', () => {
-      // eslint-disable-next-line vue/one-component-per-file
       const Wrapper = defineComponent({ setup: () => renderCustomSlotWrapper });
 
       render(Wrapper);
@@ -206,7 +204,6 @@ describe('CkConversationLayout', () => {
     });
 
     it('gives the thread-footer the larger top margin when messages exist', () => {
-      // eslint-disable-next-line vue/one-component-per-file
       const Wrapper = defineComponent({
         setup() {
           return () =>
@@ -233,7 +230,6 @@ describe('CkConversationLayout', () => {
     });
 
     it('gives the thread-footer the smaller top margin when there are no messages', () => {
-      // eslint-disable-next-line vue/one-component-per-file
       const Wrapper = defineComponent({
         setup() {
           return () =>

package/src/components/base/CkCopyMessageButton/CkCopyMessageButton.spec.ts

@@ -5,7 +5,7 @@ import { flushPromises } from '@vue/test-utils';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 
 describe('CkCopyMessageButton', () => {
-  const writeText = vi.fn((_: string) => Promise.resolve());
+  const writeText = vi.fn(() => Promise.resolve());
 
   beforeEach(() => {
     writeText.mockReset();

package/src/components/base/CkFeedbackButton/CkFeedbackButton.vue

@@ -32,19 +32,19 @@ const thumbsUpLabel = computed(
   () =>
     props.ariaLabelThumbsUp ??
     labels.value.feedbackThumbsUp ??
-    defaultChatKitLabels.feedbackThumbsUp!,
+    defaultChatKitLabels.feedbackThumbsUp,
 );
 const thumbsDownLabel = computed(
   () =>
     props.ariaLabelThumbsDown ??
     labels.value.feedbackThumbsDown ??
-    defaultChatKitLabels.feedbackThumbsDown!,
+    defaultChatKitLabels.feedbackThumbsDown,
 );
 const groupLabel = computed(
   () =>
     props.ariaLabelGroup ??
     labels.value.feedbackGroup ??
-    defaultChatKitLabels.feedbackGroup!,
+    defaultChatKitLabels.feedbackGroup,
 );
 
 const isUpSelected = computed(() => props.value === 'up');

package/src/components/base/CkFeedbackDialog/CkFeedbackDialog.vue

@@ -61,56 +61,56 @@ const title = computed(() => {
     return (
       titlePositive ??
       labels.value.feedbackDialogTitlePositive ??
-      defaultChatKitLabels.feedbackDialogTitlePositive!
+      defaultChatKitLabels.feedbackDialogTitlePositive
     );
   }
   return (
     titleNegative ??
     labels.value.feedbackDialogTitleNegative ??
-    defaultChatKitLabels.feedbackDialogTitleNegative!
+    defaultChatKitLabels.feedbackDialogTitleNegative
   );
 });
 const responseHeading = computed(
   () =>
     responseHeadingProp ??
     labels.value.feedbackDialogResponseHeading ??
-    defaultChatKitLabels.feedbackDialogResponseHeading!,
+    defaultChatKitLabels.feedbackDialogResponseHeading,
 );
 const description = computed(
   () =>
     descriptionProp ??
     labels.value.feedbackDialogDescription ??
-    defaultChatKitLabels.feedbackDialogDescription!,
+    defaultChatKitLabels.feedbackDialogDescription,
 );
 const otherLabel = computed(
   () =>
     otherLabelProp ??
     labels.value.feedbackDialogOtherLabel ??
-    defaultChatKitLabels.feedbackDialogOtherLabel!,
+    defaultChatKitLabels.feedbackDialogOtherLabel,
 );
 const otherTooltip = computed(
   () =>
     otherTooltipProp ??
     labels.value.feedbackDialogOtherTooltip ??
-    defaultChatKitLabels.feedbackDialogOtherTooltip!,
+    defaultChatKitLabels.feedbackDialogOtherTooltip,
 );
 const freeTextPlaceholder = computed(
   () =>
     freeTextPlaceholderProp ??
     labels.value.feedbackDialogFreeTextPlaceholder ??
-    defaultChatKitLabels.feedbackDialogFreeTextPlaceholder!,
+    defaultChatKitLabels.feedbackDialogFreeTextPlaceholder,
 );
 const cancelLabel = computed(
   () =>
     cancelLabelProp ??
     labels.value.feedbackDialogCancelLabel ??
-    defaultChatKitLabels.feedbackDialogCancelLabel!,
+    defaultChatKitLabels.feedbackDialogCancelLabel,
 );
 const submitLabel = computed(
   () =>
     submitLabelProp ??
     labels.value.feedbackDialogSubmitLabel ??
-    defaultChatKitLabels.feedbackDialogSubmitLabel!,
+    defaultChatKitLabels.feedbackDialogSubmitLabel,
 );
 
 // Multi-select: the user may pick zero or more reason codes. Backed by an

package/src/components/base/CkHistoryItem/CkHistoryItem.vue

@@ -138,13 +138,11 @@ const actionPopoverPanelClass = computed(() => [
 ]);
 
 const passthroughAttrs = computed(() => {
-  const {
-    class: _class,
-    as: _as,
-    asChild: _asChild,
-    'as-child': _asChildAttr,
-    ...rest
-  } = attrs as Record<string, unknown>;
+  const rest = { ...(attrs as Record<string, unknown>) };
+  delete rest.class;
+  delete rest.as;
+  delete rest.asChild;
+  delete rest['as-child'];
   return rest;
 });
 

package/src/components/base/CkHistoryWrapper/CkHistoryWrapper.vue

@@ -24,7 +24,8 @@ const rootClass = computed(() => {
 });
 
 const passthroughAttrs = computed(() => {
-  const { class: _class, ...rest } = attrs as Record<string, unknown>;
+  const rest = { ...(attrs as Record<string, unknown>) };
+  delete rest.class;
   return rest;
 });
 </script>

package/src/components/base/CkMarkdownRenderer/CkMarkdownRenderer.stories.ts

@@ -394,16 +394,21 @@ export const MathExpressions: Story = {
   parameters: { docs: { source: { code: mathTemplateSource } } },
 };
 
-function visitTextNodes(node: any, transform: (value: string) => string): void {
-  if (node.type === 'text') {
+type MdTextNode = { type: string; value?: string; children?: MdTextNode[] };
+
+function visitTextNodes(
+  node: MdTextNode,
+  transform: (value: string) => string,
+): void {
+  if (node.type === 'text' && node.value !== undefined) {
     node.value = transform(node.value);
   }
   if (node.children) {
-    node.children.forEach((child: any) => visitTextNodes(child, transform));
+    node.children.forEach((child) => visitTextNodes(child, transform));
   }
 }
 
-const uppercasePlugin = () => (tree: any) => {
+const uppercasePlugin = () => (tree: MdTextNode) => {
   visitTextNodes(tree, (value) => value.toUpperCase());
 };
 

package/src/components/base/CkMarkdownRenderer/CkMarkdownRenderer.vue

@@ -146,7 +146,7 @@ export default defineComponent({
         classes: mergedClasses.value,
         tableLabel:
           labels.value.markdownTableLabel ??
-          defaultChatKitLabels.markdownTableLabel!,
+          defaultChatKitLabels.markdownTableLabel,
         renderCitation: (el) => renderCitationNode(el, slots.citation),
       };
       const children = parsedNodes.value