@aleph-alpha/chat-kit 1.17.1 → 1.17.3

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

@@ -719,7 +719,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           createVNode(unref(UiDialogContent), {
             title: title.value,
             "max-width": "max-w-4xl",
-            class: "ck-feedback-dialog",
+            class: "ck-feedback-dialog h-[min(85vh,_40rem)]",
             "show-close-button": !(__props.submitting || __props.disabled)
           }, {
             actions: withCtx(() => [
@@ -758,7 +758,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               }),
               createElementVNode("div", {
                 class: normalizeClass([
-                  "grid gap-12",
+                  "grid min-h-0 flex-1 grid-rows-1 gap-12",
                   showResponseColumn.value ? "grid-cols-2" : "grid-cols-1"
                 ])
               }, [
@@ -835,7 +835,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CkFeedbackDialog = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-eaffd2d5"]]);
+const CkFeedbackDialog = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-181a7aa9"]]);
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkFileItemRow",

package/dist/chat-kit.css

@@ -23,7 +23,7 @@
 }
 }
 
-.ck-feedback-dialog__chip[data-v-eaffd2d5] {
+.ck-feedback-dialog__chip[data-v-181a7aa9] {
   width: 100%;
   min-height: 36px;
   height: auto;
@@ -31,14 +31,14 @@
   text-align: center;
   line-height: 1rem;
 }
-.ck-feedback-dialog__response[data-v-eaffd2d5] p,
-.ck-feedback-dialog__response[data-v-eaffd2d5] li {
+.ck-feedback-dialog__response[data-v-181a7aa9] p,
+.ck-feedback-dialog__response[data-v-181a7aa9] li {
   line-height: 1.5rem;
 }
-.ck-feedback-dialog__response[data-v-eaffd2d5] p {
+.ck-feedback-dialog__response[data-v-181a7aa9] p {
   margin: 0 0 0.5rem 0;
 }
-.ck-feedback-dialog__response[data-v-eaffd2d5] p:last-child {
+.ck-feedback-dialog__response[data-v-181a7aa9] p:last-child {
   margin-bottom: 0;
 }
 

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

@@ -22,6 +22,12 @@ export declare const NoResponseColumn: Story;
  * are non-interactive.
  */
 export declare const Submitting: Story;
+/**
+ * Long response that exceeds viewport height. The response column should scroll
+ * internally so the dialog stays within the viewport and the submit/cancel
+ * actions remain reachable.
+ */
+export declare const LongResponse: Story;
 /**
  * Realistic end-to-end flow wired to `CkFeedbackButton`. Click a thumb to open
  * the dialog; submit or cancel; the button locks only on submit.

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

@@ -1 +1 @@
-{"version":3,"file":"CkFeedbackDialog.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkFeedbackDialog/CkFeedbackDialog.stories.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AAOtD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAsC3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAgBvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAoEnC;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAO9B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAqEhC,CAAC"}
+{"version":3,"file":"CkFeedbackDialog.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkFeedbackDialog/CkFeedbackDialog.stories.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AAOtD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AA2D3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAgBvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAoEnC;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAO9B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAqEhC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"CkFeedbackDialog.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkFeedbackDialog/CkFeedbackDialog.vue"],"names":[],"mappings":"AAwSA,OAAO,KAAK,EACV,qBAAqB,EACrB,6BAA6B,EAC9B,MAAM,SAAS,CAAC;AAqgBjB,QAAA,MAAM,YAAY;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"CkFeedbackDialog.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkFeedbackDialog/CkFeedbackDialog.vue"],"names":[],"mappings":"AAwSA,OAAO,KAAK,EACV,qBAAqB,EACrB,6BAA6B,EAC9B,MAAM,SAAS,CAAC;AAygBjB,QAAA,MAAM,YAAY;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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-DxUWj4Vh.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-DYBCJPBn.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-DxUWj4Vh.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-DYBCJPBn.js";
 export {
   C as CHAT_KIT_LABELS,
   _ as CkAgentMessage,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aleph-alpha/chat-kit",
-  "version": "1.17.1",
+  "version": "1.17.3",
   "description": "Chat kit package for building chat interfaces with Vue",
   "type": "module",
   "main": "./dist/index.js",
@@ -65,7 +65,7 @@
     "vue": "^3.5.27"
   },
   "dependencies": {
-    "@aleph-alpha/ui-library": "^2.7.0",
+    "@aleph-alpha/ui-library": "^2.8.3",
     "dompurify": "^3.3.2",
     "rehype-stringify": "^10.0.1",
     "remark-gfm": "^4.0.1",

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

@@ -43,6 +43,27 @@ Key Lessons Learned:
 - **Stakeholder Involvement:** The most critical lesson was the need for early and **continuous stakeholder involvement** from all affected departments. A lack of initial engagement led to significant user resistance and process rework in the initial rollout.
 - **User Training:** Tailored, hands-on training was found to be far more effective than generic sessions. Departments that received customized training saw a **25% higher adoption rate** of the new tools compared to those with generic training.`;
 
+const LONG_RESPONSE = `Below is the complete corporate travel and expense policy. Several sections expand the original guidelines based on feedback from the 2026 internal audit.
+
+1. **General Travel Principles** – travel must serve clear business objectives, be cost-conscious, sustainable, and respect time and well-being. Short trips (e.g., Berlin → Heidelberg) are discouraged unless essential.
+2. **Booking Travels** – all trips must be booked via the mandatory Lanes & Planes platform. Reasons are classified (company events, team workshops, partner meetings, trade fairs, office visits, onboarding, onsite interviews, etc.). No pre-approval is needed if the booking follows policy.
+3. **Travel Guidelines (Mobility)**
+   - **Train travel** – preferred mode; book early, aim for 2nd-class Supersparpreis tickets ≤ €100, reserve seats, use a BahnCard where appropriate.
+   - **Car travel** – allowed only when logistically or economically justified; own-vehicle mileage reimbursed at €0.30/km. Inter-office car trips require explicit manager approval.
+   - **Taxi & Ride Services** – exceptional cases only (e.g., strikes, urgent client arrival).
+   - **Air Travel** – used when train travel is infeasible or >100% longer; economy class is default; premium options need manager approval.
+4. **Accommodation** – book mid-range hotels (€80–100/night, up to €120/night in major cities). Free cancellation preferred. Hotel stays in the contract location are not permitted except for approved team events.
+5. **International Business Travel** – all international bookings must be made in Lanes & Planes, triggering an automatic WorkFlex compliance check. Travelers must complete a WorkFlex profile, book at least 3 working days in advance, and carry an A1 certificate.
+6. **Costs Outside Lanes & Planes** – per-diems are only reimbursed for external client/partner trips (€14 for 8–24 h, €28 for longer trips). Other expenses need a pre-approved cost-acceptance form and itemised receipts.
+7. **Receipts & Reimbursement** – all receipts must be submitted via the Receipts portal within 14 days of return. Submissions older than 60 days are not reimbursed unless approved by Finance and the line manager.
+8. **Sustainability** – combined train+overnight travel is preferred over short-haul flights wherever total travel time stays within 6 hours of the equivalent flight itinerary.
+9. **Personal Time Combined with Business Travel** – allowed for up to 3 calendar days adjacent to the business portion. The personal segment must be clearly itemised so the company only covers business-related expenses.
+10. **Per-Diem Edge Cases** – when meals are provided by a customer, the daily per-diem is reduced (breakfast: -20%, lunch: -40%, dinner: -40%). Travelers must self-declare this in the reimbursement form.
+11. **Visa & Documentation** – travelers are responsible for keeping their passports valid for at least 6 months beyond the trip end date. The company covers business visa application fees but not expedited service unless explicitly approved.
+12. **Travel Insurance** – the corporate travel insurance covers all business trips booked via Lanes & Planes by default. For trips outside that channel, contact the People Operations team at least 5 working days before departure.
+
+Please review the full policy carefully before your next booking and reach out to People Operations with any questions.`;
+
 const meta: Meta<typeof CkFeedbackDialog> = {
   title: 'Base/CkFeedbackDialog',
   component: CkFeedbackDialog,
@@ -182,6 +203,20 @@ export const Submitting: Story = {
   },
 };
 
+/**
+ * Long response that exceeds viewport height. The response column should scroll
+ * internally so the dialog stays within the viewport and the submit/cancel
+ * actions remain reachable.
+ */
+export const LongResponse: Story = {
+  args: {
+    open: true,
+    sentiment: 'negative',
+    reasons: NEGATIVE_REASONS,
+    responseText: LONG_RESPONSE,
+  },
+};
+
 /**
  * Realistic end-to-end flow wired to `CkFeedbackButton`. Click a thumb to open
  * the dialog; submit or cancel; the button locks only on submit.

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

@@ -177,7 +177,7 @@ function handleSubmit(): void {
     <UiDialogContent
       :title="title"
       max-width="max-w-4xl"
-      class="ck-feedback-dialog"
+      class="ck-feedback-dialog h-[min(85vh,_40rem)]"
       :show-close-button="!(submitting || disabled)"
     >
       <UiDialogDescription class="sr-only">
@@ -185,7 +185,7 @@ function handleSubmit(): void {
       </UiDialogDescription>
       <div
         :class="[
-          'grid gap-12',
+          'grid min-h-0 flex-1 grid-rows-1 gap-12',
           showResponseColumn ? 'grid-cols-2' : 'grid-cols-1',
         ]"
       >