@softdin/portal-admin 0.0.0-stage → 0.2.0

package/dist-lib/chunks/ChatInformeView-BIiAH9L_.js

@@ -0,0 +1,280 @@
+import { t as useClienteInternoStore } from "./cliente-interno.store-De39VsEE.js";
+import { t as RUTAS_PORTAL } from "./tipos-D93bLfFC.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.js";
+import { a as duracion, i as chatService, r as MOTIVOS_ESCALAMIENTO } from "./chat.service-C7ZQf4w3.js";
+import { t as mensajeError } from "./apiError-BHGbwz97.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, onMounted, openBlock, ref, renderList, toDisplayString, unref, vModelText, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { RouterLink } from "vue-router";
+//#region src/views/chat/ChatInformeView.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "page-shell" };
+var _hoisted_2 = { class: "page-subtitle" };
+var _hoisted_3 = ["disabled"];
+var _hoisted_4 = {
+	key: 0,
+	class: "panel-error",
+	role: "alert"
+};
+var _hoisted_5 = {
+	key: 1,
+	class: "panel-muted"
+};
+var _hoisted_6 = { class: "cifras" };
+var _hoisted_7 = { class: "cifra-titulo" };
+var _hoisted_8 = { class: "cifra-valor" };
+var _hoisted_9 = { class: "panel-muted" };
+var _hoisted_10 = {
+	key: 0,
+	class: "panel-error",
+	role: "alert"
+};
+var _hoisted_11 = { class: "columnas" };
+var _hoisted_12 = { class: "panel" };
+var _hoisted_13 = { class: "data-table" };
+var _hoisted_14 = { class: "panel" };
+var _hoisted_15 = {
+	key: 0,
+	class: "panel-muted"
+};
+var _hoisted_16 = {
+	key: 1,
+	class: "data-table"
+};
+var _hoisted_17 = { scope: "row" };
+var _hoisted_18 = { class: "num" };
+var _hoisted_19 = { class: "num" };
+var _hoisted_20 = { class: "panel" };
+var _hoisted_21 = { class: "table-wrap" };
+var _hoisted_22 = { class: "data-table" };
+var _hoisted_23 = { scope: "row" };
+var _hoisted_24 = { class: "num" };
+var _hoisted_25 = { class: "num" };
+var _hoisted_26 = { class: "num" };
+var _hoisted_27 = { class: "num" };
+var _hoisted_28 = { key: 0 };
+var _hoisted_29 = {
+	key: 1,
+	class: "panel"
+};
+var _hoisted_30 = { class: "table-wrap" };
+var _hoisted_31 = { class: "data-table" };
+var _hoisted_32 = { scope: "row" };
+var _hoisted_33 = { class: "num" };
+var _hoisted_34 = { class: "num" };
+var _hoisted_35 = { class: "num" };
+var _hoisted_36 = { class: "num" };
+var _hoisted_37 = { key: 0 };
+var _hoisted_38 = { class: "columnas" };
+var _hoisted_39 = { class: "panel" };
+var _hoisted_40 = { class: "data-table" };
+var _hoisted_41 = { scope: "row" };
+var _hoisted_42 = { class: "num" };
+var _hoisted_43 = { class: "num" };
+var _hoisted_44 = { class: "panel" };
+var _hoisted_45 = { class: "data-table" };
+var _hoisted_46 = { class: "num" };
+var _hoisted_47 = { class: "num" };
+var _hoisted_48 = { class: "num" };
+var _hoisted_49 = { class: "num" };
+//#endregion
+//#region src/views/chat/ChatInformeView.vue
+var ChatInformeView_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "ChatInformeView",
+	setup(__props) {
+		const clientesInternos = useClienteInternoStore();
+		const hoy = /* @__PURE__ */ new Date();
+		const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
+		const hasta = ref(iso(hoy));
+		const desde = ref(iso(new Date(hoy.getFullYear(), hoy.getMonth(), hoy.getDate() - 29)));
+		const informe = ref(null);
+		const cargando = ref(true);
+		const error = ref(null);
+		const pct = (n, total) => total ? `${Math.round(n * 100 / total)} %` : "—";
+		const nota = (n) => n === null ? "—" : n.toLocaleString("es-CO", { maximumFractionDigits: 2 });
+		const tarjetas = computed(() => {
+			const i = informe.value;
+			if (!i) return [];
+			return [
+				{
+					titulo: "Conversaciones",
+					valor: String(i.total),
+					detalle: `${i.escaladas} pasaron a RRHH`
+				},
+				{
+					titulo: "Resueltas por el asistente",
+					valor: String(i.resueltas_por_ia),
+					detalle: pct(i.resueltas_por_ia, i.total) + " del total"
+				},
+				{
+					titulo: "Primera respuesta (mediana)",
+					valor: duracion(i.primera_respuesta.mediana),
+					detalle: i.primera_respuesta.dentro_del_plazo === null ? "sin respuestas en el rango" : `${i.primera_respuesta.dentro_del_plazo} % dentro del plazo`
+				},
+				{
+					titulo: "Calificación",
+					valor: i.calificacion.promedio === null ? "—" : `${nota(i.calificacion.promedio)} / 5`,
+					detalle: `${i.calificacion.respuestas} ${i.calificacion.respuestas === 1 ? "respuesta" : "respuestas"}`
+				}
+			];
+		});
+		async function cargar() {
+			cargando.value = true;
+			error.value = null;
+			try {
+				informe.value = await chatService.informe(desde.value, hasta.value, clientesInternos.seleccionado);
+			} catch (e) {
+				error.value = mensajeError(e, "No se pudo calcular el informe.");
+			} finally {
+				cargando.value = false;
+			}
+		}
+		watch(() => clientesInternos.seleccionado, () => void cargar());
+		onMounted(() => void cargar());
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", _hoisted_1, [
+				createVNode(unref(RouterLink), {
+					to: { name: unref(RUTAS_PORTAL).chat },
+					class: "volver"
+				}, {
+					default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("← Bandeja", -1)])]),
+					_: 1
+				}, 8, ["to"]),
+				createElementVNode("header", null, [_cache[5] || (_cache[5] = createElementVNode("h1", { class: "page-title" }, "Informe del chat", -1)), createElementVNode("p", _hoisted_2, [
+					_cache[3] || (_cache[3] = createTextVNode(" Conversaciones creadas en el rango, de los temas que usted ve", -1)),
+					unref(clientesInternos).seleccionado !== null ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" y de los empleados de " + toDisplayString(unref(clientesInternos).nombre(unref(clientesInternos).seleccionado)), 1)], 64)) : createCommentVNode("", true),
+					_cache[4] || (_cache[4] = createTextVNode(". Los tiempos se cuentan en horas hábiles, con el horario de atención y sin festivos. ", -1))
+				])]),
+				createElementVNode("form", {
+					class: "toolbar",
+					onSubmit: withModifiers(cargar, ["prevent"])
+				}, [
+					_cache[6] || (_cache[6] = createElementVNode("label", {
+						for: "inf-desde",
+						class: "label"
+					}, "Desde", -1)),
+					withDirectives(createElementVNode("input", {
+						id: "inf-desde",
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => desde.value = $event),
+						type: "date",
+						class: "input"
+					}, null, 512), [[vModelText, desde.value]]),
+					_cache[7] || (_cache[7] = createElementVNode("label", {
+						for: "inf-hasta",
+						class: "label"
+					}, "hasta", -1)),
+					withDirectives(createElementVNode("input", {
+						id: "inf-hasta",
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => hasta.value = $event),
+						type: "date",
+						class: "input"
+					}, null, 512), [[vModelText, hasta.value]]),
+					createElementVNode("button", {
+						type: "submit",
+						class: "btn-primary",
+						disabled: cargando.value
+					}, "Calcular", 8, _hoisted_3)
+				], 32),
+				error.value ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(error.value), 1)) : cargando.value ? (openBlock(), createElementBlock("p", _hoisted_5, "Calculando…")) : informe.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+					createElementVNode("div", _hoisted_6, [(openBlock(true), createElementBlock(Fragment, null, renderList(tarjetas.value, (t) => {
+						return openBlock(), createElementBlock("div", {
+							key: t.titulo,
+							class: "panel cifra"
+						}, [
+							createElementVNode("p", _hoisted_7, toDisplayString(t.titulo), 1),
+							createElementVNode("p", _hoisted_8, toDisplayString(t.valor), 1),
+							createElementVNode("p", _hoisted_9, toDisplayString(t.detalle), 1)
+						]);
+					}), 128))]),
+					informe.value.sin_respuesta_vencidas > 0 ? (openBlock(), createElementBlock("p", _hoisted_10, " ⚠ " + toDisplayString(informe.value.sin_respuesta_vencidas) + " " + toDisplayString(informe.value.sin_respuesta_vencidas === 1 ? "conversación sigue" : "conversaciones siguen") + " sin primera respuesta con el plazo vencido. ", 1)) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_11, [createElementVNode("div", _hoisted_12, [_cache[13] || (_cache[13] = createElementVNode("p", { class: "panel-title" }, "Tiempos de RRHH", -1)), createElementVNode("table", _hoisted_13, [_cache[12] || (_cache[12] = createElementVNode("thead", null, [createElementVNode("tr", null, [
+						createElementVNode("th"),
+						createElementVNode("th", null, "Primera respuesta"),
+						createElementVNode("th", null, "Resolución")
+					])], -1)), createElementVNode("tbody", null, [
+						createElementVNode("tr", null, [
+							_cache[8] || (_cache[8] = createElementVNode("th", { scope: "row" }, "Mediana", -1)),
+							createElementVNode("td", null, toDisplayString(unref(duracion)(informe.value.primera_respuesta.mediana)), 1),
+							createElementVNode("td", null, toDisplayString(unref(duracion)(informe.value.resolucion.mediana)), 1)
+						]),
+						createElementVNode("tr", null, [
+							_cache[9] || (_cache[9] = createElementVNode("th", { scope: "row" }, "Promedio", -1)),
+							createElementVNode("td", null, toDisplayString(unref(duracion)(informe.value.primera_respuesta.promedio)), 1),
+							createElementVNode("td", null, toDisplayString(unref(duracion)(informe.value.resolucion.promedio)), 1)
+						]),
+						createElementVNode("tr", null, [
+							_cache[10] || (_cache[10] = createElementVNode("th", { scope: "row" }, "Dentro del plazo", -1)),
+							createElementVNode("td", null, [createTextVNode(toDisplayString(informe.value.primera_respuesta.dentro_del_plazo ?? "—"), 1), informe.value.primera_respuesta.dentro_del_plazo !== null ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" %")], 64)) : createCommentVNode("", true)]),
+							createElementVNode("td", null, [createTextVNode(toDisplayString(informe.value.resolucion.dentro_del_plazo ?? "—"), 1), informe.value.resolucion.dentro_del_plazo !== null ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" %")], 64)) : createCommentVNode("", true)])
+						]),
+						createElementVNode("tr", null, [
+							_cache[11] || (_cache[11] = createElementVNode("th", { scope: "row" }, "Medidas", -1)),
+							createElementVNode("td", null, toDisplayString(informe.value.primera_respuesta.medidas), 1),
+							createElementVNode("td", null, toDisplayString(informe.value.resolucion.medidas), 1)
+						])
+					])])]), createElementVNode("div", _hoisted_14, [_cache[14] || (_cache[14] = createElementVNode("p", { class: "panel-title" }, "Por qué pasaron a RRHH", -1)), !informe.value.escaladas ? (openBlock(), createElementBlock("p", _hoisted_15, "Ninguna pasó a RRHH en el rango.")) : (openBlock(), createElementBlock("table", _hoisted_16, [createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(informe.value.por_motivo, (n, motivo) => {
+						return openBlock(), createElementBlock("tr", { key: motivo }, [
+							createElementVNode("th", _hoisted_17, toDisplayString(unref(MOTIVOS_ESCALAMIENTO)[motivo] ?? motivo), 1),
+							createElementVNode("td", _hoisted_18, toDisplayString(n), 1),
+							createElementVNode("td", _hoisted_19, toDisplayString(pct(n, informe.value.escaladas)), 1)
+						]);
+					}), 128))])]))])]),
+					createElementVNode("div", _hoisted_20, [_cache[17] || (_cache[17] = createElementVNode("p", { class: "panel-title" }, "Por tema", -1)), createElementVNode("div", _hoisted_21, [createElementVNode("table", _hoisted_22, [_cache[16] || (_cache[16] = createElementVNode("thead", null, [createElementVNode("tr", null, [
+						createElementVNode("th", null, "Tema"),
+						createElementVNode("th", { class: "num" }, "Conversaciones"),
+						createElementVNode("th", { class: "num" }, "Pasaron a RRHH"),
+						createElementVNode("th", { class: "num" }, "Primera respuesta (prom.)"),
+						createElementVNode("th", { class: "num" }, "Calificación")
+					])], -1)), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(informe.value.por_tema, (t) => {
+						return openBlock(), createElementBlock("tr", { key: t.tema }, [
+							createElementVNode("th", _hoisted_23, toDisplayString(t.tema), 1),
+							createElementVNode("td", _hoisted_24, toDisplayString(t.total), 1),
+							createElementVNode("td", _hoisted_25, toDisplayString(t.escaladas), 1),
+							createElementVNode("td", _hoisted_26, toDisplayString(unref(duracion)(t.primera_respuesta_promedio)), 1),
+							createElementVNode("td", _hoisted_27, toDisplayString(nota(t.calificacion_promedio)), 1)
+						]);
+					}), 128)), !informe.value.por_tema.length ? (openBlock(), createElementBlock("tr", _hoisted_28, [..._cache[15] || (_cache[15] = [createElementVNode("td", {
+						colspan: "5",
+						class: "panel-muted"
+					}, "Sin conversaciones en el rango.", -1)])])) : createCommentVNode("", true)])])])]),
+					informe.value.por_persona ? (openBlock(), createElementBlock("div", _hoisted_29, [_cache[20] || (_cache[20] = createElementVNode("p", { class: "panel-title" }, "Por persona", -1)), createElementVNode("div", _hoisted_30, [createElementVNode("table", _hoisted_31, [_cache[19] || (_cache[19] = createElementVNode("thead", null, [createElementVNode("tr", null, [
+						createElementVNode("th", null, "Persona"),
+						createElementVNode("th", { class: "num" }, "Atendidas"),
+						createElementVNode("th", { class: "num" }, "Resueltas"),
+						createElementVNode("th", { class: "num" }, "Primera respuesta (prom.)"),
+						createElementVNode("th", { class: "num" }, "Calificación")
+					])], -1)), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(informe.value.por_persona, (p) => {
+						return openBlock(), createElementBlock("tr", { key: p.usuario }, [
+							createElementVNode("th", _hoisted_32, toDisplayString(p.usuario), 1),
+							createElementVNode("td", _hoisted_33, toDisplayString(p.atendidas), 1),
+							createElementVNode("td", _hoisted_34, toDisplayString(p.resueltas), 1),
+							createElementVNode("td", _hoisted_35, toDisplayString(unref(duracion)(p.primera_respuesta_promedio)), 1),
+							createElementVNode("td", _hoisted_36, toDisplayString(nota(p.calificacion_promedio)), 1)
+						]);
+					}), 128)), !informe.value.por_persona.length ? (openBlock(), createElementBlock("tr", _hoisted_37, [..._cache[18] || (_cache[18] = [createElementVNode("td", {
+						colspan: "5",
+						class: "panel-muted"
+					}, "Nadie atendió conversaciones en el rango.", -1)])])) : createCommentVNode("", true)])])])])) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_38, [createElementVNode("div", _hoisted_39, [_cache[21] || (_cache[21] = createElementVNode("p", { class: "panel-title" }, "Calificaciones (1 a 5)", -1)), createElementVNode("table", _hoisted_40, [createElementVNode("tbody", null, [(openBlock(), createElementBlock(Fragment, null, renderList([
+						5,
+						4,
+						3,
+						2,
+						1
+					], (n) => {
+						return createElementVNode("tr", { key: n }, [
+							createElementVNode("th", _hoisted_41, toDisplayString(n), 1),
+							createElementVNode("td", _hoisted_42, toDisplayString(informe.value.calificacion.distribucion[n] ?? 0), 1),
+							createElementVNode("td", _hoisted_43, toDisplayString(pct(informe.value.calificacion.distribucion[n] ?? 0, informe.value.calificacion.respuestas)), 1)
+						]);
+					}), 64))])])]), createElementVNode("div", _hoisted_44, [_cache[26] || (_cache[26] = createElementVNode("p", { class: "panel-title" }, "Uso del asistente", -1)), createElementVNode("table", _hoisted_45, [createElementVNode("tbody", null, [
+						createElementVNode("tr", null, [_cache[22] || (_cache[22] = createElementVNode("th", { scope: "row" }, "Respuestas", -1)), createElementVNode("td", _hoisted_46, toDisplayString(informe.value.uso_ia.mensajes.toLocaleString("es-CO")), 1)]),
+						createElementVNode("tr", null, [_cache[23] || (_cache[23] = createElementVNode("th", { scope: "row" }, "Consultas al proveedor", -1)), createElementVNode("td", _hoisted_47, toDisplayString(informe.value.uso_ia.llamadas.toLocaleString("es-CO")), 1)]),
+						createElementVNode("tr", null, [_cache[24] || (_cache[24] = createElementVNode("th", { scope: "row" }, "Tokens de entrada", -1)), createElementVNode("td", _hoisted_48, toDisplayString(informe.value.uso_ia.tokens_entrada.toLocaleString("es-CO")), 1)]),
+						createElementVNode("tr", null, [_cache[25] || (_cache[25] = createElementVNode("th", { scope: "row" }, "Tokens de salida", -1)), createElementVNode("td", _hoisted_49, toDisplayString(informe.value.uso_ia.tokens_salida.toLocaleString("es-CO")), 1)])
+					])])])])
+				], 64)) : createCommentVNode("", true)
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-fa114240"]]);
+//#endregion
+export { ChatInformeView_default as default };

package/dist-lib/chunks/ChatRespuestasView-QFXbyg8U.js

@@ -0,0 +1,183 @@
+import { t as RUTAS_PORTAL } from "./tipos-D93bLfFC.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.js";
+import { i as chatService } from "./chat.service-C7ZQf4w3.js";
+import { t as mensajeError } from "./apiError-BHGbwz97.js";
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, onMounted, openBlock, ref, renderList, toDisplayString, unref, vModelSelect, vModelText, withCtx, withDirectives, withModifiers } from "vue";
+import { RouterLink } from "vue-router";
+//#region src/views/chat/ChatRespuestasView.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "page-shell" };
+var _hoisted_2 = { class: "page-header" };
+var _hoisted_3 = {
+	key: 0,
+	class: "panel-error",
+	role: "alert"
+};
+var _hoisted_4 = {
+	key: 1,
+	class: "panel-muted"
+};
+var _hoisted_5 = { class: "campo" };
+var _hoisted_6 = { class: "campo" };
+var _hoisted_7 = { class: "toolbar" };
+var _hoisted_8 = ["value"];
+var _hoisted_9 = ["disabled"];
+var _hoisted_10 = ["disabled"];
+var _hoisted_11 = {
+	key: 0,
+	class: "panel-muted"
+};
+var _hoisted_12 = { class: "page-header" };
+var _hoisted_13 = { class: "panel-title" };
+var _hoisted_14 = { class: "panel-muted" };
+var _hoisted_15 = {
+	key: 0,
+	class: "toolbar"
+};
+var _hoisted_16 = ["disabled", "onClick"];
+var _hoisted_17 = ["disabled", "onClick"];
+var _hoisted_18 = { class: "texto" };
+//#endregion
+//#region src/views/chat/ChatRespuestasView.vue
+var ChatRespuestasView_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "ChatRespuestasView",
+	setup(__props) {
+		const respuestas = ref([]);
+		const temas = ref([]);
+		const cargando = ref(true);
+		const ocupado = ref(false);
+		const error = ref(null);
+		const editando = ref(null);
+		const nombreTema = (id) => temas.value.find((t) => t.id === id)?.nombre ?? "Todos los temas";
+		async function cargar() {
+			cargando.value = true;
+			error.value = null;
+			try {
+				[respuestas.value, temas.value] = await Promise.all([chatService.respuestas(), chatService.temas()]);
+			} catch (e) {
+				error.value = mensajeError(e, "No se pudieron cargar las respuestas guardadas.");
+			} finally {
+				cargando.value = false;
+			}
+		}
+		async function guardar() {
+			if (!editando.value) return;
+			ocupado.value = true;
+			error.value = null;
+			try {
+				await chatService.guardarRespuesta(editando.value);
+				editando.value = null;
+				respuestas.value = await chatService.respuestas();
+			} catch (e) {
+				error.value = mensajeError(e, "No se pudo guardar la respuesta.");
+			} finally {
+				ocupado.value = false;
+			}
+		}
+		async function borrar(r) {
+			if (!window.confirm(`¿Borrar «${r.titulo}»?`)) return;
+			ocupado.value = true;
+			try {
+				await chatService.borrarRespuesta(r.id);
+				respuestas.value = respuestas.value.filter((x) => x.id !== r.id);
+			} catch (e) {
+				error.value = mensajeError(e, "No se pudo borrar la respuesta.");
+			} finally {
+				ocupado.value = false;
+			}
+		}
+		onMounted(() => void cargar());
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", _hoisted_1, [
+				createVNode(unref(RouterLink), {
+					to: { name: unref(RUTAS_PORTAL).chat },
+					class: "volver"
+				}, {
+					default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("← Bandeja", -1)])]),
+					_: 1
+				}, 8, ["to"]),
+				createElementVNode("header", _hoisted_2, [_cache[6] || (_cache[6] = createElementVNode("div", null, [createElementVNode("h1", { class: "page-title" }, "Respuestas guardadas"), createElementVNode("p", { class: "page-subtitle" }, [
+					createTextVNode(" Textos que el equipo reusa al contestar. Escriba "),
+					createElementVNode("code", null, "{nombre}"),
+					createTextVNode(" donde vaya el primer nombre del empleado. ")
+				])], -1)), !editando.value ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: "btn-primary",
+					onClick: _cache[0] || (_cache[0] = ($event) => editando.value = {
+						titulo: "",
+						cuerpo: "",
+						tema_id: null
+					})
+				}, " Nueva respuesta ")) : createCommentVNode("", true)]),
+				error.value ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(error.value), 1)) : createCommentVNode("", true),
+				cargando.value ? (openBlock(), createElementBlock("p", _hoisted_4, "Cargando…")) : createCommentVNode("", true),
+				editando.value ? (openBlock(), createElementBlock("form", {
+					key: 2,
+					class: "panel",
+					onSubmit: withModifiers(guardar, ["prevent"])
+				}, [
+					createElementVNode("label", _hoisted_5, [_cache[7] || (_cache[7] = createElementVNode("span", { class: "label" }, "Título (para encontrarla)", -1)), withDirectives(createElementVNode("input", {
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => editando.value.titulo = $event),
+						class: "input",
+						maxlength: "120",
+						required: "",
+						placeholder: "Fecha de pago de la prima"
+					}, null, 512), [[vModelText, editando.value.titulo]])]),
+					createElementVNode("label", _hoisted_6, [_cache[8] || (_cache[8] = createElementVNode("span", { class: "label" }, "Texto", -1)), withDirectives(createElementVNode("textarea", {
+						"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => editando.value.cuerpo = $event),
+						class: "input",
+						rows: "5",
+						maxlength: "4000",
+						required: "",
+						placeholder: "Hola {nombre}, la prima se paga…"
+					}, null, 512), [[vModelText, editando.value.cuerpo]])]),
+					createElementVNode("div", _hoisted_7, [
+						_cache[10] || (_cache[10] = createElementVNode("label", {
+							for: "resp-tema",
+							class: "label"
+						}, "Tema", -1)),
+						withDirectives(createElementVNode("select", {
+							id: "resp-tema",
+							"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => editando.value.tema_id = $event),
+							class: "input"
+						}, [_cache[9] || (_cache[9] = createElementVNode("option", { value: null }, "Todos los temas", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(temas.value, (t) => {
+							return openBlock(), createElementBlock("option", {
+								key: t.id,
+								value: t.id
+							}, toDisplayString(t.nombre), 9, _hoisted_8);
+						}), 128))], 512), [[vModelSelect, editando.value.tema_id]]),
+						createElementVNode("button", {
+							type: "submit",
+							class: "btn-primary",
+							disabled: ocupado.value
+						}, "Guardar", 8, _hoisted_9),
+						createElementVNode("button", {
+							type: "button",
+							class: "btn-secondary",
+							disabled: ocupado.value,
+							onClick: _cache[4] || (_cache[4] = ($event) => editando.value = null)
+						}, "Cancelar", 8, _hoisted_10)
+					])
+				], 32)) : createCommentVNode("", true),
+				!cargando.value ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [!respuestas.value.length ? (openBlock(), createElementBlock("p", _hoisted_11, "Todavía no hay respuestas guardadas.")) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(respuestas.value, (r) => {
+					return openBlock(), createElementBlock("article", {
+						key: r.id,
+						class: "panel"
+					}, [createElementVNode("div", _hoisted_12, [createElementVNode("div", null, [createElementVNode("p", _hoisted_13, toDisplayString(r.titulo), 1), createElementVNode("p", _hoisted_14, [createTextVNode(toDisplayString(nombreTema(r.tema_id)), 1), r.propia ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" · Suya")], 64)) : createCommentVNode("", true)])]), r.editable ? (openBlock(), createElementBlock("div", _hoisted_15, [createElementVNode("button", {
+						type: "button",
+						class: "btn-secondary",
+						disabled: ocupado.value,
+						onClick: ($event) => editando.value = { ...r }
+					}, "Editar", 8, _hoisted_16), createElementVNode("button", {
+						type: "button",
+						class: "btn-danger",
+						disabled: ocupado.value,
+						onClick: ($event) => borrar(r)
+					}, "Borrar", 8, _hoisted_17)])) : createCommentVNode("", true)]), createElementVNode("p", _hoisted_18, toDisplayString(r.cuerpo), 1)]);
+				}), 128))], 64)) : createCommentVNode("", true)
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-d7451ca3"]]);
+//#endregion
+export { ChatRespuestasView_default as default };