@8wave/ai-elements 0.111.0-beta.3 → 0.111.0-beta.7

package/dist-vue/_chunks/PkChatbotError-gvDpRcEz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PkChatbotError-gvDpRcEz.js","names":["$emit"],"sources":["../../../../packages/models/src/schema/StreamError.ts","../../../../packages/composable/src/useChatbotError.ts","../../../../packages/components/src/chat/PkChatbotError.vue","../../../../packages/components/src/chat/PkChatbotError.vue"],"sourcesContent":["export const STREAM_ERROR_PREFIX = 'STREAM_ERROR:'\n\nexport const StreamErrorCode = {\n    GATEWAY_CONFIG: 'GATEWAY_CONFIG',\n} as const\n\nexport type StreamErrorCode =\n    (typeof StreamErrorCode)[keyof typeof StreamErrorCode]\n\nexport interface StreamErrorPayload {\n    reason: string\n    model?: string\n    [key: string]: unknown\n}\n\nexport function formatStreamError(\n    code: string,\n    payload: StreamErrorPayload,\n): string {\n    return `${STREAM_ERROR_PREFIX}${code}:${JSON.stringify(payload)}`\n}\n\nexport function parseStreamError(\n    message: string | undefined,\n): { code: string; payload: StreamErrorPayload } | undefined {\n    if (!message?.startsWith(STREAM_ERROR_PREFIX)) {\n        return undefined\n    }\n    const afterPrefix = message.slice(STREAM_ERROR_PREFIX.length)\n    const colonIndex = afterPrefix.indexOf(':')\n    if (colonIndex === -1) {\n        return undefined\n    }\n    const code = afterPrefix.slice(0, colonIndex)\n    try {\n        const payload = JSON.parse(\n            afterPrefix.slice(colonIndex + 1),\n        ) as StreamErrorPayload\n        return { code, payload }\n    } catch {\n        return undefined\n    }\n}\n\nexport function matchesStreamErrorCode(\n    message: string | undefined,\n    code: string,\n): boolean {\n    return message?.startsWith(`${STREAM_ERROR_PREFIX}${code}:`) ?? false\n}\n","import { computed, toValue, type MaybeRefOrGetter } from 'vue'\nimport {\n    matchesStreamErrorCode as matchesStreamCode,\n    parseStreamError,\n    type StreamErrorPayload,\n} from 'models'\n\nexport type { StreamErrorPayload }\n\ntype ErrorCode =\n    | 'context_length_exceeded'\n    | 'entity-not-found'\n    | 'rate-limit-exceeded'\n    | 'origin-not-allowed'\n    | 'credit-exhausted'\n    | 'conversation-blocked'\n    | 'bad request'\n    | 'internal-server-error'\n    | 'gateway-disabled'\n    | 'model-unavailable'\n\nfunction matchesCode(error: Error | undefined, code: ErrorCode): boolean {\n    return error?.message?.toLowerCase().includes(code) ?? false\n}\n\nexport function getStreamErrorPayload(\n    error: Error | undefined,\n): StreamErrorPayload | undefined {\n    return parseStreamError(error?.message)?.payload\n}\n\nexport function useChatbotError(error: MaybeRefOrGetter<Error | undefined>) {\n    const isContextWindowError = computed(() =>\n        matchesCode(toValue(error), 'context_length_exceeded'),\n    )\n    const isNotFoundError = computed(() =>\n        matchesCode(toValue(error), 'entity-not-found'),\n    )\n    const isRateLimitError = computed(() =>\n        matchesCode(toValue(error), 'rate-limit-exceeded'),\n    )\n    const isOriginNotAllowedError = computed(() =>\n        matchesCode(toValue(error), 'origin-not-allowed'),\n    )\n    const isCreditExhaustedError = computed(() =>\n        matchesCode(toValue(error), 'credit-exhausted'),\n    )\n    const isConversationBlockedError = computed(() =>\n        matchesCode(toValue(error), 'conversation-blocked'),\n    )\n    const isBadRequestError = computed(() =>\n        matchesCode(toValue(error), 'bad request'),\n    )\n    const isInternalServerError = computed(() =>\n        matchesCode(toValue(error), 'internal-server-error'),\n    )\n    const isGatewayConfigError = computed(() =>\n        matchesStreamCode(toValue(error)?.message, 'GATEWAY_CONFIG'),\n    )\n    /**\n     * The organization does not use the platform gateway and this agent's\n     * model is one of its. A decision, not a hiccup: retrying in ten seconds\n     * gets the same answer.\n     */\n    const isGatewayDisabledError = computed(() =>\n        matchesCode(toValue(error), 'gateway-disabled'),\n    )\n    /**\n     * The agent's model is on the organization's endpoint, which is off, gone\n     * or no longer serves it. It lasts until somebody changes the endpoint or\n     * the agent, so it is not retried either.\n     */\n    const isModelUnavailableError = computed(() =>\n        matchesCode(toValue(error), 'model-unavailable'),\n    )\n\n    /** Errors that trigger an automatic retry countdown */\n    const isRefreshableError = computed(\n        () =>\n            !isContextWindowError.value &&\n            !isNotFoundError.value &&\n            !isOriginNotAllowedError.value &&\n            !isCreditExhaustedError.value &&\n            !isConversationBlockedError.value &&\n            !isBadRequestError.value &&\n            !isInternalServerError.value &&\n            !isGatewayConfigError.value &&\n            !isGatewayDisabledError.value &&\n            !isModelUnavailableError.value,\n    )\n\n    return {\n        isContextWindowError,\n        isNotFoundError,\n        isRateLimitError,\n        isOriginNotAllowedError,\n        isCreditExhaustedError,\n        isConversationBlockedError,\n        isBadRequestError,\n        isInternalServerError,\n        isGatewayConfigError,\n        isGatewayDisabledError,\n        isModelUnavailableError,\n        isRefreshableError,\n    }\n}\n","<script lang=\"ts\" setup>\n    import { computed, onBeforeUnmount, ref, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useChatbotError, getStreamErrorPayload } from 'composables'\n\n    const props = defineProps<{\n        error?: Error\n    }>()\n\n    const emit = defineEmits<{\n        (e: 'retry'): void\n        (e: 'reset'): void\n    }>()\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const {\n        isContextWindowError,\n        isNotFoundError,\n        isRateLimitError,\n        isOriginNotAllowedError,\n        isCreditExhaustedError,\n        isConversationBlockedError,\n        isBadRequestError,\n        isInternalServerError,\n        isGatewayConfigError,\n        isGatewayDisabledError,\n        isModelUnavailableError,\n        isRefreshableError,\n    } = useChatbotError(() => props.error)\n\n    /**\n     * Nothing the user of the chat can do about: a new conversation meets the\n     * same answer, so the alert offers no button, as for exhausted credit.\n     */\n    const isOutOfUserReach = computed(\n        () =>\n            isOriginNotAllowedError.value ||\n            isCreditExhaustedError.value ||\n            isGatewayConfigError.value ||\n            isGatewayDisabledError.value ||\n            isModelUnavailableError.value,\n    )\n\n    const errorMessage = computed(() => {\n        if (isGatewayConfigError.value) {\n            const payload = getStreamErrorPayload(props.error)\n            if (payload?.reason === 'disallowPromptTraining') {\n                return $t('message.chatErrorGatewayPromptTraining', {\n                    model: payload.model,\n                })\n            }\n            if (payload?.reason === 'zeroDataRetention') {\n                return $t('message.chatErrorGatewayZdr', {\n                    model: payload.model,\n                })\n            }\n            return $t('message.chatErrorGeneric')\n        }\n        if (isContextWindowError.value) {\n            return $t('message.chatErrorContextWindow')\n        }\n        if (isNotFoundError.value) {\n            return $t('message.chatErrorNotFound')\n        }\n        if (isRateLimitError.value) {\n            return $t('message.chatErrorRateLimit', {\n                seconds: retryCountdown.value,\n            })\n        }\n        if (isOriginNotAllowedError.value) {\n            return $t('message.chatErrorOriginNotAllowed')\n        }\n        if (isCreditExhaustedError.value) {\n            return $t('message.chatErrorCreditExhausted')\n        }\n        if (isGatewayDisabledError.value) {\n            return $t('message.chatErrorGatewayDisabled')\n        }\n        if (isModelUnavailableError.value) {\n            return $t('message.chatErrorModelUnavailable')\n        }\n        if (isConversationBlockedError.value) {\n            return $t('message.chatErrorConversationBlocked')\n        }\n        if (isBadRequestError.value) {\n            return $t('message.chatErrorBadRequest')\n        }\n        if (isInternalServerError.value) {\n            return $t('message.chatErrorInternalServer')\n        }\n        return $t('message.chatErrorGeneric', { seconds: retryCountdown.value })\n    })\n\n    const retryCountdown = ref<number>(0)\n    const retryTimer = ref<ReturnType<typeof setTimeout>>()\n\n    watch(\n        () => props.error,\n        (error) => {\n            if (retryTimer.value) {\n                clearTimeout(retryTimer.value)\n            }\n\n            if (error && isRefreshableError.value) {\n                retryCountdown.value = 10\n                const tick = () => {\n                    retryCountdown.value--\n                    if (retryCountdown.value <= 0) {\n                        emit('retry')\n                        return\n                    }\n                    retryTimer.value = setTimeout(tick, 1000)\n                }\n                retryTimer.value = setTimeout(tick, 1000)\n            } else {\n                retryCountdown.value = 0\n            }\n        },\n        { immediate: true },\n    )\n\n    onBeforeUnmount(() => {\n        if (retryTimer.value) {\n            clearTimeout(retryTimer.value)\n        }\n    })\n</script>\n\n<template>\n    <VvAlert\n        :modifiers=\"isRefreshableError ? 'warning' : 'danger'\"\n        class=\"rounded-lg\">\n        <!-- The modifier already paints the alert and picks its icon: tinting\n             the content again, with a 32px glyph nothing else in the chat\n             matches, said the same thing three times (DESIGN.md). -->\n        {{ errorMessage }}\n        <template v-if=\"isRefreshableError || !isOutOfUserReach\" #footer>\n            <VvButton\n                v-if=\"isRefreshableError\"\n                icon=\"ri:reset-right-line\"\n                modifiers=\"action\"\n                class=\"text-12\"\n                :label=\"$t('action.retryNow')\"\n                @click=\"$emit('retry')\" />\n            <VvButton\n                v-else-if=\"!isOutOfUserReach\"\n                icon=\"reload\"\n                modifiers=\"action\"\n                :label=\"$t('label.newChat')\"\n                @click=\"$emit('reset')\" />\n        </template>\n    </VvAlert>\n</template>\n","<script lang=\"ts\" setup>\n    import { computed, onBeforeUnmount, ref, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useChatbotError, getStreamErrorPayload } from 'composables'\n\n    const props = defineProps<{\n        error?: Error\n    }>()\n\n    const emit = defineEmits<{\n        (e: 'retry'): void\n        (e: 'reset'): void\n    }>()\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const {\n        isContextWindowError,\n        isNotFoundError,\n        isRateLimitError,\n        isOriginNotAllowedError,\n        isCreditExhaustedError,\n        isConversationBlockedError,\n        isBadRequestError,\n        isInternalServerError,\n        isGatewayConfigError,\n        isGatewayDisabledError,\n        isModelUnavailableError,\n        isRefreshableError,\n    } = useChatbotError(() => props.error)\n\n    /**\n     * Nothing the user of the chat can do about: a new conversation meets the\n     * same answer, so the alert offers no button, as for exhausted credit.\n     */\n    const isOutOfUserReach = computed(\n        () =>\n            isOriginNotAllowedError.value ||\n            isCreditExhaustedError.value ||\n            isGatewayConfigError.value ||\n            isGatewayDisabledError.value ||\n            isModelUnavailableError.value,\n    )\n\n    const errorMessage = computed(() => {\n        if (isGatewayConfigError.value) {\n            const payload = getStreamErrorPayload(props.error)\n            if (payload?.reason === 'disallowPromptTraining') {\n                return $t('message.chatErrorGatewayPromptTraining', {\n                    model: payload.model,\n                })\n            }\n            if (payload?.reason === 'zeroDataRetention') {\n                return $t('message.chatErrorGatewayZdr', {\n                    model: payload.model,\n                })\n            }\n            return $t('message.chatErrorGeneric')\n        }\n        if (isContextWindowError.value) {\n            return $t('message.chatErrorContextWindow')\n        }\n        if (isNotFoundError.value) {\n            return $t('message.chatErrorNotFound')\n        }\n        if (isRateLimitError.value) {\n            return $t('message.chatErrorRateLimit', {\n                seconds: retryCountdown.value,\n            })\n        }\n        if (isOriginNotAllowedError.value) {\n            return $t('message.chatErrorOriginNotAllowed')\n        }\n        if (isCreditExhaustedError.value) {\n            return $t('message.chatErrorCreditExhausted')\n        }\n        if (isGatewayDisabledError.value) {\n            return $t('message.chatErrorGatewayDisabled')\n        }\n        if (isModelUnavailableError.value) {\n            return $t('message.chatErrorModelUnavailable')\n        }\n        if (isConversationBlockedError.value) {\n            return $t('message.chatErrorConversationBlocked')\n        }\n        if (isBadRequestError.value) {\n            return $t('message.chatErrorBadRequest')\n        }\n        if (isInternalServerError.value) {\n            return $t('message.chatErrorInternalServer')\n        }\n        return $t('message.chatErrorGeneric', { seconds: retryCountdown.value })\n    })\n\n    const retryCountdown = ref<number>(0)\n    const retryTimer = ref<ReturnType<typeof setTimeout>>()\n\n    watch(\n        () => props.error,\n        (error) => {\n            if (retryTimer.value) {\n                clearTimeout(retryTimer.value)\n            }\n\n            if (error && isRefreshableError.value) {\n                retryCountdown.value = 10\n                const tick = () => {\n                    retryCountdown.value--\n                    if (retryCountdown.value <= 0) {\n                        emit('retry')\n                        return\n                    }\n                    retryTimer.value = setTimeout(tick, 1000)\n                }\n                retryTimer.value = setTimeout(tick, 1000)\n            } else {\n                retryCountdown.value = 0\n            }\n        },\n        { immediate: true },\n    )\n\n    onBeforeUnmount(() => {\n        if (retryTimer.value) {\n            clearTimeout(retryTimer.value)\n        }\n    })\n</script>\n\n<template>\n    <VvAlert\n        :modifiers=\"isRefreshableError ? 'warning' : 'danger'\"\n        class=\"rounded-lg\">\n        <!-- The modifier already paints the alert and picks its icon: tinting\n             the content again, with a 32px glyph nothing else in the chat\n             matches, said the same thing three times (DESIGN.md). -->\n        {{ errorMessage }}\n        <template v-if=\"isRefreshableError || !isOutOfUserReach\" #footer>\n            <VvButton\n                v-if=\"isRefreshableError\"\n                icon=\"ri:reset-right-line\"\n                modifiers=\"action\"\n                class=\"text-12\"\n                :label=\"$t('action.retryNow')\"\n                @click=\"$emit('retry')\" />\n            <VvButton\n                v-else-if=\"!isOutOfUserReach\"\n                icon=\"reload\"\n                modifiers=\"action\"\n                :label=\"$t('label.newChat')\"\n                @click=\"$emit('reset')\" />\n        </template>\n    </VvAlert>\n</template>\n"],"mappings":"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"}

package/dist-vue/_chunks/{PkChatbotInput-JnHaRlfk.js → PkChatbotInput-pEl3D2O-.js}

@@ -1,29 +1,29 @@
-import { t as e } from "./PkStreamingMarkdown-D8_LwZMR.js";
+import { t as e } from "./PkStreamingMarkdown-DIaZEedG.js";
 import { t } from "./PkChatbotFilePreview-CwiVQDF2.js";
 import { VvButton as n, VvDropdown as r, VvDropdownAction as i, VvIcon as a } from "@volverjs/ui-vue/components";
-import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, mergeModels as h, mergeProps as ee, nextTick as g, normalizeClass as _, normalizeProps as te, onBeforeUnmount as v, onMounted as y, openBlock as b, ref as x, renderList as ne, renderSlot as S, toDisplayString as C, unref as re, useModel as w, useTemplateRef as T, watch as ie, withCtx as E, withKeys as ae, withModifiers as D } from "vue";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, mergeModels as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeProps as ee, onBeforeUnmount as y, onMounted as b, openBlock as x, ref as S, renderList as te, renderSlot as C, toDisplayString as w, unref as T, useId as ne, useModel as E, useTemplateRef as D, watch as re, withCtx as O, withKeys as ie, withModifiers as ae } from "vue";
 import { useDropZone as oe } from "@vueuse/core";
 //#region ../../node_modules/.pnpm/autosize@6.0.1/node_modules/autosize/dist/autosize.esm.js
-var O = /* @__PURE__ */ new Map();
-function k(e) {
-	var t = O.get(e);
+var k = /* @__PURE__ */ new Map();
+function A(e) {
+	var t = k.get(e);
 	t && t.destroy();
 }
-function A(e) {
-	var t = O.get(e);
+function j(e) {
+	var t = k.get(e);
 	t && t.update();
 }
-var j = null;
-typeof window > "u" ? ((j = function(e) {
+var M = null;
+typeof window > "u" ? ((M = function(e) {
 	return e;
 }).destroy = function(e) {
 	return e;
-}, j.update = function(e) {
+}, M.update = function(e) {
 	return e;
-}) : ((j = function(e, t) {
+}) : ((M = function(e, t) {
 	return e && Array.prototype.forEach.call(e.length ? e : [e], function(e) {
 		return function(e) {
-			if (e && e.nodeName && e.nodeName === "TEXTAREA" && !O.has(e)) {
+			if (e && e.nodeName && e.nodeName === "TEXTAREA" && !k.has(e)) {
 				var t, n = null, r = window.getComputedStyle(e), i = (t = e.value, function() {
 					o({
 						testForHeightReduction: t === "" || !e.value.startsWith(t),
@@ -32,7 +32,7 @@ typeof window > "u" ? ((j = function(e) {
 				}), a = function(t) {
 					e.removeEventListener("autosize:destroy", a), e.removeEventListener("autosize:update", s), e.removeEventListener("input", i), window.removeEventListener("resize", s), Object.keys(t).forEach(function(n) {
 						return e.style[n] = t[n];
-					}), O.delete(e);
+					}), k.delete(e);
 				}.bind(e, {
 					height: e.style.height,
 					resize: e.style.resize,
@@ -41,7 +41,7 @@ typeof window > "u" ? ((j = function(e) {
 					overflowX: e.style.overflowX,
 					wordWrap: e.style.wordWrap
 				});
-				e.addEventListener("autosize:destroy", a), e.addEventListener("autosize:update", s), e.addEventListener("input", i), window.addEventListener("resize", s), e.style.overflowX = "hidden", e.style.wordWrap = "break-word", O.set(e, {
+				e.addEventListener("autosize:destroy", a), e.addEventListener("autosize:update", s), e.addEventListener("input", i), window.addEventListener("resize", s), e.style.overflowX = "hidden", e.style.wordWrap = "break-word", k.set(e, {
 					destroy: a,
 					update: s
 				}), s();
@@ -73,14 +73,14 @@ typeof window > "u" ? ((j = function(e) {
 		}(e);
 	}), e;
 }).destroy = function(e) {
-	return e && Array.prototype.forEach.call(e.length ? e : [e], k), e;
-}, j.update = function(e) {
 	return e && Array.prototype.forEach.call(e.length ? e : [e], A), e;
+}, M.update = function(e) {
+	return e && Array.prototype.forEach.call(e.length ? e : [e], j), e;
 });
-var M = j, N = ["type"], P = {
+var N = M, P = ["type"], F = {
 	key: 0,
 	class: "pk-chat-button__label"
-}, F = /* @__PURE__ */ m({
+}, I = /* @__PURE__ */ m({
 	__name: "PkChatButton",
 	props: {
 		icon: {},
@@ -91,13 +91,13 @@ var M = j, N = ["type"], P = {
 	setup(e) {
 		return (t, n) => {
 			let r = a;
-			return b(), u("button", {
-				class: _(["pk-chat-button", [e.modifiers ? `pk-chat-button--${e.modifiers}` : void 0, { "pk-chat-button--labelled": e.label }]]),
+			return x(), u("button", {
+				class: v(["pk-chat-button", [e.modifiers ? `pk-chat-button--${e.modifiers}` : void 0, { "pk-chat-button--labelled": e.label }]]),
 				type: e.type
 			}, [p(r, {
 				name: e.icon,
 				class: "pk-chat-button__icon"
-			}, null, 8, ["name"]), e.label ? (b(), u("span", P, C(e.label), 1)) : l("", !0)], 10, N);
+			}, null, 8, ["name"]), e.label ? (x(), u("span", F, w(e.label), 1)) : l("", !0)], 10, P);
 		};
 	}
 }), se = { class: "pk-chatbot-input" }, ce = {
@@ -115,9 +115,11 @@ var M = j, N = ["type"], P = {
 	"onClick"
 ], pe = ["accept"], me = ["accept"], he = { class: "pk-chatbot-input__content" }, ge = [
 	"value",
-	"placeholder",
-	"onKeydown"
-], _e = { class: "opacity-60" }, I = /* @__PURE__ */ m({
+	"aria-label",
+	"aria-describedby",
+	"aria-invalid",
+	"placeholder"
+], _e = ["id"], ve = { class: "opacity-60" }, L = /* @__PURE__ */ m({
 	__name: "PkChatbotInput",
 	props: /*@__PURE__*/ h({
 		placeholder: {},
@@ -143,78 +145,84 @@ var M = j, N = ["type"], P = {
 		"voice-start"
 	], ["update:modelValue", "update:pendingAttachments"]),
 	setup(m, { emit: h }) {
-		let O = w(m, "modelValue"), k = w(m, "pendingAttachments"), A = h, j = m, N = T("textareaEl"), P = T("fileInputEl"), I = T("cameraInputEl"), L = T("formEl"), R = x(O.value ?? ""), z = null, B = () => {
-			z !== null && (clearTimeout(z), z = null);
-		}, ve = () => {
-			B(), O.value = R.value;
+		let k = E(m, "modelValue"), A = E(m, "pendingAttachments"), j = h, M = m, P = D("textareaEl"), F = D("fileInputEl"), L = D("cameraInputEl"), R = D("formEl"), z = S(k.value ?? ""), B = null, V = () => {
+			B !== null && (clearTimeout(B), B = null);
 		}, ye = () => {
-			B(), z = setTimeout(() => {
-				O.value = R.value, z = null;
-			}, 300);
+			V(), k.value = z.value;
 		}, be = () => {
-			R.value = N.value?.value ?? "", ye();
+			V(), B = setTimeout(() => {
+				k.value = z.value, B = null;
+			}, 300);
+		}, xe = () => {
+			z.value = P.value?.value ?? "", be();
 		};
-		ie(O, (e) => {
-			e !== R.value && (R.value = e ?? "", g(() => {
-				N.value && M.update(N.value);
+		re(k, (e) => {
+			e !== z.value && (z.value = e ?? "", _(() => {
+				P.value && N.update(P.value);
 			}));
 		});
-		let V = s(() => j.status === "streaming"), H = s(() => j.status === "submitted"), U = s(() => V.value || H.value), W = s(() => R.value.length), G = s(() => j.maxMessageLength !== void 0 && W.value > j.maxMessageLength), xe = s(() => k.value.some((e) => e.state === "uploading")), K = s(() => U.value || xe.value || G.value ? !1 : R.value.trim().length > 0), Se = "capture" in document.createElement("input"), Ce = s(() => j.fileUpload?.allowedMimeTypes?.join(",") ?? ""), q = s(() => (j.fileUpload?.allowedMimeTypes ?? []).filter((e) => e.startsWith("image/")).join(",")), J = s(() => Se && q.value.length > 0), Y = () => {
-			P.value?.click();
-		}, we = () => {
-			I.value?.click();
-		}, X = (e) => {
-			for (let t of e) A("file-select", t);
-		}, Z = (e) => {
+		let H = s(() => M.status === "streaming"), U = s(() => M.status === "submitted"), W = s(() => H.value || U.value), G = ne(), K = s(() => z.value.length), q = s(() => M.maxMessageLength !== void 0 && K.value > M.maxMessageLength), Se = s(() => A.value.some((e) => e.state === "uploading")), J = s(() => W.value || Se.value || q.value ? !1 : z.value.trim().length > 0), Ce = "capture" in document.createElement("input"), we = s(() => M.fileUpload?.allowedMimeTypes?.join(",") ?? ""), Y = s(() => (M.fileUpload?.allowedMimeTypes ?? []).filter((e) => e.startsWith("image/")).join(",")), X = s(() => Ce && Y.value.length > 0), Z = () => {
+			F.value?.click();
+		}, Te = () => {
+			L.value?.click();
+		}, Q = (e) => {
+			for (let t of e) j("file-select", t);
+		}, Ee = (e) => {
 			let t = e.target;
-			X(Array.from(t.files ?? [])), t.value = "";
-		}, Te = (e) => {
-			let t = k.value.find((t) => t.id === e);
-			t && URL.revokeObjectURL(t.localUrl), k.value = k.value.filter((t) => t.id !== e);
-		}, Q = s(() => (j.enableDragDrop ?? !0) && !!j.fileUpload?.enabled), { isOverDropZone: Ee } = oe(L, {
-			dataTypes: s(() => j.fileUpload?.allowedMimeTypes ?? []),
+			Q(Array.from(t.files ?? [])), t.value = "";
+		}, De = (e) => {
+			let t = A.value.find((t) => t.id === e);
+			t && URL.revokeObjectURL(t.localUrl), A.value = A.value.filter((t) => t.id !== e);
+		}, Oe = s(() => (M.enableDragDrop ?? !0) && !!M.fileUpload?.enabled), { isOverDropZone: ke } = oe(R, {
+			dataTypes: s(() => M.fileUpload?.allowedMimeTypes ?? []),
 			onDrop: (e) => {
-				Q.value && e && X(e);
+				Oe.value && e && Q(e);
 			}
-		}), De = x(!0), Oe = () => {
-			De.value = !1;
-		}, $ = s(() => j.attachmentNotice ? {
+		}), Ae = S(!0), je = () => {
+			Ae.value = !1;
+		}, $ = s(() => M.attachmentNotice ? {
 			id: "limit",
 			icon: "ri:information-line",
-			text: j.attachmentNotice,
-			dismiss: () => A("dismiss-attachment-notice")
-		} : j.dismissableNotice && De.value ? {
+			text: M.attachmentNotice,
+			dismiss: () => j("dismiss-attachment-notice")
+		} : M.dismissableNotice && Ae.value ? {
 			id: "dismissable",
-			markdown: j.dismissableNotice,
-			dismiss: Oe
-		} : null), ke = () => {
-			K.value && (ve(), A("submit"), R.value = "", O.value = "", g(() => {
-				N.value && (N.value.value = "", M.update(N.value));
+			markdown: M.dismissableNotice,
+			dismiss: je
+		} : null), Me = () => {
+			R.value?.querySelector("button:focus-visible") && P.value?.focus();
+		}, Ne = () => {
+			Me(), j("stop-generation");
+		}, Pe = () => {
+			J.value && (Me(), ye(), j("submit"), z.value = "", k.value = "", _(() => {
+				P.value && (P.value.value = "", N.update(P.value));
 			}));
+		}, Fe = (e) => {
+			e.shiftKey || e.isComposing || e.keyCode === 229 || (e.preventDefault(), Pe());
 		};
-		return y(() => {
-			N.value && M(N.value);
-		}), v(() => {
-			B(), N.value && M.destroy(N.value);
-			for (let e of k.value) URL.revokeObjectURL(e.localUrl);
+		return b(() => {
+			P.value && N(P.value);
+		}), y(() => {
+			V(), P.value && N.destroy(P.value);
+			for (let e of A.value) URL.revokeObjectURL(e.localUrl);
 		}), (s, h) => {
-			let g = a, v = n, y = i, x = r;
-			return b(), u("div", se, [$.value ? (b(), u("div", {
+			let _ = a, y = n, b = i, S = r;
+			return x(), u("div", se, [$.value ? (x(), u("div", {
 				key: $.value.id,
 				class: "pk-chatbot-input__notice",
 				role: "status"
 			}, [
-				$.value.icon ? (b(), c(g, {
+				$.value.icon ? (x(), c(_, {
 					key: 0,
 					name: $.value.icon,
 					class: "pk-chatbot-input__notice-icon"
 				}, null, 8, ["name"])) : l("", !0),
-				$.value.markdown ? (b(), c(e, {
+				$.value.markdown ? (x(), c(e, {
 					key: 1,
 					markdown: $.value.markdown,
 					class: "wysiwyg pk-chatbot-input__notice-text"
-				}, null, 8, ["markdown"])) : (b(), u("span", ce, C($.value.text), 1)),
-				$.value.dismiss ? (b(), c(v, {
+				}, null, 8, ["markdown"])) : (x(), u("span", ce, w($.value.text), 1)),
+				$.value.dismiss ? (x(), c(y, {
 					key: 3,
 					title: s.$t("action.close"),
 					modifiers: "action-quiet",
@@ -224,15 +232,15 @@ var M = j, N = ["type"], P = {
 				}, null, 8, ["title"])) : l("", !0)
 			])) : l("", !0), d("form", {
 				ref_key: "formEl",
-				ref: L,
+				ref: R,
 				class: "pk-chatbot-input__form",
-				onSubmit: D(ke, ["prevent"])
+				onSubmit: ae(Pe, ["prevent"])
 			}, [
-				re(Ee) && Q.value ? (b(), u("div", le, [p(g, {
+				T(ke) && Oe.value ? (x(), u("div", le, [p(_, {
 					name: "ri:upload-cloud-2-line",
 					class: "pk-chatbot-input__drop-overlay-icon"
-				}), d("span", null, C(s.$t("action.dropFile")), 1)])) : l("", !0),
-				k.value.length ? (b(), u("div", ue, [(b(!0), u(o, null, ne(k.value, (e) => (b(), c(t, {
+				}), d("span", null, w(s.$t("action.dropFile")), 1)])) : l("", !0),
+				A.value.length ? (x(), u("div", ue, [(x(!0), u(o, null, te(A.value, (e) => (x(), c(t, {
 					key: e.id,
 					"media-type": e.file.type,
 					url: e.localUrl,
@@ -242,7 +250,7 @@ var M = j, N = ["type"], P = {
 					error: e.state === "error" ? e.error : void 0,
 					removable: e.state !== "uploading",
 					compact: "",
-					onRemove: (t) => Te(e.id)
+					onRemove: (t) => De(e.id)
 				}, null, 8, [
 					"media-type",
 					"url",
@@ -254,108 +262,115 @@ var M = j, N = ["type"], P = {
 					"onRemove"
 				]))), 128))])) : l("", !0),
 				d("div", de, [
-					S(s.$slots, "prepend"),
-					m.fileUpload && m.fileUpload.enabled && (J.value || s.$slots["additional-actions"]) ? (b(), c(x, te(ee({ key: 0 }, {
+					C(s.$slots, "prepend"),
+					m.fileUpload && m.fileUpload.enabled && (X.value || s.$slots["additional-actions"]) ? (x(), c(S, ee(g({ key: 0 }, {
 						placement: "top-start",
 						modifiers: "menu",
 						flip: !0,
 						offset: 3
 					})), {
-						default: E(({ init: e, toggle: t, aria: n }) => [d("button", ee({ ref: (t) => e(t) }, n, {
+						default: O(({ init: e, toggle: t, aria: n }) => [d("button", g({ ref: (t) => e(t) }, n, {
 							class: "pk-chat-button",
 							type: "button",
 							title: s.$t("action.attachFile"),
-							disabled: U.value,
+							disabled: W.value,
 							onClick: t
-						}), [p(g, {
+						}), [p(_, {
 							name: "ri:add-line",
 							class: "pk-chat-button__icon"
 						})], 16, fe)]),
-						items: E(() => [
-							J.value ? (b(), c(y, {
+						items: O(() => [
+							X.value ? (x(), c(b, {
 								key: 0,
-								disabled: U.value || m.attachmentLimitReached,
-								onClick: we
+								disabled: W.value || m.attachmentLimitReached,
+								onClick: Te
 							}, {
-								default: E(() => [p(g, {
+								default: O(() => [p(_, {
 									name: "ri:camera-line",
 									class: "pk-chatbot-input__dropdown-icon"
-								}), f(" " + C(s.$t("action.takePhoto")), 1)]),
+								}), f(" " + w(s.$t("action.takePhoto")), 1)]),
 								_: 1
 							}, 8, ["disabled"])) : l("", !0),
-							p(y, {
-								disabled: U.value || m.attachmentLimitReached,
-								onClick: Y
+							p(b, {
+								disabled: W.value || m.attachmentLimitReached,
+								onClick: Z
 							}, {
-								default: E(() => [p(g, {
+								default: O(() => [p(_, {
 									name: "ri:attachment-line",
 									class: "pk-chatbot-input__dropdown-icon"
-								}), f(" " + C(s.$t("action.attachFile")), 1)]),
+								}), f(" " + w(s.$t("action.attachFile")), 1)]),
 								_: 1
 							}, 8, ["disabled"]),
-							S(s.$slots, "additional-actions")
+							C(s.$slots, "additional-actions")
 						]),
 						_: 3
-					}, 16)) : m.fileUpload && m.fileUpload.enabled ? (b(), c(F, {
+					}, 16)) : m.fileUpload && m.fileUpload.enabled ? (x(), c(I, {
 						key: 1,
 						icon: "ri:add-line",
 						title: s.$t("action.attachFile"),
-						disabled: U.value || m.attachmentLimitReached,
-						onClick: Y
+						disabled: W.value || m.attachmentLimitReached,
+						onClick: Z
 					}, null, 8, ["title", "disabled"])) : l("", !0),
-					m.fileUpload && m.fileUpload.enabled ? (b(), u("input", {
+					m.fileUpload && m.fileUpload.enabled ? (x(), u("input", {
 						key: 2,
 						ref_key: "fileInputEl",
-						ref: P,
+						ref: F,
 						type: "file",
 						hidden: "",
 						multiple: "",
-						accept: Ce.value,
-						onChange: Z
+						accept: we.value,
+						onChange: Ee
 					}, null, 40, pe)) : l("", !0),
-					m.fileUpload && m.fileUpload.enabled && J.value ? (b(), u("input", {
+					m.fileUpload && m.fileUpload.enabled && X.value ? (x(), u("input", {
 						key: 3,
 						ref_key: "cameraInputEl",
-						ref: I,
+						ref: L,
 						type: "file",
 						capture: "environment",
 						hidden: "",
-						accept: q.value,
-						onChange: Z
+						accept: Y.value,
+						onChange: Ee
 					}, null, 40, me)) : l("", !0),
 					d("div", he, [d("textarea", {
 						ref_key: "textareaEl",
-						ref: N,
-						value: R.value,
+						ref: P,
+						value: z.value,
 						class: "pk-chatbot-input__textarea",
 						name: "message",
 						rows: "1",
+						enterkeyhint: "send",
+						"aria-label": s.$t("label.message"),
+						"aria-describedby": m.maxMessageLength ? T(G) : void 0,
+						"aria-invalid": q.value || void 0,
 						placeholder: m.placeholder,
-						onInput: be,
-						onKeydown: ae(D(ke, ["prevent"]), ["enter"])
+						onInput: xe,
+						onKeydown: ie(Fe, ["enter"])
 					}, null, 40, ge)]),
-					m.maxMessageLength ? (b(), u("div", {
+					m.maxMessageLength ? (x(), u("div", {
 						key: 4,
-						class: _(["pk-chatbot-input__counter", { "pk-chatbot-input__counter--over": G.value }])
-					}, [f(C(s.$n(W.value, "integer")) + "/", 1), d("span", _e, C(s.$n(m.maxMessageLength, "integer")), 1)], 2)) : l("", !0),
-					m.voiceEnabled && !V.value ? (b(), c(F, {
+						id: T(G),
+						class: v(["pk-chatbot-input__counter", { "pk-chatbot-input__counter--over": q.value }])
+					}, [f(w(s.$n(K.value, "integer")) + "/", 1), d("span", ve, w(s.$n(m.maxMessageLength, "integer")), 1)], 10, _e)) : l("", !0),
+					m.voiceEnabled && !H.value ? (x(), c(I, {
 						key: 5,
 						icon: "ri:mic-line",
 						title: s.$t("action.talk"),
-						disabled: U.value,
-						onClick: h[1] ||= (e) => A("voice-start")
+						disabled: W.value,
+						onClick: h[1] ||= (e) => j("voice-start")
 					}, null, 8, ["title", "disabled"])) : l("", !0),
-					V.value ? (b(), c(F, {
+					H.value ? (x(), c(I, {
 						key: 6,
-						icon: "ri:stop-circle-line",
+						icon: "ri:stop-fill",
+						modifiers: "primary",
 						title: s.$t("action.stop"),
-						onClick: h[2] ||= (e) => A("stop-generation")
-					}, null, 8, ["title"])) : (b(), c(F, {
+						onClick: Ne
+					}, null, 8, ["title"])) : (x(), c(I, {
 						key: 7,
 						type: "submit",
-						icon: H.value ? "loading-loop" : K.value ? "ri:send-ins-fill" : "ri:send-ins-line",
-						title: K.value ? s.$t("action.submit") : s.$t("label.disabled"),
-						disabled: !K.value
+						modifiers: "primary",
+						icon: U.value ? "loading-loop" : "ri:arrow-up-line",
+						title: s.$t("action.submit"),
+						disabled: !J.value
 					}, null, 8, [
 						"icon",
 						"title",
@@ -367,6 +382,6 @@ var M = j, N = ["type"], P = {
 	}
 });
 //#endregion
-export { F as n, I as t };
+export { I as n, L as t };
 
-//# sourceMappingURL=PkChatbotInput-JnHaRlfk.js.map
+//# sourceMappingURL=PkChatbotInput-pEl3D2O-.js.map