npm - @8wave/ai-elements - Versions diffs - 0.98.0-beta.4 → 0.98.0-beta.5 - Mend

@8wave/ai-elements 0.98.0-beta.4 → 0.98.0-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (74) hide show

package/dist-vue/_chunks/PkChatbotViewConversations-O-wm_nu1.js DELETED Viewed

@@ -1,192 +0,0 @@
-import { t as e } from "./useChatbotStore-DeHwEN8W.js";
-import "./src-8QXYVWIx.js";
-import { t } from "./markdown-CCMpGUA7.js";
-import { n } from "./message-RohfrdWS.js";
-import { t as r } from "./useDialogConfirm-DaoekZdk.js";
-import { t as i } from "./PkRelativeTime-C9zd1ffO.js";
-import { t as a } from "./chatbotProfileContext-CgnFhNPn.js";
-import { VvButton as o, VvButtonGroup as s, VvDropdown as c, VvDropdownAction as l, VvIcon as u, VvInputText as ee } from "@volverjs/ui-vue/components";
-import { Fragment as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, inject as y, isRef as te, mergeProps as b, normalizeClass as x, openBlock as S, ref as C, renderList as w, toDisplayString as T, unref as E, withCtx as D, withModifiers as O } from "vue";
-import { useI18n as k } from "vue-i18n";
-import { storeToRefs as A } from "pinia";
-//#region ../../packages/composable/src/chatbot/useConversationActions.ts
-function j(e) {
-	return t(e.title) || t(n(e.messages?.find((e) => e.role === "user"))) || "";
-}
-function M(e) {
-	let n = C(null), i = C(""), a = (e, r = "") => {
-		n.value = e.id, i.value = t(e.title) || r;
-	}, o = async (t) => {
-		let r = i.value.trim();
-		if (n.value = null, r && r.length <= 255) try {
-			await e.renameChatTitle(t, r);
-		} catch {}
-	}, s = () => {
-		n.value = null;
-	}, c = (e, t) => {
-		e.key === "Enter" ? (e.preventDefault(), o(t)) : e.key === "Escape" && (e.preventDefault(), s());
-	}, { openDialogConfirm: l } = r();
-	return {
-		editingId: n,
-		editingTitle: i,
-		startEdit: a,
-		confirmEdit: o,
-		cancelEdit: s,
-		onRenameKeydown: c,
-		requestDelete: async (t) => {
-			try {
-				if (!await l()) return;
-				await e.deleteChat(t);
-			} catch {}
-		}
-	};
-}
-//#endregion
-//#region ../../packages/components/src/chat/PkChatbotViewConversations.vue?vue&type=script&setup=true&lang.ts
-var ne = { class: "flex flex-col flex-1 min-h-0 relative" }, re = {
-	key: 0,
-	class: "flex flex-col gap-8 p-16 vv-skeleton"
-}, ie = {
-	key: 1,
-	class: "flex flex-col flex-1 items-center justify-center gap-12 p-24 text-center"
-}, ae = { class: "w-64 h-64 rounded-full bg-surface-1 border border-surface-3 flex items-center justify-center" }, oe = { class: "flex flex-col gap-4" }, N = { class: "text-16 font-semibold text-word-1" }, P = { class: "text-14 text-word-3 leading-relaxed" }, F = {
-	key: 2,
-	class: "flex flex-col gap-8 overflow-y-auto p-16 pb-64 light-scrollbar"
-}, I = ["onClick"], L = { class: "flex gap-8" }, R = { class: "font-bold truncate block flex-1" }, z = {
-	key: 0,
-	class: "text-12 text-word-4 line-clamp-2"
-}, B = {
-	key: 3,
-	class: "absolute bottom-0 left-0 right-0 flex flex-col items-center gap-4 px-16 pb-16 pt-32 pointer-events-none",
-	style: { background: "linear-gradient(to top, var(--color-surface) 55%, transparent)" }
-}, V = /* @__PURE__ */ v({
-	__name: "PkChatbotViewConversations",
-	props: { agentId: {} },
-	setup(v) {
-		let j = v, { t: V } = k({ useScope: "global" }), H = e(j.agentId), { conversations: U, isLoadingConversations: W, localChatId: G } = A(H), { navigate: K, startNewChat: q, renameChatTitle: se, deleteChat: ce } = H, { editingId: J, editingTitle: Y, startEdit: le, confirmEdit: ue, cancelEdit: de, onRenameKeydown: fe, requestDelete: pe } = M({
-			renameChatTitle: se,
-			deleteChat: ce
-		}), me = (e) => {
-			J.value || (G.value = e, K("chat"));
-		}, he = (e) => G.value === e.id, X = (e, r) => t(n(e.filter((e) => e.role === r).slice(-1)[0]) || ""), Z = (e) => {
-			le(e, X(e.messages, "assistant"));
-		}, { openDialogConfirm: ge } = r(), Q = y(a, void 0), $ = C(!1), _e = async () => {
-			let e = Q?.eraseConversations;
-			if (e && await ge({
-				title: V("action.deleteMyConversations"),
-				questionLabel: V("message.deleteMyConversationsConfirm")
-			})) {
-				$.value = !0;
-				try {
-					await e(), U.value = [], q();
-				} catch {
-					H.loadConversations(j.agentId);
-				} finally {
-					$.value = !1;
-				}
-			}
-		};
-		return (e, n) => {
-			let r = u, a = o, v = ee, y = s, C = l, k = c;
-			return S(), m("div", ne, [E(W) && E(U).length === 0 ? (S(), m("div", re, [(S(), m(d, null, w(5, (e) => h("div", {
-				key: e,
-				class: "vv-skeleton__item rounded-md h-64"
-			})), 64))])) : E(U).length === 0 ? (S(), m("div", ie, [
-				h("div", ae, [_(r, {
-					name: "ri:chat-3-line",
-					class: "w-28 h-28 text-word-4"
-				})]),
-				h("div", oe, [h("strong", N, T(E(V)("message.noConversations")), 1), h("span", P, T(E(V)("message.noConversationsHint")), 1)]),
-				_(a, {
-					modifiers: "primary rounded",
-					icon: "ri:add-line",
-					class: "mt-8",
-					label: E(V)("action.startNewChat"),
-					onClick: n[0] ||= (e) => E(q)()
-				}, null, 8, ["label"])
-			])) : (S(), m("ul", F, [(S(!0), m(d, null, w(E(U), (e) => (S(), m("li", { key: e.id }, [h("button", {
-				type: "button",
-				class: x(["w-full block rounded-md border border-surface-3 p-12 text-left text-14 leading-relaxed cursor-pointer transition-colors hover:border-surface-5 hover:bg-surface-1 focus-within:border-word", { "border-brand bg-surface-1": he(e) }]),
-				onClick: (t) => me(e.id)
-			}, [h("div", L, [E(J) === e.id ? (S(), m(d, { key: 0 }, [_(v, {
-				modelValue: E(Y),
-				"onUpdate:modelValue": n[1] ||= (e) => te(Y) ? Y.value = e : null,
-				class: "flex-1",
-				modifiers: "compact",
-				autofocus: "",
-				"select-on-focus": "",
-				maxlength: 255,
-				placeholder: E(V)("placeholder.insert"),
-				onClick: n[2] ||= O(() => {}, ["stop"]),
-				onKeydown: (t) => E(fe)(t, e.id)
-			}, null, 8, [
-				"modelValue",
-				"placeholder",
-				"onKeydown"
-			]), _(y, { modifiers: "compact" }, {
-				default: D(() => [_(a, {
-					icon: "ri:save-line",
-					title: E(V)("action.save"),
-					modifiers: "action-quiet-small",
-					onClick: O((t) => E(ue)(e.id), ["stop"])
-				}, null, 8, ["title", "onClick"]), _(a, {
-					icon: "ri:close-line",
-					title: E(V)("action.cancel"),
-					modifiers: "action-quiet-small",
-					onClick: n[3] ||= O((e) => E(de)(), ["stop"])
-				}, null, 8, ["title"])]),
-				_: 2
-			}, 1024)], 64)) : (S(), m(d, { key: 1 }, [
-				h("strong", R, T(E(t)(e.title) || X(e.messages, "assistant")), 1),
-				_(i, {
-					class: "text-word-4 text-smaller shrink-0",
-					date: e.lastMessageAt
-				}, null, 8, ["date"]),
-				h("div", { onClick: n[4] ||= O(() => {}, ["stop"]) }, [_(k, b({ ref_for: !0 }, {
-					placement: "bottom-end",
-					modifiers: "menu",
-					flip: !0,
-					offset: 3,
-					strategy: "fixed"
-				}), {
-					items: D(() => [_(C, { onClick: (t) => Z(e) }, {
-						default: D(() => [_(r, { name: "ri:pencil-line" }), g(" " + T(E(V)("action.renameChat")), 1)]),
-						_: 1
-					}, 8, ["onClick"]), _(C, { onClick: (t) => E(pe)(e.id) }, {
-						default: D(() => [_(r, { name: "ri:delete-bin-line" }), g(" " + T(E(V)("action.delete")), 1)]),
-						_: 1
-					}, 8, ["onClick"])]),
-					default: D(() => [_(a, {
-						icon: "ri:more-2-fill",
-						title: E(V)("action.moreActions"),
-						modifiers: "action-quiet-small"
-					}, null, 8, ["title"])]),
-					_: 2
-				}, 1040)])
-			], 64))]), E(J) === e.id ? p("", !0) : (S(), m("span", z, T(E(t)(e.summary) || X(e.messages, "user")), 1))], 10, I)]))), 128))])), E(U).length > 0 ? (S(), m("div", B, [_(a, {
-				class: "text-14 pointer-events-auto",
-				modifiers: "primary rounded",
-				icon: "ri:add-line",
-				label: E(V)("action.startNewChat"),
-				onClick: n[5] ||= O((e) => E(q)(), ["stop"])
-			}, null, 8, ["label"]), E(Q)?.eraseConversations ? (S(), f(a, {
-				key: 0,
-				class: "text-12 pointer-events-auto",
-				modifiers: "action-quiet-danger",
-				icon: "ri:delete-bin-line",
-				loading: $.value,
-				disabled: $.value,
-				label: E(V)("action.deleteMyConversations"),
-				onClick: n[6] ||= O((e) => _e(), ["stop"])
-			}, null, 8, [
-				"loading",
-				"disabled",
-				"label"
-			])) : p("", !0)])) : p("", !0)]);
-		};
-	}
-});
-//#endregion
-export { j as n, M as r, V as t };
-//# sourceMappingURL=PkChatbotViewConversations-O-wm_nu1.js.map

package/dist-vue/_chunks/PkChatbotViewConversations-O-wm_nu1.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"PkChatbotViewConversations-O-wm_nu1.js","names":[],"sources":["../../../../packages/composable/src/chatbot/useConversationActions.ts","../../../../packages/components/src/chat/PkChatbotViewConversations.vue","../../../../packages/components/src/chat/PkChatbotViewConversations.vue"],"sourcesContent":["import { ref } from 'vue'\nimport type { Chat as Conversation } from 'models'\nimport { getTextPart, stripMarkdown } from 'utils'\nimport { useDialogConfirm } from '../useDialogConfirm'\n\n/**\n * Single-line preview for a conversation: explicit title, otherwise the\n * first user message. Used as list label and as search haystack.\n */\nexport function getConversationPreview(conversation: Conversation): string {\n return (\n stripMarkdown(conversation.title) ||\n stripMarkdown(\n getTextPart(\n // The list endpoint isn't Zod-parsed: don't trust the\n // declared types at runtime\n conversation.messages?.find(\n (message) => message.role === 'user',\n ),\n ),\n ) ||\n ''\n )\n}\n\n/**\n * Inline-rename and delete-with-confirm state shared by the conversation\n * lists (PkChatbotViewConversations, PkChatSidebar). Renames are optimistic:\n * on failure the next conversations load reconciles with the server state.\n */\nexport function useConversationActions(actions: {\n renameChatTitle: (chatId: string, title: string) => Promise<unknown>\n deleteChat: (chatId: string) => Promise<unknown>\n}) {\n const editingId = ref<string | null>(null)\n const editingTitle = ref('')\n\n const startEdit = (conversation: Conversation, fallbackTitle = '') => {\n editingId.value = conversation.id\n editingTitle.value = stripMarkdown(conversation.title) || fallbackTitle\n }\n\n const confirmEdit = async (id: string) => {\n const trimmed = editingTitle.value.trim()\n editingId.value = null\n if (trimmed && trimmed.length <= 255) {\n try {\n await actions.renameChatTitle(id, trimmed)\n } catch {\n // Revert optimistically: reload will pick up server state\n }\n }\n }\n\n const cancelEdit = () => {\n editingId.value = null\n }\n\n const onRenameKeydown = (event: KeyboardEvent, id: string) => {\n if (event.key === 'Enter') {\n event.preventDefault()\n confirmEdit(id)\n } else if (event.key === 'Escape') {\n event.preventDefault()\n cancelEdit()\n }\n }\n\n const { openDialogConfirm } = useDialogConfirm()\n const requestDelete = async (id: string) => {\n try {\n const proceed = await openDialogConfirm()\n if (!proceed) {\n return\n }\n await actions.deleteChat(id)\n } catch {\n // Silently fail: next load will reconcile\n }\n }\n\n return {\n editingId,\n editingTitle,\n startEdit,\n confirmEdit,\n cancelEdit,\n onRenameKeydown,\n requestDelete,\n }\n}\n","<script setup lang=\"ts\">\n import { inject, ref } from 'vue'\n import { storeToRefs } from 'pinia'\n import { useI18n } from 'vue-i18n'\n import type { Chat as Conversation, UIChatMessage } from 'models'\n import { stripMarkdown, getTextPart } from 'utils'\n import {\n useChatbotStore,\n useConversationActions,\n useDialogConfirm,\n } from 'composables'\n import PkRelativeTime from '../PkRelativeTime.vue'\n import { ChatbotProfileContextKey } from './chatbotProfileContext'\n\n const props = defineProps<{ agentId: string }>()\n\n const { t: $t } = useI18n({ useScope: 'global' })\n\n const store = useChatbotStore(props.agentId)\n const { conversations, isLoadingConversations, localChatId } =\n storeToRefs(store)\n const { navigate, startNewChat, renameChatTitle, deleteChat } = store\n\n const {\n editingId,\n editingTitle,\n startEdit: startEditConversation,\n confirmEdit,\n cancelEdit,\n onRenameKeydown,\n requestDelete: handleDelete,\n } = useConversationActions({ renameChatTitle, deleteChat })\n\n const openConversation = (id: string) => {\n if (editingId.value) {\n return\n }\n localChatId.value = id\n navigate('chat')\n }\n\n const isCurrentConversation = (conversation: Conversation) => {\n return localChatId.value === conversation.id\n }\n\n const getLastMessage = (\n messages: UIChatMessage[],\n role: 'user' | 'assistant',\n ) => {\n return stripMarkdown(\n getTextPart(messages.filter((m) => m.role === role).slice(-1)[0]) ||\n '',\n )\n }\n\n const startEdit = (conversation: Conversation) => {\n startEditConversation(\n conversation,\n getLastMessage(conversation.messages, 'assistant'),\n )\n }\n\n const { openDialogConfirm } = useDialogConfirm()\n\n // GDPR B.3 — bulk \"delete my conversations\", available to anonymous\n // sessions too (the host wires the endpoint through the profile context)\n const profile = inject(ChatbotProfileContextKey, undefined)\n const isErasingConversations = ref(false)\n const handleEraseAll = async () => {\n const eraseConversations = profile?.eraseConversations\n if (!eraseConversations) {\n return\n }\n const proceed = await openDialogConfirm({\n title: $t('action.deleteMyConversations'),\n questionLabel: $t('message.deleteMyConversationsConfirm'),\n })\n if (!proceed) {\n return\n }\n isErasingConversations.value = true\n try {\n await eraseConversations()\n conversations.value = []\n startNewChat()\n } catch {\n // Same policy as single delete: fail silently and reconcile\n // with the server state\n store.loadConversations(props.agentId)\n } finally {\n isErasingConversations.value = false\n }\n }\n</script>\n\n<template>\n <div class=\"flex flex-col flex-1 min-h-0 relative\">\n \n <div\n v-if=\"isLoadingConversations && conversations.length === 0\"\n class=\"flex flex-col gap-8 p-16 vv-skeleton\">\n <div\n v-for=\"i in 5\"\n :key=\"i\"\n class=\"vv-skeleton__item rounded-md h-64\" />\n </div>\n\n \n <div\n v-else-if=\"conversations.length === 0\"\n class=\"flex flex-col flex-1 items-center justify-center gap-12 p-24 text-center\">\n <div\n class=\"w-64 h-64 rounded-full bg-surface-1 border border-surface-3 flex items-center justify-center\">\n <VvIcon name=\"ri:chat-3-line\" class=\"w-28 h-28 text-word-4\" />\n </div>\n <div class=\"flex flex-col gap-4\">\n <strong class=\"text-16 font-semibold text-word-1\">\n {{ $t('message.noConversations') }}\n </strong>\n <span class=\"text-14 text-word-3 leading-relaxed\">\n {{ $t('message.noConversationsHint') }}\n </span>\n </div>\n <VvButton\n modifiers=\"primary rounded\"\n icon=\"ri:add-line\"\n class=\"mt-8\"\n :label=\"$t('action.startNewChat')\"\n @click=\"startNewChat()\" />\n </div>\n\n \n <ul\n v-else\n class=\"flex flex-col gap-8 overflow-y-auto p-16 pb-64 light-scrollbar\">\n <li v-for=\"conversation in conversations\" :key=\"conversation.id\">\n <button\n type=\"button\"\n class=\"w-full block rounded-md border border-surface-3 p-12 text-left text-14 leading-relaxed cursor-pointer transition-colors hover:border-surface-5 hover:bg-surface-1 focus-within:border-word\"\n :class=\"{\n 'border-brand bg-surface-1':\n isCurrentConversation(conversation),\n }\"\n @click=\"openConversation(conversation.id)\">\n <div class=\"flex gap-8\">\n <template v-if=\"editingId === conversation.id\">\n <VvInputText\n v-model=\"editingTitle\"\n class=\"flex-1\"\n modifiers=\"compact\"\n autofocus\n select-on-focus\n :maxlength=\"255\"\n :placeholder=\"$t('placeholder.insert')\"\n @click.stop\n @keydown=\"\n onRenameKeydown($event, conversation.id)\n \" />\n <VvButtonGroup modifiers=\"compact\">\n <VvButton\n icon=\"ri:save-line\"\n :title=\"$t('action.save')\"\n modifiers=\"action-quiet-small\"\n @click.stop=\"\n confirmEdit(conversation.id)\n \" />\n <VvButton\n icon=\"ri:close-line\"\n :title=\"$t('action.cancel')\"\n modifiers=\"action-quiet-small\"\n @click.stop=\"cancelEdit()\" />\n </VvButtonGroup>\n </template>\n <template v-else>\n <strong class=\"font-bold truncate block flex-1\">\n {{\n stripMarkdown(conversation.title) ||\n getLastMessage(\n conversation.messages,\n 'assistant',\n )\n }}\n </strong>\n <PkRelativeTime\n class=\"text-word-4 text-smaller shrink-0\"\n :date=\"conversation.lastMessageAt\" />\n <div @click.stop>\n <VvDropdown\n v-bind=\"{\n placement: 'bottom-end',\n modifiers: 'menu',\n flip: true,\n offset: 3,\n strategy: 'fixed',\n }\">\n <VvButton\n icon=\"ri:more-2-fill\"\n :title=\"$t('action.moreActions')\"\n modifiers=\"action-quiet-small\" />\n <template #items>\n <VvDropdownAction\n @click=\"startEdit(conversation)\">\n <VvIcon name=\"ri:pencil-line\" />\n {{ $t('action.renameChat') }}\n </VvDropdownAction>\n <VvDropdownAction\n @click=\"\n handleDelete(conversation.id)\n \">\n <VvIcon name=\"ri:delete-bin-line\" />\n {{ $t('action.delete') }}\n </VvDropdownAction>\n </template>\n </VvDropdown>\n </div>\n </template>\n </div>\n <span\n v-if=\"editingId !== conversation.id\"\n class=\"text-12 text-word-4 line-clamp-2\">\n {{\n stripMarkdown(conversation.summary) ||\n getLastMessage(conversation.messages, 'user')\n }}\n </span>\n </button>\n </li>\n </ul>\n\n \n <div\n v-if=\"conversations.length > 0\"\n class=\"absolute bottom-0 left-0 right-0 flex flex-col items-center gap-4 px-16 pb-16 pt-32 pointer-events-none\"\n :style=\"{\n background:\n 'linear-gradient(to top, var(--color-surface) 55%, transparent)',\n }\">\n <VvButton\n class=\"text-14 pointer-events-auto\"\n modifiers=\"primary rounded\"\n icon=\"ri:add-line\"\n :label=\"$t('action.startNewChat')\"\n @click.stop=\"startNewChat()\" />\n <VvButton\n v-if=\"profile?.eraseConversations\"\n class=\"text-12 pointer-events-auto\"\n modifiers=\"action-quiet-danger\"\n icon=\"ri:delete-bin-line\"\n :loading=\"isErasingConversations\"\n :disabled=\"isErasingConversations\"\n :label=\"$t('action.deleteMyConversations')\"\n @click.stop=\"handleEraseAll()\" />\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\n import { inject, ref } from 'vue'\n import { storeToRefs } from 'pinia'\n import { useI18n } from 'vue-i18n'\n import type { Chat as Conversation, UIChatMessage } from 'models'\n import { stripMarkdown, getTextPart } from 'utils'\n import {\n useChatbotStore,\n useConversationActions,\n useDialogConfirm,\n } from 'composables'\n import PkRelativeTime from '../PkRelativeTime.vue'\n import { ChatbotProfileContextKey } from './chatbotProfileContext'\n\n const props = defineProps<{ agentId: string }>()\n\n const { t: $t } = useI18n({ useScope: 'global' })\n\n const store = useChatbotStore(props.agentId)\n const { conversations, isLoadingConversations, localChatId } =\n storeToRefs(store)\n const { navigate, startNewChat, renameChatTitle, deleteChat } = store\n\n const {\n editingId,\n editingTitle,\n startEdit: startEditConversation,\n confirmEdit,\n cancelEdit,\n onRenameKeydown,\n requestDelete: handleDelete,\n } = useConversationActions({ renameChatTitle, deleteChat })\n\n const openConversation = (id: string) => {\n if (editingId.value) {\n return\n }\n localChatId.value = id\n navigate('chat')\n }\n\n const isCurrentConversation = (conversation: Conversation) => {\n return localChatId.value === conversation.id\n }\n\n const getLastMessage = (\n messages: UIChatMessage[],\n role: 'user' | 'assistant',\n ) => {\n return stripMarkdown(\n getTextPart(messages.filter((m) => m.role === role).slice(-1)[0]) ||\n '',\n )\n }\n\n const startEdit = (conversation: Conversation) => {\n startEditConversation(\n conversation,\n getLastMessage(conversation.messages, 'assistant'),\n )\n }\n\n const { openDialogConfirm } = useDialogConfirm()\n\n // GDPR B.3 — bulk \"delete my conversations\", available to anonymous\n // sessions too (the host wires the endpoint through the profile context)\n const profile = inject(ChatbotProfileContextKey, undefined)\n const isErasingConversations = ref(false)\n const handleEraseAll = async () => {\n const eraseConversations = profile?.eraseConversations\n if (!eraseConversations) {\n return\n }\n const proceed = await openDialogConfirm({\n title: $t('action.deleteMyConversations'),\n questionLabel: $t('message.deleteMyConversationsConfirm'),\n })\n if (!proceed) {\n return\n }\n isErasingConversations.value = true\n try {\n await eraseConversations()\n conversations.value = []\n startNewChat()\n } catch {\n // Same policy as single delete: fail silently and reconcile\n // with the server state\n store.loadConversations(props.agentId)\n } finally {\n isErasingConversations.value = false\n }\n }\n</script>\n\n<template>\n <div class=\"flex flex-col flex-1 min-h-0 relative\">\n \n <div\n v-if=\"isLoadingConversations && conversations.length === 0\"\n class=\"flex flex-col gap-8 p-16 vv-skeleton\">\n <div\n v-for=\"i in 5\"\n :key=\"i\"\n class=\"vv-skeleton__item rounded-md h-64\" />\n </div>\n\n \n <div\n v-else-if=\"conversations.length === 0\"\n class=\"flex flex-col flex-1 items-center justify-center gap-12 p-24 text-center\">\n <div\n class=\"w-64 h-64 rounded-full bg-surface-1 border border-surface-3 flex items-center justify-center\">\n <VvIcon name=\"ri:chat-3-line\" class=\"w-28 h-28 text-word-4\" />\n </div>\n <div class=\"flex flex-col gap-4\">\n <strong class=\"text-16 font-semibold text-word-1\">\n {{ $t('message.noConversations') }}\n </strong>\n <span class=\"text-14 text-word-3 leading-relaxed\">\n {{ $t('message.noConversationsHint') }}\n </span>\n </div>\n <VvButton\n modifiers=\"primary rounded\"\n icon=\"ri:add-line\"\n class=\"mt-8\"\n :label=\"$t('action.startNewChat')\"\n @click=\"startNewChat()\" />\n </div>\n\n \n <ul\n v-else\n class=\"flex flex-col gap-8 overflow-y-auto p-16 pb-64 light-scrollbar\">\n <li v-for=\"conversation in conversations\" :key=\"conversation.id\">\n <button\n type=\"button\"\n class=\"w-full block rounded-md border border-surface-3 p-12 text-left text-14 leading-relaxed cursor-pointer transition-colors hover:border-surface-5 hover:bg-surface-1 focus-within:border-word\"\n :class=\"{\n 'border-brand bg-surface-1':\n isCurrentConversation(conversation),\n }\"\n @click=\"openConversation(conversation.id)\">\n <div class=\"flex gap-8\">\n <template v-if=\"editingId === conversation.id\">\n <VvInputText\n v-model=\"editingTitle\"\n class=\"flex-1\"\n modifiers=\"compact\"\n autofocus\n select-on-focus\n :maxlength=\"255\"\n :placeholder=\"$t('placeholder.insert')\"\n @click.stop\n @keydown=\"\n onRenameKeydown($event, conversation.id)\n \" />\n <VvButtonGroup modifiers=\"compact\">\n <VvButton\n icon=\"ri:save-line\"\n :title=\"$t('action.save')\"\n modifiers=\"action-quiet-small\"\n @click.stop=\"\n confirmEdit(conversation.id)\n \" />\n <VvButton\n icon=\"ri:close-line\"\n :title=\"$t('action.cancel')\"\n modifiers=\"action-quiet-small\"\n @click.stop=\"cancelEdit()\" />\n </VvButtonGroup>\n </template>\n <template v-else>\n <strong class=\"font-bold truncate block flex-1\">\n {{\n stripMarkdown(conversation.title) ||\n getLastMessage(\n conversation.messages,\n 'assistant',\n )\n }}\n </strong>\n <PkRelativeTime\n class=\"text-word-4 text-smaller shrink-0\"\n :date=\"conversation.lastMessageAt\" />\n <div @click.stop>\n <VvDropdown\n v-bind=\"{\n placement: 'bottom-end',\n modifiers: 'menu',\n flip: true,\n offset: 3,\n strategy: 'fixed',\n }\">\n <VvButton\n icon=\"ri:more-2-fill\"\n :title=\"$t('action.moreActions')\"\n modifiers=\"action-quiet-small\" />\n <template #items>\n <VvDropdownAction\n @click=\"startEdit(conversation)\">\n <VvIcon name=\"ri:pencil-line\" />\n {{ $t('action.renameChat') }}\n </VvDropdownAction>\n <VvDropdownAction\n @click=\"\n handleDelete(conversation.id)\n \">\n <VvIcon name=\"ri:delete-bin-line\" />\n {{ $t('action.delete') }}\n </VvDropdownAction>\n </template>\n </VvDropdown>\n </div>\n </template>\n </div>\n <span\n v-if=\"editingId !== conversation.id\"\n class=\"text-12 text-word-4 line-clamp-2\">\n {{\n stripMarkdown(conversation.summary) ||\n getLastMessage(conversation.messages, 'user')\n }}\n </span>\n </button>\n </li>\n </ul>\n\n \n <div\n v-if=\"conversations.length > 0\"\n class=\"absolute bottom-0 left-0 right-0 flex flex-col items-center gap-4 px-16 pb-16 pt-32 pointer-events-none\"\n :style=\"{\n background:\n 'linear-gradient(to top, var(--color-surface) 55%, transparent)',\n }\">\n <VvButton\n class=\"text-14 pointer-events-auto\"\n modifiers=\"primary rounded\"\n icon=\"ri:add-line\"\n :label=\"$t('action.startNewChat')\"\n @click.stop=\"startNewChat()\" />\n <VvButton\n v-if=\"profile?.eraseConversations\"\n class=\"text-12 pointer-events-auto\"\n modifiers=\"action-quiet-danger\"\n icon=\"ri:delete-bin-line\"\n :loading=\"isErasingConversations\"\n :disabled=\"isErasingConversations\"\n :label=\"$t('action.deleteMyConversations')\"\n @click.stop=\"handleEraseAll()\" />\n </div>\n </div>\n</template>\n"],"mappings":"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"}