@aleph-alpha/chat-kit 5.10.1 → 5.11.0

package/dist/{CkHistory.vue_vue_type_script_setup_true_lang-CKM3MwF_.js → CkHistory.vue_vue_type_script_setup_true_lang-SL1vOAd9.js}

@@ -1204,6 +1204,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     responseText: { default: "" },
     reasons: {},
     maxFreeTextLength: { default: 250 },
+    reasonRequired: { type: Boolean, default: true },
     submitting: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false },
     titlePositive: {},
@@ -1263,8 +1264,11 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       () => typeof __props.responseText === "string" && __props.responseText !== ""
     );
     const characterCount = computed(() => freeText.value.length);
+    const hasInput = computed(
+      () => selectedReasons.value.length > 0 || freeText.value.trim() !== ""
+    );
     const canSubmit = computed(
-      () => !__props.disabled && !__props.submitting && (selectedReasons.value.length > 0 || freeText.value.trim() !== "")
+      () => !__props.disabled && !__props.submitting && (!__props.reasonRequired || hasInput.value)
     );
     function handleOpenChange(next) {
       if (!next && (__props.submitting || __props.disabled)) {
@@ -1420,7 +1424,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CkFeedbackDialog = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-12dfee8a"]]);
+const CkFeedbackDialog = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-bdf7bf3d"]]);
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkFileItemRow",

package/dist/chat-kit.css

@@ -45,7 +45,7 @@
 }
 }
 
-.ck-feedback-dialog__chip[data-v-12dfee8a] {
+.ck-feedback-dialog__chip[data-v-bdf7bf3d] {
   width: 100%;
   min-height: 36px;
   height: auto;
@@ -59,8 +59,8 @@
  * emitted by the consumer's UnoCSS build. The :hover selector holds the
  * styling when hovering a selected chip (the outline variant ships a
  * data-[state=on]:hover override of equal specificity otherwise). */
-.ck-feedback-dialog__chip[data-state='on'][data-v-12dfee8a],
-.ck-feedback-dialog__chip[data-state='on'][data-v-12dfee8a]:hover {
+.ck-feedback-dialog__chip[data-state='on'][data-v-bdf7bf3d],
+.ck-feedback-dialog__chip[data-state='on'][data-v-bdf7bf3d]:hover {
   border-color: oklch(var(--accent-default));
   background-color: oklch(var(--background-accent-soft));
   color: oklch(var(--content-on-accent-soft));
@@ -70,17 +70,17 @@
  * The free-text field stays vertically resizable, but cap its height so
  * dragging the resize handle can't push it past the dialog bounds.
  */
-.ck-feedback-dialog__freetext[data-v-12dfee8a] {
+.ck-feedback-dialog__freetext[data-v-bdf7bf3d] {
   max-height: 11rem;
 }
-.ck-feedback-dialog__response[data-v-12dfee8a] p,
-.ck-feedback-dialog__response[data-v-12dfee8a] li {
+.ck-feedback-dialog__response[data-v-bdf7bf3d] p,
+.ck-feedback-dialog__response[data-v-bdf7bf3d] li {
   line-height: 1.5rem;
 }
-.ck-feedback-dialog__response[data-v-12dfee8a] p {
+.ck-feedback-dialog__response[data-v-bdf7bf3d] p {
   margin: 0 0 0.5rem 0;
 }
-.ck-feedback-dialog__response[data-v-12dfee8a] p:last-child {
+.ck-feedback-dialog__response[data-v-bdf7bf3d] p:last-child {
   margin-bottom: 0;
 }
 

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

@@ -17,6 +17,11 @@ export declare const Negative: Story;
  * + free-text input fill the dialog.
  */
 export declare const NoResponseColumn: Story;
+/**
+ * With `reasonRequired: false` the reasons and free text are both optional —
+ * Submit is enabled immediately and submits the bare sentiment.
+ */
+export declare const OptionalInput: Story;
 /**
  * Submit shows a busy state while the host persists the payload; both actions
  * are non-interactive.

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;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"}
+{"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,CAiBvC,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,aAAa,EAAE,KAQ3B,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":"AAiUA,OAAO,KAAK,EACV,qBAAqB,EACrB,6BAA6B,EAC9B,MAAM,SAAS,CAAC;AAohBjB,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":"AAqUA,OAAO,KAAK,EACV,qBAAqB,EACrB,6BAA6B,EAC9B,MAAM,SAAS,CAAC;AAwhBjB,QAAA,MAAM,YAAY;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -77,6 +77,15 @@ export interface CkFeedbackDialogProps {
      * @default 250
      */
     maxFreeTextLength?: number;
+    /**
+     * Whether the user must provide at least one signal before submitting. When
+     * `true` (the default) Submit stays disabled until a reason chip is selected
+     * or the free-text field is non-empty, so an empty qualitative payload is
+     * never sent. Set to `false` to let the user submit the bare sentiment — the
+     * payload then carries an empty `reasons` array and an empty `reasonText`.
+     * @default true
+     */
+    reasonRequired?: boolean;
     /**
      * When `true`, the Submit button shows a busy state and clicks are ignored.
      * Use while the parent is awaiting the backend POST.

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkFeedbackDialog/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,UAAU,CAAC;AAE1D;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,6BAA6B;IAC5C,+CAA+C;IAC/C,SAAS,EAAE,mBAAmB,CAAC;IAC/B;;;;OAIG;IACH,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,4EAA4E;IAC5E,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,SAAS,EAAE,mBAAmB,CAAC;IAC/B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,CAAC,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IACxC;;;;OAIG;IACH,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,6BAA6B,GAAG,IAAI,CAAC;IAC5D;;;OAGG;IACH,CAAC,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CACrB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkFeedbackDialog/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,UAAU,CAAC;AAE1D;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,6BAA6B;IAC5C,+CAA+C;IAC/C,SAAS,EAAE,mBAAmB,CAAC;IAC/B;;;;OAIG;IACH,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,4EAA4E;IAC5E,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,SAAS,EAAE,mBAAmB,CAAC;IAC/B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,CAAC,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IACxC;;;;OAIG;IACH,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,6BAA6B,GAAG,IAAI,CAAC;IAC5D;;;OAGG;IACH,CAAC,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CACrB"}

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, z } from "../CkHistory.vue_vue_type_script_setup_true_lang-CKM3MwF_.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, z } from "../CkHistory.vue_vue_type_script_setup_true_lang-SL1vOAd9.js";
 export {
   _ as CkAgentMessage,
   a as CkAgentMessageHeader,

package/dist/index.js

@@ -1,7 +1,7 @@
 import { u } from "./useMessageHandler-Tellov3w.js";
 import { C, d, p, u as u2, b } from "./useChatKitLabels-CMOr3Kjq.js";
 import { S, c, d as d2, f, u as u3, a, b as b2, e } from "./index-Dn4ctxk8.js";
-import { _, a as a2, C as C2, b as b3, 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 } from "./CkHistory.vue_vue_type_script_setup_true_lang-CKM3MwF_.js";
+import { _, a as a2, C as C2, b as b3, 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 } from "./CkHistory.vue_vue_type_script_setup_true_lang-SL1vOAd9.js";
 export {
   C as CHAT_KIT_LABELS,
   _ as CkAgentMessage,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aleph-alpha/chat-kit",
-  "version": "5.10.1",
+  "version": "5.11.0",
   "description": "Chat kit package for building chat interfaces with Vue",
   "type": "module",
   "main": "./dist/index.js",
@@ -107,14 +107,14 @@
     "vue": "^3.5.27",
     "vue-tsc": "^3.2.4",
     "wait-on": "9.0.3",
-    "@aleph-alpha/eslint-config-frontend": "0.7.0",
-    "@aleph-alpha/tsconfig-frontend": "0.7.1",
-    "@aleph-alpha/prettier-config-frontend": "2.1.0"
+    "@aleph-alpha/eslint-config-frontend": "0.7.1",
+    "@aleph-alpha/tsconfig-frontend": "0.7.2",
+    "@aleph-alpha/prettier-config-frontend": "2.1.1"
   },
   "scripts": {
     "build": "vite build && vue-tsc --project tsconfig.build.json --declaration --emitDeclarationOnly --outDir dist",
     "dev": "vite build --watch",
-    "type-check": "vue-tsc --noEmit",
+    "typecheck": "vue-tsc --noEmit",
     "test": "vitest run",
     "format": "prettier --write .",
     "lint": "prettier --check . && eslint --fix src",

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

@@ -261,7 +261,7 @@ describe('CkConversationLayout', () => {
   });
 
   describe('scroll fade indicators', () => {
-    function getFadeElements(container: HTMLElement) {
+    function getFadeElements(container: Element) {
       return {
         topFade: container.querySelector('.bg-gradient-to-b') as HTMLElement,
         bottomFade: container.querySelector('.bg-gradient-to-t') as HTMLElement,

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

@@ -148,6 +148,37 @@ describe('CkFeedbackDialog', () => {
     });
   });
 
+  // With `reasonRequired: false` the bare sentiment is a valid submission, so
+  // Submit is enabled from the start.
+  it('allows submitting with no input when reasonRequired is false', async () => {
+    const user = userEvent.setup();
+    const { emitted } = renderDialog({
+      sentiment: 'negative',
+      reasonRequired: false,
+    });
+
+    const submit = await screen.findByRole('button', { name: SUBMIT });
+    expect(submit).not.toBeDisabled();
+
+    await user.click(submit);
+
+    const submitEvents = emitted('submit') as [CkFeedbackDialogSubmitPayload][];
+    expect(submitEvents).toHaveLength(1);
+    expect(submitEvents[0][0]).toEqual({
+      sentiment: 'negative',
+      reasons: [],
+      reasonText: '',
+    });
+  });
+
+  // `reasonRequired: false` only relaxes the gate — submitting/disabled still
+  // freeze the action.
+  it('keeps submit disabled while submitting even when reasonRequired is false', async () => {
+    renderDialog({ reasonRequired: false, submitting: true });
+
+    expect(await screen.findByRole('button', { name: SUBMIT })).toBeDisabled();
+  });
+
   // Edge case: reasons + free text combine into one payload, free text trimmed.
   it('emits both reasons and free text when given', async () => {
     const user = userEvent.setup();

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

@@ -77,6 +77,7 @@ const meta: Meta<typeof CkFeedbackDialog> = {
     responseText: { control: 'text' },
     reasons: { control: 'object' },
     maxFreeTextLength: { control: 'number' },
+    reasonRequired: { control: 'boolean' },
     submitting: { control: 'boolean' },
     disabled: { control: 'boolean' },
   },
@@ -189,6 +190,20 @@ export const NoResponseColumn: Story = {
   },
 };
 
+/**
+ * With `reasonRequired: false` the reasons and free text are both optional —
+ * Submit is enabled immediately and submits the bare sentiment.
+ */
+export const OptionalInput: Story = {
+  args: {
+    open: true,
+    sentiment: 'negative',
+    reasons: NEGATIVE_REASONS,
+    responseText: SAMPLE_RESPONSE,
+    reasonRequired: false,
+  },
+};
+
 /**
  * Submit shows a busy state while the host persists the payload; both actions
  * are non-interactive.

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

@@ -31,6 +31,7 @@ const {
   responseText = '',
   reasons,
   maxFreeTextLength = 250,
+  reasonRequired = true,
   submitting = false,
   disabled = false,
   titlePositive,
@@ -132,11 +133,14 @@ const showResponseColumn = computed(
   () => typeof responseText === 'string' && responseText !== '',
 );
 const characterCount = computed(() => freeText.value.length);
+const hasInput = computed(
+  () => selectedReasons.value.length > 0 || freeText.value.trim() !== '',
+);
+// With `reasonRequired` (the default) the user must give at least one signal —
+// a reason chip or some free text — so we never submit an empty qualitative
+// payload. When it's off, the bare sentiment is a valid submission.
 const canSubmit = computed(
-  () =>
-    !disabled &&
-    !submitting &&
-    (selectedReasons.value.length > 0 || freeText.value.trim() !== ''),
+  () => !disabled && !submitting && (!reasonRequired || hasInput.value),
 );
 
 function handleOpenChange(next: boolean): void {

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

@@ -80,6 +80,15 @@ export interface CkFeedbackDialogProps {
    * @default 250
    */
   maxFreeTextLength?: number;
+  /**
+   * Whether the user must provide at least one signal before submitting. When
+   * `true` (the default) Submit stays disabled until a reason chip is selected
+   * or the free-text field is non-empty, so an empty qualitative payload is
+   * never sent. Set to `false` to let the user submit the bare sentiment — the
+   * payload then carries an empty `reasons` array and an empty `reasonText`.
+   * @default true
+   */
+  reasonRequired?: boolean;
   /**
    * When `true`, the Submit button shows a busy state and clicks are ignored.
    * Use while the parent is awaiting the backend POST.