@aleph-alpha/chat-kit 1.1.0 → 1.3.0

package/dist/{CkInput.vue_vue_type_script_setup_true_lang-DpYyyCgU.js → CkInput.vue_vue_type_script_setup_true_lang-BoUxOQbH.js}

@@ -1,7 +1,7 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createCommentVNode, ref, onMounted, nextTick, onUnmounted, watch, Fragment, renderList, normalizeStyle, createBlock, unref, mergeProps, withCtx, createVNode, Transition, toDisplayString, useAttrs, useSlots, computed, normalizeClass, withModifiers, resolveDynamicComponent, toRefs, h, useId, useTemplateRef, createTextVNode, createSlots, normalizeProps, guardReactiveProps } from "vue";
-import { a as useMarkdownParser, u as useChatKitLabels } from "./useChatKitLabels-Dvi2FmjE.js";
+import { defineComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createCommentVNode, ref, onMounted, nextTick, onUnmounted, watch, Fragment, renderList, normalizeStyle, createBlock, unref, mergeProps, withCtx, createVNode, Transition, toDisplayString, computed, normalizeClass, useAttrs, useSlots, withModifiers, resolveDynamicComponent, toRefs, h, useId, useTemplateRef, createTextVNode, createSlots, normalizeProps, guardReactiveProps } from "vue";
+import { u as useChatKitLabels, d as defaultChatKitLabels, a as useMarkdownParser } from "./useChatKitLabels-ftC52m7f.js";
 import { UiButton, UiTooltip, UiIcon, Primitive, UiPopover, UiPopoverTrigger, UiPopoverContent, UiAvatar, UiAvatarImage, UiSpinner, UiAvatarFallback, UiSidebarPopoverMenu, UiSidebarPopoverMenuItem } from "@aleph-alpha/ui-library";
-const _hoisted_1$8 = {
+const _hoisted_1$9 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
@@ -12,31 +12,31 @@ const _hoisted_1$8 = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...{ name: "CkSendIcon" },
   __name: "CkSendIcon",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", _hoisted_1$8, [..._cache[0] || (_cache[0] = [
+      return openBlock(), createElementBlock("svg", _hoisted_1$9, [..._cache[0] || (_cache[0] = [
         createElementVNode("path", { d: "M3.714 3.048a.498.498 0 0 0-.683.627l2.843 7.627a2 2 0 0 1 0 1.396l-2.842 7.627a.498.498 0 0 0 .682.627l18-8.5a.5.5 0 0 0 0-.904z" }, null, -1),
         createElementVNode("path", { d: "M6 12h16" }, null, -1)
       ])]);
     };
   }
 });
-const _hoisted_1$7 = {
+const _hoisted_1$8 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
   viewBox: "0 0 16 16",
   fill: "none"
 };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...{ name: "CkStopIcon" },
   __name: "CkStopIcon",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", _hoisted_1$7, [..._cache[0] || (_cache[0] = [
+      return openBlock(), createElementBlock("svg", _hoisted_1$8, [..._cache[0] || (_cache[0] = [
         createElementVNode("path", {
           d: "M13.3335 3.33301C13.3335 2.96482 13.035 2.66634 12.6668 2.66634H3.3335C2.96531 2.66634 2.66683 2.96482 2.66683 3.33301V12.6663C2.66683 13.0345 2.96531 13.333 3.3335 13.333H12.6668C13.035 13.333 13.3335 13.0345 13.3335 12.6663V3.33301ZM14.6668 12.6663C14.6668 13.7709 13.7714 14.6663 12.6668 14.6663H3.3335C2.22893 14.6663 1.3335 13.7709 1.3335 12.6663V3.33301C1.3335 2.22844 2.22893 1.33301 3.3335 1.33301H12.6668C13.7714 1.33301 14.6668 2.22844 14.6668 3.33301V12.6663Z",
           fill: "#1D1D1B"
@@ -45,7 +45,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$6 = { class: "flex w-full items-start gap-2" };
+const _hoisted_1$7 = { class: "flex w-full items-start gap-2" };
 const _hoisted_2$4 = {
   key: 0,
   class: "flex flex-shrink-0 items-center justify-center"
@@ -59,12 +59,12 @@ const _hoisted_5$2 = {
   key: 1,
   class: "flex items-center"
 };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...{ name: "CkAgentMessage" },
   __name: "CkAgentMessage",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
         _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
           renderSlot(_ctx.$slots, "icon")
         ])) : createCommentVNode("", true),
@@ -83,7 +83,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = ["data-message-row"];
+const _hoisted_1$6 = ["data-message-row"];
 const _hoisted_2$3 = {
   key: 0,
   class: "flex justify-end"
@@ -92,7 +92,7 @@ const _hoisted_3$2 = {
   key: 1,
   class: "flex justify-start"
 };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{ name: "CkConversationLayout" },
   __name: "CkConversationLayout",
   props: {
@@ -237,7 +237,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             ])) : (openBlock(), createElementBlock("div", _hoisted_3$2, [
               renderSlot(_ctx.$slots, "agent-message", { message })
             ]))
-          ], 8, _hoisted_1$5);
+          ], 8, _hoisted_1$6);
         }), 128)),
         hasBottomSpacer.value ? (openBlock(), createElementBlock("div", {
           key: 0,
@@ -248,7 +248,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkMessageActionButton"
   },
@@ -272,11 +272,11 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = {
+const _hoisted_1$5 = {
   class: "sr-only",
   "aria-live": "polite"
 };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkCopyMessageActionButton"
   },
@@ -333,7 +333,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         "delay-duration": 0
       }, {
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$c), mergeProps({ ariaLabel: copied.value ? __props.ariaLabelCopied : __props.ariaLabelCopy }, {
+          createVNode(unref(_sfc_main$d), mergeProps({ ariaLabel: copied.value ? __props.ariaLabelCopied : __props.ariaLabelCopy }, {
             disabled: __props.disabled,
             onClick: handleClick
           }), {
@@ -360,7 +360,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 16, ["disabled"]),
-          createElementVNode("span", _hoisted_1$4, toDisplayString(copied.value ? __props.ariaLabelCopied : __props.ariaLabelCopy), 1)
+          createElementVNode("span", _hoisted_1$5, toDisplayString(copied.value ? __props.ariaLabelCopied : __props.ariaLabelCopy), 1)
         ]),
         _: 1
       }, 8, ["open", "content"]);
@@ -374,7 +374,121 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const CkCopyMessageActionButton = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-f77a1193"]]);
+const CkCopyMessageActionButton = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-f77a1193"]]);
+const _hoisted_1$4 = ["aria-label"];
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CkFeedbackButton"
+  },
+  __name: "CkFeedbackButton",
+  props: {
+    value: { default: null },
+    locked: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    ariaLabelThumbsUp: { default: void 0 },
+    ariaLabelThumbsDown: { default: void 0 },
+    ariaLabelGroup: { default: void 0 }
+  },
+  emits: ["update:value"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const labels = useChatKitLabels();
+    const thumbsUpLabel = computed(
+      () => props.ariaLabelThumbsUp ?? labels.value.feedbackThumbsUp ?? defaultChatKitLabels.feedbackThumbsUp
+    );
+    const thumbsDownLabel = computed(
+      () => props.ariaLabelThumbsDown ?? labels.value.feedbackThumbsDown ?? defaultChatKitLabels.feedbackThumbsDown
+    );
+    const groupLabel = computed(
+      () => props.ariaLabelGroup ?? labels.value.feedbackGroup ?? defaultChatKitLabels.feedbackGroup
+    );
+    const isUpSelected = computed(() => props.value === "up");
+    const isDownSelected = computed(() => props.value === "down");
+    const isUpDisabled = computed(
+      () => props.disabled || props.locked && !isUpSelected.value
+    );
+    const isDownDisabled = computed(
+      () => props.disabled || props.locked && !isDownSelected.value
+    );
+    function handleClick(target) {
+      if (props.disabled || props.locked) {
+        return;
+      }
+      const isCurrentlySelected = target === "up" ? isUpSelected.value : isDownSelected.value;
+      emit("update:value", isCurrentlySelected ? null : target);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        role: "group",
+        "aria-label": groupLabel.value,
+        class: "ck-feedback-button flex items-center gap-1"
+      }, [
+        createVNode(unref(UiTooltip), {
+          content: thumbsUpLabel.value,
+          side: "bottom",
+          align: "center",
+          "delay-duration": 0
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(_sfc_main$d), mergeProps({ ariaLabel: thumbsUpLabel.value }, {
+              "aria-pressed": isUpSelected.value,
+              "aria-disabled": __props.locked || void 0,
+              disabled: isUpDisabled.value,
+              class: [
+                "ck-feedback-button__thumb",
+                { "ck-feedback-button__thumb--selected": isUpSelected.value }
+              ],
+              onClick: _cache[0] || (_cache[0] = ($event) => handleClick("up"))
+            }), {
+              default: withCtx(() => [
+                createVNode(unref(UiIcon), {
+                  name: "thumbs-up",
+                  size: 16,
+                  "aria-hidden": "true",
+                  class: normalizeClass(isUpSelected.value ? "fill-current" : void 0)
+                }, null, 8, ["class"])
+              ]),
+              _: 1
+            }, 16, ["aria-pressed", "aria-disabled", "disabled", "class"])
+          ]),
+          _: 1
+        }, 8, ["content"]),
+        createVNode(unref(UiTooltip), {
+          content: thumbsDownLabel.value,
+          side: "bottom",
+          align: "center",
+          "delay-duration": 0
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(_sfc_main$d), mergeProps({ ariaLabel: thumbsDownLabel.value }, {
+              "aria-pressed": isDownSelected.value,
+              "aria-disabled": __props.locked || void 0,
+              disabled: isDownDisabled.value,
+              class: [
+                "ck-feedback-button__thumb",
+                { "ck-feedback-button__thumb--selected": isDownSelected.value }
+              ],
+              onClick: _cache[1] || (_cache[1] = ($event) => handleClick("down"))
+            }), {
+              default: withCtx(() => [
+                createVNode(unref(UiIcon), {
+                  name: "thumbs-down",
+                  size: 16,
+                  "aria-hidden": "true",
+                  class: normalizeClass(isDownSelected.value ? "fill-current" : void 0)
+                }, null, 8, ["class"])
+              ]),
+              _: 1
+            }, 16, ["aria-pressed", "aria-disabled", "disabled", "class"])
+          ]),
+          _: 1
+        }, 8, ["content"])
+      ], 8, _hoisted_1$4);
+    };
+  }
+});
+const CkFeedbackButton = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-c452d66c"]]);
 const CHAT_HISTORY_ACTIVE_INDICATOR_CLASS = 'before:absolute before:z-10 before:top-1/2 before:left-0 before:h-1/2 before:w-0.5 before:-translate-y-1/2 before:origin-left before:scale-x-0 before:rounded-full before:bg-background-accent-default before:opacity-0 before:transition-[transform,opacity] before:duration-200 before:ease-linear before:content-[""] data-[active=true]:before:scale-x-100 data-[active=true]:before:opacity-100';
 const _hoisted_1$3 = ["data-active"];
 const _hoisted_2$2 = { class: "min-w-0 flex-1" };
@@ -949,7 +1063,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     );
     const isLoading = (message) => message.status === "started" || message.status === "sending";
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$d, { messages: __props.messages }, {
+      return openBlock(), createBlock(_sfc_main$e, { messages: __props.messages }, {
         "user-message": withCtx(({ message }) => [
           createElementVNode("div", {
             class: normalizeClass({ "ml-8": hasIcon.value })
@@ -970,7 +1084,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         ]),
         "agent-message": withCtx(({ message }) => [
           renderSlot(_ctx.$slots, "agent-message", { message }, () => [
-            createVNode(_sfc_main$e, null, createSlots({
+            createVNode(_sfc_main$f, null, createSlots({
               footer: withCtx(() => [
                 renderSlot(_ctx.$slots, "agent-message-footer", { message }, () => [
                   message.content && !isLoading(message) ? (openBlock(), createBlock(CkCopyMessageActionButton, {
@@ -1213,7 +1327,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "stop-icon", {}, () => [
-                  createVNode(_sfc_main$f)
+                  createVNode(_sfc_main$g)
                 ])
               ]),
               _: 3
@@ -1223,7 +1337,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }), {
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "send-icon", {}, () => [
-                  createVNode(_sfc_main$g)
+                  createVNode(_sfc_main$h)
                 ])
               ]),
               _: 3
@@ -1253,20 +1367,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 export {
   CkCopyMessageActionButton as C,
-  _sfc_main$e as _,
+  _sfc_main$f as _,
   _sfc_main$2 as a,
-  _sfc_main$d as b,
-  _sfc_main$1 as c,
-  _sfc_main$a as d,
-  _sfc_main$9 as e,
-  _sfc_main as f,
-  _sfc_main$8 as g,
-  _sfc_main$c as h,
-  _sfc_main$7 as i,
-  _sfc_main$5 as j,
-  _sfc_main$4 as k,
-  _sfc_main$6 as l,
-  _sfc_main$g as m,
-  _sfc_main$f as n,
-  _sfc_main$3 as o
+  _sfc_main$e as b,
+  CkFeedbackButton as c,
+  _sfc_main$1 as d,
+  _sfc_main$a as e,
+  _sfc_main$9 as f,
+  _sfc_main as g,
+  _sfc_main$8 as h,
+  _sfc_main$d as i,
+  _sfc_main$7 as j,
+  _sfc_main$5 as k,
+  _sfc_main$4 as l,
+  _sfc_main$6 as m,
+  _sfc_main$h as n,
+  _sfc_main$g as o,
+  _sfc_main$3 as p
 };

package/dist/chat-kit.css

@@ -13,3 +13,21 @@
     transition-duration: 0.01ms;
 }
 }
+
+.ck-feedback-button__thumb[data-v-c452d66c] button {
+  transition: background-color 0.15s ease-out;
+}
+
+/* Selected thumbs stay visually emphasised on top of the default ghost
+   variant: the filled icon (via `fill-current`) carries the primary
+   affordance; the tinted background reinforces it without competing with
+   neighbouring action buttons. The token matches `bg-core-bg-tertiary`
+   used elsewhere in chat-kit. */
+.ck-feedback-button__thumb--selected[data-v-c452d66c] button {
+  background-color: var(--core-bg-tertiary);
+}
+@media (prefers-reduced-motion: reduce) {
+.ck-feedback-button__thumb[data-v-c452d66c] button {
+    transition-duration: 0.01ms;
+}
+}

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

@@ -0,0 +1,38 @@
+import CkFeedbackButton from './CkFeedbackButton.vue';
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+declare const meta: Meta<typeof CkFeedbackButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default, idle state. Both thumbs are interactive and unfilled. Use this
+ * inside `CkConversation`'s `#agent-message-footer` slot to collect binary
+ * feedback on assistant replies.
+ */
+export declare const Default: Story;
+/**
+ * Thumbs-up is selected. The icon fills and the button shows a tinted
+ * background to mark the active choice. The host still receives
+ * `update:value` events; pass `locked` to make the choice final.
+ */
+export declare const SelectedUp: Story;
+/**
+ * Thumbs-down is selected. Same affordance as `SelectedUp`, on the other
+ * thumb.
+ */
+export declare const SelectedDown: Story;
+/**
+ * Locked after submission. The chosen thumb stays filled; the other becomes
+ * non-interactive. Clicks no longer emit `update:value`.
+ */
+export declare const Locked: Story;
+/**
+ * Both thumbs disabled, for example while the assistant message is still
+ * streaming or after a network error.
+ */
+export declare const Disabled: Story;
+/**
+ * Realistic flow: the host listens for `update:value`, persists the choice,
+ * then sets `locked` to freeze the control. Click a thumb to see it lock.
+ */
+export declare const SubmitOnSelect: Story;
+//# sourceMappingURL=CkFeedbackButton.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CkFeedbackButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkFeedbackButton/CkFeedbackButton.stories.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AAEtD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAG3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CA+BvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAqEnC;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,KAGxB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAG1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAGpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAGtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAmB5B,CAAC"}

package/dist/components/base/CkFeedbackButton/CkFeedbackButton.vue.d.ts

@@ -0,0 +1,16 @@
+import type { CkFeedbackButtonProps, CkFeedbackValue } from './types';
+declare const __VLS_export: import("vue").DefineComponent<CkFeedbackButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (value: CkFeedbackValue) => any;
+}, string, import("vue").PublicProps, Readonly<CkFeedbackButtonProps> & Readonly<{
+    "onUpdate:value"?: ((value: CkFeedbackValue) => any) | undefined;
+}>, {
+    value: CkFeedbackValue;
+    disabled: boolean;
+    locked: boolean;
+    ariaLabelThumbsUp: string;
+    ariaLabelThumbsDown: string;
+    ariaLabelGroup: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=CkFeedbackButton.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CkFeedbackButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkFeedbackButton/CkFeedbackButton.vue"],"names":[],"mappings":"AAqKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAyRtE,QAAA,MAAM,YAAY;;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/base/CkFeedbackButton/index.d.ts

@@ -0,0 +1,3 @@
+export { default as CkFeedbackButton } from './CkFeedbackButton.vue';
+export type * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/base/CkFeedbackButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkFeedbackButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,mBAAmB,SAAS,CAAC"}

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

@@ -0,0 +1,60 @@
+/**
+ * Binary thumbs up / thumbs down feedback control for assistant messages.
+ * Fully prop-driven: the host application owns the selection and lock state
+ * and decides when (or if) to persist it to a backend.
+ *
+ * Labels default to those provided by `useChatKitLabels` (which can be
+ * translated via `provideChatKitLabels`). The `ariaLabel*` props override
+ * the injected labels on a per-instance basis when set.
+ *
+ * @category Feedback
+ * @useCases like or dislike an assistant reply, collect binary message rating, lock feedback after submission, rate AI response
+ * @keywords feedback, thumbs up, thumbs down, like, dislike, rating, vote, action, message, button
+ * @related CkMessageActionButton, CkCopyMessageActionButton, CkAgentMessage, CkConversation
+ */
+export type CkFeedbackValue = 'up' | 'down' | null;
+export interface CkFeedbackButtonProps {
+    /**
+     * Currently selected feedback value. `null` means no choice has been made.
+     * @default null
+     */
+    value?: CkFeedbackValue;
+    /**
+     * When `true`, the current `value` is final: clicks are ignored and the
+     * unselected thumb becomes non-interactive. Use after the host has
+     * persisted the user's choice.
+     * @default false
+     */
+    locked?: boolean;
+    /**
+     * When `true`, both thumbs are disabled regardless of `value`. Use while
+     * the parent message is still streaming or in an error state.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Overrides the injected `feedbackThumbsUp` label for the thumbs-up button.
+     * When omitted, falls back to `useChatKitLabels().feedbackThumbsUp`.
+     */
+    ariaLabelThumbsUp?: string;
+    /**
+     * Overrides the injected `feedbackThumbsDown` label for the thumbs-down
+     * button. When omitted, falls back to
+     * `useChatKitLabels().feedbackThumbsDown`.
+     */
+    ariaLabelThumbsDown?: string;
+    /**
+     * Overrides the injected `feedbackGroup` label for the surrounding group.
+     * When omitted, falls back to `useChatKitLabels().feedbackGroup`.
+     */
+    ariaLabelGroup?: string;
+}
+export interface CkFeedbackButtonEmits {
+    /**
+     * Emitted when the user clicks an enabled thumb. The payload is the new
+     * value: `'up'`, `'down'`, or `null` when toggling off the current choice.
+     * Not emitted while `locked` or `disabled`.
+     */
+    (e: 'update:value', value: CkFeedbackValue): void;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkFeedbackButton/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;AAEnD,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,CAAC,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,eAAe,GAAG,IAAI,CAAC;CACnD"}

package/dist/components/base/index.d.ts

@@ -3,6 +3,8 @@ export { CkAgentMessage } from './CkAgentMessage';
 export { CkConversationLayout } from './CkConversationLayout';
 export type { CkConversationLayoutProps } from './CkConversationLayout';
 export { CkCopyMessageActionButton } from './CkCopyMessageActionButton';
+export { CkFeedbackButton } from './CkFeedbackButton';
+export type { CkFeedbackButtonProps, CkFeedbackValue, } from './CkFeedbackButton';
 export { CkHistoryItem } from './CkHistoryItem';
 export type { CkHistoryItemProps, CkHistoryItemEmits } from './CkHistoryItem';
 export { CkHistoryWrapper } from './CkHistoryWrapper';

package/dist/components/base/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EACV,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EACV,qBAAqB,EACrB,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EACV,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/composed/CkConversation/CkConversation.stories.d.ts

@@ -31,9 +31,10 @@ export declare const NoIcon: Story;
  */
 export declare const WithCustomIcon: Story;
 /**
- * Overrides `#agent-message-footer` to add custom action buttons (copy,
- * regenerate, thumbs up/down) next to each assistant reply. Use to add
- * feedback or follow-up actions.
+ * Overrides `#agent-message-footer` to add real action buttons next to each
+ * assistant reply: `CkCopyMessageActionButton` for clipboard copy and
+ * `CkFeedbackButton` for binary thumbs up / thumbs down feedback. The
+ * feedback state is owned by the host and locked once submitted.
  */
 export declare const WithFooterActions: Story;
 /**

package/dist/components/composed/CkConversation/CkConversation.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CkConversation.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/CkConversation/CkConversation.stories.ts"],"names":[],"mappings":"AACA,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AA8D3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAkCrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAoMnC;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAYtC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KASpB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAkB/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAiBnC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAiBpC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAsFjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAmBvC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAgDjC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC"}
+{"version":3,"file":"CkConversation.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/CkConversation/CkConversation.stories.ts"],"names":[],"mappings":"AAIA,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AA8D3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAkCrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAiNnC;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAYtC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KASpB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KA8B/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAiBnC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAiBpC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAsFjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAmBvC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAgDjC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC"}

package/dist/components/index.d.ts

@@ -1,5 +1,5 @@
-export { CkAgentMessage, CkConversationLayout, CkCopyMessageActionButton, CkHistoryItem, CkHistoryWrapper, CkMarkdownRenderer, CkMessageActionButton, CkPromptActionButton, CkPromptStopButton, CkPromptInput, CkPromptInputDisclaimer, CkSendIcon, CkStopIcon, CkUserMessage, } from './base';
-export type { CkConversationLayoutProps, CkHistoryItemEmits, CkHistoryItemProps, CkHistoryWrapperProps, CkMarkdownElementClasses, CkMarkdownRendererProps, CkUserMessageProps, } from './base';
+export { CkAgentMessage, CkConversationLayout, CkCopyMessageActionButton, CkFeedbackButton, CkHistoryItem, CkHistoryWrapper, CkMarkdownRenderer, CkMessageActionButton, CkPromptActionButton, CkPromptStopButton, CkPromptInput, CkPromptInputDisclaimer, CkSendIcon, CkStopIcon, CkUserMessage, } from './base';
+export type { CkConversationLayoutProps, CkFeedbackButtonProps, CkFeedbackValue, CkHistoryItemEmits, CkHistoryItemProps, CkHistoryWrapperProps, CkMarkdownElementClasses, CkMarkdownRendererProps, CkUserMessageProps, } from './base';
 export { CkConversation, CkHistory, CkInput } from './composed';
 export type { CkConversationProps, CkHistoryEmits, CkHistoryProps, } from './composed';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,yBAAyB,EACzB,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,oBAAoB,EACpB,kBAAkB,EAClB,aAAa,EACb,uBAAuB,EACvB,UAAU,EACV,UAAU,EACV,aAAa,GACd,MAAM,QAAQ,CAAC;AAChB,YAAY,EACV,yBAAyB,EACzB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,kBAAkB,GACnB,MAAM,QAAQ,CAAC;AAGhB,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAChE,YAAY,EACV,mBAAmB,EACnB,cAAc,EACd,cAAc,GACf,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,yBAAyB,EACzB,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,oBAAoB,EACpB,kBAAkB,EAClB,aAAa,EACb,uBAAuB,EACvB,UAAU,EACV,UAAU,EACV,aAAa,GACd,MAAM,QAAQ,CAAC;AAChB,YAAY,EACV,yBAAyB,EACzB,qBAAqB,EACrB,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,kBAAkB,GACnB,MAAM,QAAQ,CAAC;AAGhB,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAChE,YAAY,EACV,mBAAmB,EACnB,cAAc,EACd,cAAc,GACf,MAAM,YAAY,CAAC"}

package/dist/components/index.js

@@ -1,20 +1,21 @@
-import { _, a, b, C, c, d, e, f, g, h, i, j, k, l, m, n, o } from "../CkInput.vue_vue_type_script_setup_true_lang-DpYyyCgU.js";
+import { _, a, b, C, c, d, e, f, g, h, i, j, k, l, m, n, o, p } from "../CkInput.vue_vue_type_script_setup_true_lang-BoUxOQbH.js";
 export {
   _ as CkAgentMessage,
   a as CkConversation,
   b as CkConversationLayout,
   C as CkCopyMessageActionButton,
-  c as CkHistory,
-  d as CkHistoryItem,
-  e as CkHistoryWrapper,
-  f as CkInput,
-  g as CkMarkdownRenderer,
-  h as CkMessageActionButton,
-  i as CkPromptActionButton,
-  j as CkPromptInput,
-  k as CkPromptInputDisclaimer,
-  l as CkPromptStopButton,
-  m as CkSendIcon,
-  n as CkStopIcon,
-  o as CkUserMessage
+  c as CkFeedbackButton,
+  d as CkHistory,
+  e as CkHistoryItem,
+  f as CkHistoryWrapper,
+  g as CkInput,
+  h as CkMarkdownRenderer,
+  i as CkMessageActionButton,
+  j as CkPromptActionButton,
+  k as CkPromptInput,
+  l as CkPromptInputDisclaimer,
+  m as CkPromptStopButton,
+  n as CkSendIcon,
+  o as CkStopIcon,
+  p as CkUserMessage
 };

package/dist/composables/index.d.ts

@@ -1,5 +1,7 @@
 export { useChat } from './useChat';
 export { useConversations } from './useConversations';
 export type { CreateConversationInput, MutationOptions, UseConversationsOptions, UseConversationsReturn, } from './useConversations';
+export { useConversationSessions } from './useConversationSessions';
+export type { ConversationSession, MessageHandler, UseConversationSessionsReturn, } from './useConversationSessions';
 export type { ChatActions, ChatState, UseChatReturn } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/composables/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EACV,uBAAuB,EACvB,eAAe,EACf,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EACV,uBAAuB,EACvB,eAAe,EACf,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,YAAY,EACV,mBAAmB,EACnB,cAAc,EACd,6BAA6B,GAC9B,MAAM,2BAA2B,CAAC;AACnC,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/dist/composables/index.js

@@ -1,5 +1,6 @@
-import { u, a } from "../useConversations-Ca242D2P.js";
+import { u, a, b } from "../useConversationSessions-ulFhtpQr.js";
 export {
   u as useChat,
-  a as useConversations
+  a as useConversationSessions,
+  b as useConversations
 };

package/dist/composables/useConversationSessions.d.ts

@@ -0,0 +1,29 @@
+import { useMessageHandler } from '../handlers';
+import { type ComputedRef } from 'vue';
+export type MessageHandler = ReturnType<typeof useMessageHandler>;
+/** One conversation’s runtime message tree (`useMessageHandler` per id). */
+export interface ConversationSession {
+    readonly id: string;
+    readonly messageHandler: MessageHandler;
+}
+/**
+ * Per-conversation `useMessageHandler` instances; `setActiveConversation` picks
+ * which session is exposed as `activeSession` / `messageHandler`.
+ */
+export interface UseConversationSessionsReturn {
+    /** Focused session, or `null`. */
+    activeSession: ComputedRef<ConversationSession | null>;
+    /** `activeSession?.messageHandler`, or `null`. */
+    messageHandler: ComputedRef<MessageHandler | null>;
+    /** Get or create a session for `conversationId` (idempotent). */
+    createSession: (conversationId: string) => ConversationSession;
+    /** Session if it exists; does not create. */
+    getSession: (conversationId: string) => ConversationSession | undefined;
+    /** Focus `conversationId` (creates session if needed), or `null` to unfocus. */
+    setActiveConversation: (conversationId: string | null) => void;
+    /** Remove session; clears focus if it was active. */
+    removeSession: (conversationId: string) => void;
+}
+/** Registry of sessions by id (plain `Map` so nested refs stay valid). */
+export declare function useConversationSessions(): UseConversationSessionsReturn;
+//# sourceMappingURL=useConversationSessions.d.ts.map

package/dist/composables/useConversationSessions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConversationSessions.d.ts","sourceRoot":"","sources":["../../src/composables/useConversationSessions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAiB,KAAK,WAAW,EAAY,MAAM,KAAK,CAAC;AAEhE,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAElE,4EAA4E;AAC5E,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,cAAc,EAAE,cAAc,CAAC;CACzC;AAED;;;GAGG;AACH,MAAM,WAAW,6BAA6B;IAC5C,kCAAkC;IAClC,aAAa,EAAE,WAAW,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACvD,kDAAkD;IAClD,cAAc,EAAE,WAAW,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,iEAAiE;IACjE,aAAa,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,mBAAmB,CAAC;IAC/D,6CAA6C;IAC7C,UAAU,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,mBAAmB,GAAG,SAAS,CAAC;IACxE,gFAAgF;IAChF,qBAAqB,EAAE,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/D,qDAAqD;IACrD,aAAa,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,0EAA0E;AAC1E,wBAAgB,uBAAuB,IAAI,6BAA6B,CAqDvE"}