@aleph-alpha/chat-kit 1.16.0 → 1.17.1

package/README.md

@@ -18,7 +18,7 @@ Chat Kit is organised into **three layers**:
 2. **Handlers** — Reactive utilities for chat state management: `useMessageHandler` (conversation tree), `useMarkdownParser` (markdown pipeline), `useChatKitLabels` (i18n).
 3. **Services** _(under development)_ — Abstract `ChatService` / `IChatService` for backend communication and streaming. Not ready for production use.
 
-`useChat` _(under development)_ lives in `composables/` as a planned high-level orchestrator that composes handlers and services into a single API.
+`useChat` _(under development)_ lives in `composables/` as a planned high-level orchestrator that composes handlers and services into a single API
 
 ## Usage
 

package/dist/{CkInput.vue_vue_type_script_setup_true_lang-AtcxFGLn.js → CkInput.vue_vue_type_script_setup_true_lang-DxUWj4Vh.js}

@@ -80,7 +80,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$9 = { class: "border-border-surface-default flex w-full flex-col gap-6 border-b pb-6" };
+const _hoisted_1$9 = { class: "flex w-full flex-col gap-6 pb-6" };
 const _hoisted_2$6 = {
   key: 0,
   class: "flex items-start gap-3"
@@ -1815,13 +1815,18 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 8, ["class", "style"]),
-        canCollapse.value && !isExpanded.value ? (openBlock(), createElementBlock("button", {
+        canCollapse.value && !isExpanded.value ? (openBlock(), createBlock(unref(UiButton), {
           key: 0,
-          type: "button",
-          "data-testid": "ck-history-show-all",
-          class: "mt-1 w-full rounded-lg px-2 py-2 text-center body-14-medium text-content-on-surface-muted transition-colors hover:bg-background-surface-muted-subtle",
+          variant: "secondary",
+          "data-testid": "ck-history-show-all-conversations",
+          class: "mt-1 w-full",
           onClick: toggleExpanded
-        }, toDisplayString(unref(labels).historyShowAll), 1)) : createCommentVNode("", true)
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(labels).historyShowAll), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
       ]);
     };
   }

package/dist/components/base/CkAgentMessage/CkAgentMessage.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CkAgentMessage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkAgentMessage/CkAgentMessage.vue"],"names":[],"mappings":"AA4GA,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"}
+{"version":3,"file":"CkAgentMessage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkAgentMessage/CkAgentMessage.vue"],"names":[],"mappings":"AAwGA,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"}

package/dist/components/composed/CkHistory/CkHistory.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CkHistory.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/CkHistory/CkHistory.vue"],"names":[],"mappings":"AA6LA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,KAAK,EAAkB,cAAc,EAAE,MAAM,SAAS,CAAC;AAiB9D,KAAK,WAAW,GAAG;IACjB;;;;;;;;;;;;;;;;OAgBG;IACH,IAAI,EAAE,CAAC,KAAK,EAAE;QACZ,YAAY,EAAE,YAAY,CAAC;QAC3B,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,OAAO,CAAC;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;QACzB,MAAM,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;QACpC,IAAI,EAAE,MAAM,IAAI,CAAC;QACjB,MAAM,EAAE,MAAM,IAAI,CAAC;KACpB,KAAK,IAAI,CAAC;CACZ,CAAC;AAmSF,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"}
+{"version":3,"file":"CkHistory.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/CkHistory/CkHistory.vue"],"names":[],"mappings":"AA+LA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,KAAK,EAAkB,cAAc,EAAE,MAAM,SAAS,CAAC;AAiB9D,KAAK,WAAW,GAAG;IACjB;;;;;;;;;;;;;;;;OAgBG;IACH,IAAI,EAAE,CAAC,KAAK,EAAE;QACZ,YAAY,EAAE,YAAY,CAAC;QAC3B,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,OAAO,CAAC;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;QACzB,MAAM,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;QACpC,IAAI,EAAE,MAAM,IAAI,CAAC;QACjB,MAAM,EAAE,MAAM,IAAI,CAAC;KACpB,KAAK,IAAI,CAAC;CACZ,CAAC;AA+SF,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"}

package/dist/components/index.js

@@ -1,4 +1,4 @@
-import { _, a, b, C, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r } from "../CkInput.vue_vue_type_script_setup_true_lang-AtcxFGLn.js";
+import { _, a, b, C, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r } from "../CkInput.vue_vue_type_script_setup_true_lang-DxUWj4Vh.js";
 export {
   _ as CkAgentMessage,
   a as CkConversation,

package/dist/index.js

@@ -1,7 +1,7 @@
 import { u } from "./useMessageHandler-CMdy-lm0.js";
 import { C, d, p, u as u2, a } from "./useChatKitLabels-BC6ItJc6.js";
 import { S, c, d as d2, a as a2, u as u3, b, e, f } from "./index-Ct5hD214.js";
-import { _, a as a3, b as b2, 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 } from "./CkInput.vue_vue_type_script_setup_true_lang-AtcxFGLn.js";
+import { _, a as a3, b as b2, 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 } from "./CkInput.vue_vue_type_script_setup_true_lang-DxUWj4Vh.js";
 export {
   C as CHAT_KIT_LABELS,
   _ as CkAgentMessage,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aleph-alpha/chat-kit",
-  "version": "1.16.0",
+  "version": "1.17.1",
   "description": "Chat kit package for building chat interfaces with Vue",
   "type": "module",
   "main": "./dist/index.js",

package/src/components/base/CkAgentMessage/CkAgentMessage.vue

@@ -3,9 +3,7 @@ defineOptions({ name: 'CkAgentMessage' });
 </script>
 
 <template>
-  <div
-    class="border-border-surface-default flex w-full flex-col gap-6 border-b pb-6"
-  >
+  <div class="flex w-full flex-col gap-6 pb-6">
     <div v-if="$slots.icon || $slots.header" class="flex items-start gap-3">
       <div
         v-if="$slots.icon"

package/src/components/composed/CkHistory/CkHistory.spec.ts

@@ -222,7 +222,9 @@ describe('CkHistory', () => {
 
       const links = screen.getAllByRole('link');
       expect(links).toHaveLength(5);
-      expect(screen.getByTestId('ck-history-show-all')).toBeInTheDocument();
+      expect(
+        screen.getByTestId('ck-history-show-all-conversations'),
+      ).toBeInTheDocument();
     });
 
     it('does not show the "Show all" button when conversations fit within the limit', () => {
@@ -235,7 +237,7 @@ describe('CkHistory', () => {
       });
 
       expect(
-        screen.queryByTestId('ck-history-show-all'),
+        screen.queryByTestId('ck-history-show-all-conversations'),
       ).not.toBeInTheDocument();
     });
 
@@ -252,11 +254,11 @@ describe('CkHistory', () => {
 
       expect(screen.getAllByRole('link')).toHaveLength(5);
 
-      await user.click(screen.getByTestId('ck-history-show-all'));
+      await user.click(screen.getByTestId('ck-history-show-all-conversations'));
 
       expect(screen.getAllByRole('link')).toHaveLength(8);
       expect(
-        screen.queryByTestId('ck-history-show-all'),
+        screen.queryByTestId('ck-history-show-all-conversations'),
       ).not.toBeInTheDocument();
     });
 
@@ -271,7 +273,7 @@ describe('CkHistory', () => {
 
       expect(screen.getAllByRole('link')).toHaveLength(8);
       expect(
-        screen.queryByTestId('ck-history-show-all'),
+        screen.queryByTestId('ck-history-show-all-conversations'),
       ).not.toBeInTheDocument();
     });
   });

package/src/components/composed/CkHistory/CkHistory.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
 import {
+  UiButton,
   UiIcon,
   UiSidebarPopoverMenu,
   UiSidebarPopoverMenuItem,
@@ -163,14 +164,14 @@ function handleRowClick(c: Conversation, event: MouseEvent) {
       </template>
     </CkHistoryWrapper>
 
-    <button
+    <UiButton
       v-if="canCollapse && !isExpanded"
-      type="button"
-      data-testid="ck-history-show-all"
-      class="mt-1 w-full rounded-lg px-2 py-2 text-center body-14-medium text-content-on-surface-muted transition-colors hover:bg-background-surface-muted-subtle"
+      variant="secondary"
+      data-testid="ck-history-show-all-conversations"
+      class="mt-1 w-full"
       @click="toggleExpanded"
     >
       {{ labels.historyShowAll }}
-    </button>
+    </UiButton>
   </div>
 </template>