@softdin/portal-admin 0.0.0-stage → 0.2.0

package/dist-lib/chunks/ChatConocimientoView-nKTAKxFa.js

@@ -0,0 +1,263 @@
+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 { i as chatService } 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, vModelCheckbox, vModelSelect, vModelText, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { RouterLink } from "vue-router";
+//#region src/views/chat/ChatConocimientoView.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",
+	role: "status"
+};
+var _hoisted_5 = {
+	key: 2,
+	class: "panel-muted"
+};
+var _hoisted_6 = { class: "panel-title" };
+var _hoisted_7 = { class: "campo" };
+var _hoisted_8 = { class: "campo" };
+var _hoisted_9 = { class: "toolbar" };
+var _hoisted_10 = ["value"];
+var _hoisted_11 = ["value"];
+var _hoisted_12 = ["value"];
+var _hoisted_13 = { class: "label" };
+var _hoisted_14 = { class: "label" };
+var _hoisted_15 = { class: "toolbar" };
+var _hoisted_16 = ["disabled"];
+var _hoisted_17 = ["disabled"];
+var _hoisted_18 = {
+	key: 4,
+	class: "panel-muted"
+};
+var _hoisted_19 = {
+	key: 0,
+	class: "panel-muted"
+};
+var _hoisted_20 = { class: "page-header" };
+var _hoisted_21 = { class: "panel-title" };
+var _hoisted_22 = {
+	key: 0,
+	class: "cliente"
+};
+var _hoisted_23 = { class: "panel-muted" };
+var _hoisted_24 = {
+	key: 0,
+	class: "toolbar"
+};
+var _hoisted_25 = ["disabled", "onClick"];
+var _hoisted_26 = ["disabled", "onClick"];
+var _hoisted_27 = { class: "contenido" };
+//#endregion
+//#region src/views/chat/ChatConocimientoView.vue
+var ChatConocimientoView_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "ChatConocimientoView",
+	setup(__props) {
+		const resumen = ref(null);
+		const articulos = ref([]);
+		const temas = ref([]);
+		const cargando = ref(true);
+		const ocupado = ref(false);
+		const error = ref(null);
+		const aviso = ref(null);
+		const editando = ref(null);
+		const clientesInternos = useClienteInternoStore();
+		const clienteInterno = computed(() => clientesInternos.seleccionado);
+		const admin = computed(() => resumen.value?.es_admin === true);
+		const nombreTema = (id) => temas.value.find((t) => t.id === id)?.nombre ?? "Todos los temas";
+		const nombreCliente = (id) => clientesInternos.nombre(id);
+		/** El artículo es de un cliente que ya no está en el catálogo: se conserva como opción para no perderlo. */
+		const clienteFueraDeLista = computed(() => {
+			const id = editando.value?.cliente_interno_id;
+			return id != null && !clientesInternos.lista.some((c) => c.id === id);
+		});
+		async function cargar() {
+			cargando.value = true;
+			error.value = null;
+			try {
+				[resumen.value, articulos.value, temas.value] = await Promise.all([
+					chatService.resumen(),
+					chatService.conocimiento(clienteInterno.value),
+					chatService.temas()
+				]);
+			} catch (e) {
+				error.value = mensajeError(e, "No se pudo cargar la base de conocimiento.");
+			} finally {
+				cargando.value = false;
+			}
+		}
+		async function filtrar() {
+			error.value = null;
+			try {
+				articulos.value = await chatService.conocimiento(clienteInterno.value);
+			} catch (e) {
+				error.value = mensajeError(e, "No se pudo cargar la base de conocimiento.");
+			}
+		}
+		function nuevo() {
+			editando.value = {
+				titulo: "",
+				contenido: "",
+				tema_id: null,
+				cliente_interno_id: clienteInterno.value,
+				visible_en_faq: true,
+				activo: true
+			};
+		}
+		async function guardar() {
+			if (!editando.value) return;
+			ocupado.value = true;
+			error.value = null;
+			aviso.value = null;
+			try {
+				await chatService.guardarArticulo(editando.value);
+				aviso.value = "Artículo guardado.";
+				editando.value = null;
+				articulos.value = await chatService.conocimiento(clienteInterno.value);
+			} catch (e) {
+				error.value = mensajeError(e, "No se pudo guardar el artículo.");
+			} finally {
+				ocupado.value = false;
+			}
+		}
+		async function borrar(a) {
+			if (!window.confirm(`¿Borrar «${a.titulo}»? El asistente dejará de usarlo.`)) return;
+			ocupado.value = true;
+			error.value = null;
+			try {
+				await chatService.borrarArticulo(a.id);
+				articulos.value = articulos.value.filter((x) => x.id !== a.id);
+			} catch (e) {
+				error.value = mensajeError(e, "No se pudo borrar el artículo.");
+			} finally {
+				ocupado.value = false;
+			}
+		}
+		watch(clienteInterno, () => void filtrar());
+		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[7] || (_cache[7] = [createTextVNode("← Bandeja", -1)])]),
+					_: 1
+				}, 8, ["to"]),
+				createElementVNode("header", _hoisted_2, [_cache[8] || (_cache[8] = createElementVNode("div", null, [createElementVNode("h1", { class: "page-title" }, "Base de conocimiento"), createElementVNode("p", { class: "page-subtitle" }, " Lo que el asistente de IA sabe de la empresa. Escriba respuestas cortas y concretas: el asistente no inventa lo que no esté aquí ni en los datos del empleado, y si no sabe, pasa la consulta a RRHH. Lo marcado como pregunta frecuente lo ven también los empleados. ")], -1)), admin.value && !editando.value ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: "btn-primary",
+					onClick: nuevo
+				}, "Nuevo artículo")) : createCommentVNode("", true)]),
+				error.value ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(error.value), 1)) : createCommentVNode("", true),
+				aviso.value ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(aviso.value), 1)) : createCommentVNode("", true),
+				cargando.value ? (openBlock(), createElementBlock("p", _hoisted_5, "Cargando…")) : createCommentVNode("", true),
+				editando.value ? (openBlock(), createElementBlock("form", {
+					key: 3,
+					class: "panel",
+					onSubmit: withModifiers(guardar, ["prevent"])
+				}, [
+					createElementVNode("p", _hoisted_6, toDisplayString(editando.value.id ? "Editar artículo" : "Nuevo artículo"), 1),
+					createElementVNode("label", _hoisted_7, [_cache[9] || (_cache[9] = createElementVNode("span", { class: "label" }, "Pregunta o título", -1)), withDirectives(createElementVNode("input", {
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => editando.value.titulo = $event),
+						class: "input",
+						maxlength: "200",
+						required: "",
+						placeholder: "¿Cuándo pagan la nómina?"
+					}, null, 512), [[vModelText, editando.value.titulo]])]),
+					createElementVNode("label", _hoisted_8, [_cache[10] || (_cache[10] = createElementVNode("span", { class: "label" }, "Respuesta", -1)), withDirectives(createElementVNode("textarea", {
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => editando.value.contenido = $event),
+						class: "input",
+						rows: "6",
+						maxlength: "8000",
+						required: "",
+						placeholder: "La nómina se paga los días 15 y 30 de cada mes…"
+					}, null, 512), [[vModelText, editando.value.contenido]])]),
+					createElementVNode("div", _hoisted_9, [
+						_cache[15] || (_cache[15] = createElementVNode("label", {
+							class: "label",
+							for: "art-tema"
+						}, "Tema", -1)),
+						withDirectives(createElementVNode("select", {
+							id: "art-tema",
+							"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => editando.value.tema_id = $event),
+							class: "input"
+						}, [_cache[11] || (_cache[11] = 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_10);
+						}), 128))], 512), [[vModelSelect, editando.value.tema_id]]),
+						_cache[16] || (_cache[16] = createElementVNode("label", {
+							class: "label",
+							for: "art-cliente"
+						}, "Para", -1)),
+						withDirectives(createElementVNode("select", {
+							id: "art-cliente",
+							"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => editando.value.cliente_interno_id = $event),
+							class: "input"
+						}, [
+							_cache[12] || (_cache[12] = createElementVNode("option", { value: null }, "Todo el tenant", -1)),
+							(openBlock(true), createElementBlock(Fragment, null, renderList(unref(clientesInternos).lista, (c) => {
+								return openBlock(), createElementBlock("option", {
+									key: c.id,
+									value: c.id
+								}, toDisplayString(c.nombre), 9, _hoisted_11);
+							}), 128)),
+							clienteFueraDeLista.value ? (openBlock(), createElementBlock("option", {
+								key: 0,
+								value: editando.value.cliente_interno_id
+							}, "Cliente " + toDisplayString(editando.value.cliente_interno_id), 9, _hoisted_12)) : createCommentVNode("", true)
+						], 512), [[vModelSelect, editando.value.cliente_interno_id]]),
+						createElementVNode("label", _hoisted_13, [withDirectives(createElementVNode("input", {
+							"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => editando.value.visible_en_faq = $event),
+							type: "checkbox"
+						}, null, 512), [[vModelCheckbox, editando.value.visible_en_faq]]), _cache[13] || (_cache[13] = createTextVNode(" Pregunta frecuente para los empleados", -1))]),
+						createElementVNode("label", _hoisted_14, [withDirectives(createElementVNode("input", {
+							"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => editando.value.activo = $event),
+							type: "checkbox"
+						}, null, 512), [[vModelCheckbox, editando.value.activo]]), _cache[14] || (_cache[14] = createTextVNode(" Activo", -1))])
+					]),
+					createElementVNode("div", _hoisted_15, [createElementVNode("button", {
+						type: "submit",
+						class: "btn-primary",
+						disabled: ocupado.value
+					}, "Guardar", 8, _hoisted_16), createElementVNode("button", {
+						type: "button",
+						class: "btn-secondary",
+						disabled: ocupado.value,
+						onClick: _cache[6] || (_cache[6] = ($event) => editando.value = null)
+					}, "Cancelar", 8, _hoisted_17)])
+				], 32)) : createCommentVNode("", true),
+				!cargando.value && clienteInterno.value !== null ? (openBlock(), createElementBlock("p", _hoisted_18, " Se ven los artículos generales y los de " + toDisplayString(nombreCliente(clienteInterno.value)) + ". ", 1)) : createCommentVNode("", true),
+				!cargando.value ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [articulos.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_19, "Todavía no hay artículos. Sin ellos, el asistente solo responde con los datos del empleado.")) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(articulos.value, (a) => {
+					return openBlock(), createElementBlock("article", {
+						key: a.id,
+						class: "panel"
+					}, [createElementVNode("div", _hoisted_20, [createElementVNode("div", null, [createElementVNode("p", _hoisted_21, [createTextVNode(toDisplayString(a.titulo) + " ", 1), a.cliente_interno_id != null ? (openBlock(), createElementBlock("span", _hoisted_22, "Solo " + toDisplayString(nombreCliente(a.cliente_interno_id)), 1)) : createCommentVNode("", true)]), createElementVNode("p", _hoisted_23, [createTextVNode(toDisplayString(nombreTema(a.tema_id)) + " · " + toDisplayString(a.visible_en_faq ? "Pregunta frecuente" : "Solo para el asistente"), 1), !a.activo ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" · Inactivo")], 64)) : createCommentVNode("", true)])]), admin.value ? (openBlock(), createElementBlock("div", _hoisted_24, [createElementVNode("button", {
+						type: "button",
+						class: "btn-secondary",
+						disabled: ocupado.value,
+						onClick: ($event) => editando.value = { ...a }
+					}, "Editar", 8, _hoisted_25), createElementVNode("button", {
+						type: "button",
+						class: "btn-danger",
+						disabled: ocupado.value,
+						onClick: ($event) => borrar(a)
+					}, "Borrar", 8, _hoisted_26)])) : createCommentVNode("", true)]), createElementVNode("p", _hoisted_27, toDisplayString(a.contenido), 1)]);
+				}), 128))], 64)) : createCommentVNode("", true)
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-ee9c5f6c"]]);
+//#endregion
+export { ChatConocimientoView_default as default };