@aleph-alpha/chat-kit 5.0.0 → 5.0.1

package/dist/{CkHistory.vue_vue_type_script_setup_true_lang-Bp9hXdH6.js → CkHistory.vue_vue_type_script_setup_true_lang-CtQUc3m3.js}

@@ -184,7 +184,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
 const _hoisted_1$d = { class: "ck-citation-card flex w-[22.5rem] max-w-[90vw] flex-col gap-2 rounded-md bg-background-surface-floating px-6 pb-6 pt-4 shadow-md" };
 const _hoisted_2$8 = { class: "flex items-center gap-2" };
 const _hoisted_3$7 = ["title"];
-const _hoisted_4$6 = { class: "break-words text-sm leading-5 text-content-on-surface-secondary" };
+const _hoisted_4$6 = { class: "line-clamp-6 break-words text-sm leading-5 text-content-on-surface-secondary" };
 const _hoisted_5$4 = {
   key: 0,
   class: "text-sm leading-5 text-content-on-surface-muted"

package/dist/components/base/CkCitationCard/CkCitationCard.stories.d.ts

@@ -40,8 +40,11 @@ export declare const MinimalSnippetOnly: Story;
  */
 export declare const LongFileName: Story;
 /**
- * A long excerpt wraps freely — the card grows vertically while keeping its
- * fixed width.
+ * A whole-document-length excerpt is clamped to a bounded number of lines
+ * (`line-clamp-6`) with a trailing ellipsis, so the card stays a compact preview
+ * and its height does not grow with the excerpt length — no matter how large a
+ * chunk `file_search` returns (it can be as large as the entire source file). The
+ * full text remains reachable via the external-link action.
  */
 export declare const LongSnippet: Story;
 /**

package/dist/components/base/CkCitationCard/CkCitationCard.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CkCitationCard.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCitationCard/CkCitationCard.stories.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAK3D;;;;;;;GAOG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAuBrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAqBnC;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAEhC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAuB9B,CAAC"}
+{"version":3,"file":"CkCitationCard.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCitationCard/CkCitationCard.stories.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAK3D;;;;;;;GAOG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAuBrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAqBnC;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAEhC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAuB9B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"CkCitationCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCitationCard/CkCitationCard.vue"],"names":[],"mappings":"AAqFA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AA2KnD,QAAA,MAAM,YAAY;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"CkCitationCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCitationCard/CkCitationCard.vue"],"names":[],"mappings":"AAuFA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AA4KnD,QAAA,MAAM,YAAY;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/index.js

@@ -1,4 +1,4 @@
-import { _, a, C, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y } from "../CkHistory.vue_vue_type_script_setup_true_lang-Bp9hXdH6.js";
+import { _, a, C, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y } from "../CkHistory.vue_vue_type_script_setup_true_lang-CtQUc3m3.js";
 export {
   _ as CkAgentMessage,
   a as CkAgentMessageHeader,

package/dist/index.js

@@ -1,7 +1,7 @@
 import { u } from "./useMessageHandler-N50Yj-NU.js";
 import { C, d, p, u as u2, a } from "./useChatKitLabels-zMFV7aEz.js";
 import { S, c, d as d2, a as a2, u as u3, b, e, f } from "./index-CyrVnbS9.js";
-import { _, a as a3, C as C2, b as b2, 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 } from "./CkHistory.vue_vue_type_script_setup_true_lang-Bp9hXdH6.js";
+import { _, a as a3, C as C2, b as b2, 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 } from "./CkHistory.vue_vue_type_script_setup_true_lang-CtQUc3m3.js";
 export {
   C as CHAT_KIT_LABELS,
   _ as CkAgentMessage,

package/package.json

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

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

@@ -60,6 +60,15 @@ describe('CkCitationCard', () => {
     expect(screen.getByText(snippet).className).toContain('break-words');
   });
 
+  it('clamps a long snippet to a bounded number of lines so card height does not grow with excerpt length', () => {
+    const snippet = Array(40)
+      .fill('A long sentence of citation excerpt text.')
+      .join(' ');
+    render(CkCitationCard, { props: { ...base, snippet } });
+
+    expect(screen.getByText(snippet).className).toContain('line-clamp-6');
+  });
+
   it('uses the injected citationOpenSource label via provideChatKitLabels', () => {
     const Wrapper = defineComponent({
       setup() {

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

@@ -106,12 +106,15 @@ export const LongFileName: Story = {
 };
 
 /**
- * A long excerpt wraps freely — the card grows vertically while keeping its
- * fixed width.
+ * A whole-document-length excerpt is clamped to a bounded number of lines
+ * (`line-clamp-6`) with a trailing ellipsis, so the card stays a compact preview
+ * and its height does not grow with the excerpt length — no matter how large a
+ * chunk `file_search` returns (it can be as large as the entire source file). The
+ * full text remains reachable via the external-link action.
  */
 export const LongSnippet: Story = {
   args: {
-    snippet: `${LOREM} ${LOREM}`,
+    snippet: `${LOREM} ${LOREM} ${LOREM} ${LOREM} ${LOREM}`,
   },
 };
 

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

@@ -62,7 +62,9 @@ function handleOpen(): void {
       </UiButton>
     </div>
 
-    <p class="break-words text-sm leading-5 text-content-on-surface-secondary">
+    <p
+      class="line-clamp-6 break-words text-sm leading-5 text-content-on-surface-secondary"
+    >
       {{ snippet }}
     </p>