1import { d as H, r as v, c as F, o, a as n, g as r, w, h as s, l as _, f as t, _ as a, j as y, F as f, b as g, B as b, t as u, i as x, k as h, H as O, O as K, P as U, aj as G, e as J, a4 as k } from "./app-CSFh7Ls_.js"; 2import { _ as $ } from "./DdCard.vue_vue_type_script_setup_true_lang-C44pGpAt.js"; 3import { D as W } from "./DdScrollbox-CwO2qmta.js"; 4import "./purifier-DwKNMBJW.js"; 5import "./index-C44AX5GR.js"; 6const X = { id: "luzmo-iq-alternative-preview", class: "flex flex-col gap-5 scroll-mt-20" }, Y = { class: "flex items-start justify-between gap-4 flex-wrap" }, Z = { class: "m-0 text-xl font-bold text-gray-900 flex items-center gap-2.5" }, ee = { class: "w-9 h-9 rounded-xl bg-linear-to-br from-purple-500 to-indigo-600 text-white flex items-center justify-center shadow-xs" }, te = { class: "flex items-center gap-2" }, se = { class: "grid grid-cols-[52px_1fr_280px] gap-4 min-h-[680px]" }, le = { class: "flex flex-col gap-2" }, re = { type: "button", class: "w-full h-10 rounded-lg border border-dashed border-gray-300 flex items-center justify-center text-gray-400 hover:border-blue-400 hover:text-blue-500 hover:bg-blue-100 transition-colors focus:outline-hidden", title: "Nouvelle conversation" }, oe = { class: "flex-1 bg-white border border-gray-200 rounded-xl flex flex-col" }, ne = { class: "flex-1 py-1" }, ae = ["title", "onClick", "onMouseenter"], ie = { key: 0, class: "absolute left-full top-1/2 -translate-y-1/2 ml-2 z-50 pointer-events-none" }, de = { class: "bg-gray-900 text-white text-xs rounded-lg px-3 py-2 whitespace-nowrap max-w-[200px] truncate shadow-lg" }, ue = { class: "text-[10px] text-gray-400 mt-0.5" }, pe = { class: "px-4 py-2.5 border-b border-gray-200 bg-gray-100 shrink-0" }, xe = { class: "flex items-center gap-1.5 mb-1.5" }, fe = { class: "flex gap-2" }, ge = ["onClick"], be = { class: "flex items-center justify-between px-4 py-2.5 border-b border-gray-200 bg-white shrink-0" }, me = { class: "flex items-center gap-2.5" }, ve = { class: "w-7 h-7 rounded-lg bg-linear-to-br from-purple-500 to-indigo-600 text-white flex items-center justify-center text-xs" }, ye = { class: "flex-1 overflow-y-auto px-4 py-4 flex flex-col gap-4" }, ce = { class: "shrink-0" }, we = { key: 0, class: "w-7 h-7 rounded-lg bg-linear-to-br from-purple-500 to-indigo-600 text-white flex items-center justify-center text-[11px]" }, he = { key: 1, class: "w-7 h-7 rounded-lg bg-gray-200 text-gray-600 flex items-center justify-center text-[11px] font-bold" }, ke = { key: 0, class: "flex items-center gap-1.5 px-2.5 py-1 rounded-lg bg-indigo-100 border border-indigo-200 text-indigo-700 text-[11px] font-medium cursor-default" }, Ce = { key: 1, class: "flex items-center gap-2 text-gray-400" }, Ie = { class: "text-[11px]" }, Ae = { type: "button", class: "hover:text-green-600 transition-colors focus:outline-hidden", title: "Utile" }, Te = { type: "button", class: "hover:text-red-500 transition-colors focus:outline-hidden", title: "Pas utile" }, je = { type: "button", class: "hover:text-gray-600 transition-colors focus:outline-hidden", title: "Copier" }, Le = { key: 2, class: "text-[11px] text-gray-400" }, Se = { key: 0, class: "flex gap-2.5" }, Re = { class: "w-7 h-7 rounded-lg bg-linear-to-br from-purple-500 to-indigo-600 text-white flex items-center justify-center text-[11px] shrink-0" }, ze = { class: "border-t border-gray-200 px-4 py-3 bg-white shrink-0" }, Pe = { class: "flex items-end gap-2 bg-gray-100 rounded-xl px-3 py-2.5 border border-gray-200 focus-within:border-blue-400 focus-within:ring-2 focus-within:ring-blue-100 transition-all" }, Qe = ["onKeydown"], _e = { class: "flex items-center gap-1.5 shrink-0" }, $e = { class: "flex items-center gap-2 px-4 py-3 border-b border-gray-200 bg-gray-100 shrink-0" }, qe = { class: "flex-1 overflow-y-auto p-3 flex flex-col gap-3" }, Be = { key: 0, class: "flex-1 flex flex-col items-center justify-center gap-3 py-12 text-center" }, Ve = { class: "w-12 h-12 rounded-xl bg-gray-100 flex items-center justify-center" }, Ee = { key: 1, class: "rounded-xl border border-gray-200 bg-white overflow-hidden" }, Me = { class: "flex items-center gap-2 px-3 py-2 border-b border-gray-100 bg-gray-100" }, Ne = { class: "px-3 py-3 flex flex-col gap-2" }, De = { class: "flex items-center justify-between mb-1" }, He = { class: "text-[11px] text-gray-600 truncate max-w-[120px]" }, Fe = { class: "text-[11px] font-semibold text-gray-800 shrink-0" }, Oe = { class: "h-2 bg-gray-100 rounded-full overflow-hidden" }, Ke = { key: 2, class: "rounded-xl border border-gray-200 bg-white overflow-hidden" }, Ue = { class: "flex items-center gap-2 px-3 py-2 border-b border-gray-100 bg-gray-100" }, Ge = { class: "px-3 py-3" }, Je = { class: "flex items-end gap-3 h-24" }, We = { class: "w-full flex items-end gap-0.5 h-16" }, Xe = { class: "text-[10px] text-gray-500 leading-none" }, Ye = { class: "flex items-center gap-2 px-3 py-2 border-b border-gray-100 bg-gray-100" }, Ze = { class: "text-xs font-semibold text-gray-700 flex-1 truncate" }, et = ["onClick"], tt = { class: "px-3 py-4 flex flex-col gap-2" }, st = { class: "flex flex-col gap-1.5" }, lt = { class: "flex items-center justify-between mb-1" }, rt = { class: "text-[11px] text-gray-500 truncate max-w-[120px]" }, ot = { class: "h-1.5 bg-gray-100 rounded-full overflow-hidden" }, nt = { class: "text-[11px] text-gray-400 mt-1" }, at = { key: 3, class: "rounded-xl border border-dashed border-gray-200 flex items-center justify-center py-6 text-gray-400" }, it = { class: "text-xs flex items-center gap-1.5" }, dt = { class: "border-t border-gray-200 p-3 bg-gray-100 shrink-0 flex gap-2" }, yt = H({ __name: "LuzmoIQAlternativePreview", setup(ut) { 7 const q = [{ id: "1", preview: "CA par formation ce trimestre", dateLabel: "Aujourd'hui" }, { id: "2", preview: "Taux de remplissage moyen", dateLabel: "Aujourd'hui" }, { id: "3", preview: "Satisfaction par formateur", dateLabel: "Hier" }, { id: "4", preview: "R\xE9partition financement OPCO/CPF", dateLabel: "Hier" }, { id: "5", preview: "CA sur 12 mois", dateLabel: "Lundi" }, { id: "6", preview: "Heures r\xE9alis\xE9es par formateur", dateLabel: "Lundi" }, { id: "7", preview: "Taux d'abandon en cours", dateLabel: "La semaine derni\xE8re" }], C = v("1"), I = v(null), B = [{ icon: "fas fa-euro-sign", label: "CA par formation", query: "Quel est mon CA par formation ce trimestre ?", color: "text-green-700", hoverBg: "hover:bg-green-100" }, { icon: "fas fa-users", label: "Taux de remplissage", query: "Quel est le taux de remplissage moyen de mes sessions ?", color: "text-blue-700", hoverBg: "hover:bg-blue-100" }
7, { icon: "fas fa-star", label: "Satisfaction formateurs", query: "Quel est le score de satisfaction moyen par formateur ?", color: "text-orange-700", hoverBg: "hover:bg-orange-100" }, { icon: "fas fa-file-invoice", label: "Factures en retard", query: "Quelles factures sont en attente de r\xE8glement ?", color: "text-red-700", hoverBg: "hover:bg-red-100" }, { icon: "fas fa-chart-pie", label: "INTRA vs INTER", query: "Quelle est la r\xE9partition INTRA / INTER / VISIO ?", color: "text-purple-700", hoverBg: "hover:bg-purple-100" }, { icon: "fas fa-certificate", label: "Qualiopi", query: "Quels sont mes indicateurs Qualiopi les moins bien not\xE9s ?", color: "text-teal-700", hoverBg: "hover:bg-teal-100" }, { icon: "fas fa-building", label: "Top clients", query: "Quels sont mes 5 clients avec le plus de volume de formation ?", color: "text-indigo-700", hoverBg: "hover:bg-indigo-100" }], i = v([{ id: 1, title: "CA par formation", subtitle: "T2 2026", type: "bar-horizontal", badge: { label: "T2 2026", variant: "default-light" } }, { id: 2, title: "Comparaison T1 vs T2", subtitle: "+12% global", type: "bar-grouped", badge: { label: "+12%", variant: "green-light" } }]); 8 let A = 3; 9 const T = v([{ role: "user", content: "Quel est mon CA par formation ce trimestre ?", timestamp: "14:23" }, { role: "assistant", content: "Voici la r\xE9partition de votre CA par formation pour le T2 2026. Le management agile domine avec 38 % du total (52 300 \u20AC), suivi d'Excel avanc\xE9 et de Vue.js 3. La progression globale est de +12 % par rapport au trimestre pr\xE9c\xE9dent.", resultRef
9: 1, timestamp: "14:23" }, { role: "user", content: "Et par rapport au trimestre dernier ?", timestamp: "14:25" }, { role: "assistant", content: "Comparaison T1 vs T2 2026 : progression de +12 % du CA total. Vue.js 3 affiche la plus forte croissance (+34 %), tandis qu'Excel recule l\xE9g\xE8rement (-8 %), un effet saisonnier habituel en fin de printemps.", resultRef: 2, timestamp: "14:25" }]), m = v(""), j = v(false), R = F(() => m.value.trim().length > 0), z = () => { 10 if (!R.value) return; 11 const d = m.value.trim(); 12 m.value = "", T.value.push({ role: "user", content: d, timestamp: S() }), j.value = true, setTimeout(() => { 13 j.value = false; 14 const e = { id: A, title: "Analyse \u2014 " + d.slice(0, 28) + (d.length > 28 ? "\u2026" : ""), subtitle: "G\xE9n\xE9r\xE9 \xE0 " + S(), type: "bar-horizontal" }; 15 i.value.push(e), T.value.push({ role: "assistant", content: "J'ai analys\xE9 vos donn\xE9es. Le r\xE9sultat est disponible dans le panneau de visualisation.", resultRef: A, timestamp: S() }), A++; 16 }, 1800); 17 }, V = (d) => { 18 m.value = d; 19 }, L = (d) => { 20 i.value = i.value.filter((e) => e.id !== d); 21 }, E = () => { 22 i.value = []; 23 }, S = () => { 24 const d = /* @__PURE__ */ new Date(); 25 return `${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`; 26 }, P = [{ label: "Management agile", pct: 82, amount: "52 300 \u20AC", color: "bg-indigo-500" }, { label: "Excel avanc\xE9", pct: 55, amount: "35 100 \u20AC", color: "bg-blue-400" }, { label: "Vue.js 3", pct: 44, amount: "28 800 \u20AC", color: "bg-purple-400" }, { label: "Anglais Pro", pct: 28, amount: "18 000 \u20AC", color: "bg-teal-400" }, { label: "Qualiopi", pct: 18, amount: "11 500 \u20AC", color: "bg-blue-400" }], M = [{ label: "Mgmt", t1: 62, t2: 82 }, { label: "Excel", t1: 68, t2: 55 }, { label: "Vue.js", t1: 33, t2: 45 }, { label: "Anglais", t1: 30, t2: 28 }]; 27 return ((d) => { 28 const l = 2 * Math.PI * 28; 29 let p = 0; 30 return d.map((c) => { 31 const Q = c.pct / 100 * l, N = l - Q, D = p / 100 * 360 - 90; 32 return p += c.pct, { ...c, dash: Q, gap: N, rotate: D }; 33 }); 34 })([{ label: "INTRA", pct: 48, color: "#6366f1" }, { label: "INTER", pct: 34, color: "#22d3ee" }, { label: "VISIO", pct: 18, color: "#a78bfa" }]), (d, e) => (o(), n("div", X, [r(_, { variant: "error", heading: "Page d'exp\xE9rimentations" }, { default: w(() => e[4] || (e[4] = [s(` 35 Cette page est utilis\xE9e pour des tests avec de l'IA g\xE9n\xE9rative. 36 Merci de ne pas copier-coller les \xE9l\xE9ments que vous voyez : elle sert avant tout au brainstorming. 37 `)])), _: 1, __: [4] }), e[74] || (e[74] = s()), r(_, { variant: "info", heading: "Sources de cette maquette" }, { default: w(() => e[5] || (e[5] = [s(` 38 Issue Notion `), t("a", { href: "https://www.notion.so/dendreo/Reporting-Pro-Luzmo-IQ-chatbot-IA-2629c0801a1780efb3aac9aae5839946", target: "_blank", class: "underline" }, "ISSUE-621 \u2014 Reporting Pro / Luzmo IQ chatbot IA", -1), s(` 39 \xB7 Wireframe alternatif (3 panneaux) de LuzmoIQPreview 40 `)])), _: 1, __: [5] }), e[75] || (e[75] = s()), t("div", Y, [t("div", null, [t("h2", Z, [t("div", ee, [r(a, { name: "fas fa-sparkles", class: "text-sm" })]), e[6] || (e[6] = s(` 41 Analyse IA 42 `)), r(y, { label: "Alternative 3 panneaux", variant: "purple-light" })]), e[7] || (e[7] = s()), e[8] || (e[8] = t("p", { class: "mt-1 mb-0 text-sm text-gray-500" }, ` 43 Conversation l\xE9g\xE8re + visualisations persistantes dans un panneau d\xE9di\xE9 44 `, -1))]), e[10] || (e[10] = s()), t("div", te, [r(y, { label: "Reporting Pro", variant: "purple-light" }), e[9] || (e[9] = s()), r(y, { label: "Powered by Luzmo IQ", variant: "default-light" })])]), e[76] || (e[76] = s()), t("div", se, [t("div", le, [t("button", re, [r(a, { name: "fas fa-plus", class: "text-sm" })]), e[12] || (e[12] = s()), t("div", oe, [t("div", ne, [(o(), n(f, null, g(q, (l) => t("div", { key: l.id, class: "relative group" }, [t("button", { type: "button", class: b(["w-full flex items-center justify-center py-2.5 transition-colors focus:outline-hidden", l.id === C.value ? "bg-blue-100 border-r-2 border-blue-500" : "hover:bg-gray-100"]), title: l.preview, onClick: (p) => C.value = l.id, onMouseenter: (p) => I.value = l.id, onMouseleave: e[0] || (e[0] = (p) => I.value = null) }, [r(a, { name: "far fa-comment-dots", class: b(["text-base", l.id === C.value ? "text-blue-500" : "text-gray-400"]) }, null, 8, ["class"])], 42, ae), e[11] || (e[11] = s()), I.value === l.i
44d ? (o(), n("div", ie, [t("div", de, [s(u(l.preview) + " ", 1), t("div", ue, u(l.dateLabel), 1)])])) : x("", true)])), 64))])])]), e[72] || (e[72] = s()), r($, { class: "p-0! overflow-hidden flex flex-col" }, { default: w(() => [t("div", pe, [t("div", xe, [r(a, { name: "fas fa-lightbulb", class: "text-yellow-500 text-xs" }), e[13] || (e[13] = s()), e[14] || (e[14] = t("span", { class: "text-[11px] text-gray-500 font-medium uppercase tracking-wide" }, "Exemples", -1))]), e[15] || (e[15] = s()), r(W, { direction: "horizontal", "scroller-classes": "pb-0.5" }, { default: w(() => [t("div", fe, [(o(), n(f, null, g(B, (l) => t("button", { key: l.label, type: "button", class: b(["flex items-center gap-1.5 px-3 py-1.5 rounded-full border border-gray-200 bg-white text-[11px] font-medium whitespace-nowrap transition-colors focus:outline-hidden", [l.color, l.hoverBg]]), onClick: (p) => V(l.query) }, [r(a, { name: l.icon, class: "text-[10px]" }, null, 8, ["name"]), s(" " + u(l.label), 1)], 10, ge)), 64))])]), _: 1 })]), e[35] || (e[35] = s()), t("div", be, [t("div", me, [t("div", ve, [r(a, { name: "fas fa-sparkles" })]), e[16] || (e[16] = s()), e[17] || (e[17] = t("div", null, [t("div", { class: "text-sm font-semibold text-gray-900 leading-tight" }, "Data analyste IA"), s(), t("div", { class: "text-[11px] text-gray-400 flex items-center gap-1" }, [t("span", { class: "w-1.5 h-1.5 rounded-full bg-green-400 inline-block" }), s(` 45 Connect\xE9 \xE0 vos donn\xE9es Dendreo 46 `)])], -1))]), e[18] || (e[18] = s()), r(h, { variant: "gray-outline", size: "small", icon: "fas fa-trash", label: "" })]), e[36] || (e[36] = s()), t("div", ye, [(o(true), n(f, null, g(T.value, (l, p) => (o(), n("div", { key: p, class: b(["flex gap-2.5", { "flex-row-reverse": l.role === "user" }]) }, [t("div", ce, [l.role === "assistant" ? (o(), n("div", we, [r(a, { name: "fas fa-sparkles" })])) : (o(), n("div", he, ` 47 SA 48 `))]), e[26] || (e[26] = s()), t("div", { class: b(["flex flex-col gap-1.5", l.role === "user" ? "items-end max-w-[70%]" : "items-start max-w-[80%]"]) }, [t("div", { class: b(["rounded-2xl px-3.5 py-2.5 text-sm leading-relaxed", l.role === "user" ? "bg-blue-600 text-white rounded-tr-sm" : "bg-white border border-gray-200 text-gray-800 rounded-tl-sm"]) }, u(l.content), 3), e[24] || (e[24] = s()), l.resultRef !== void 0 ? (o(), n("div", ke, [r(a, { name: "fas fa-chart-bar", class: "text-[10px]" }), s(` 49 R\xE9sultat #` + u(l.resultRef) + ` ajout\xE9 dans le panneau 50 `, 1), r(a, { name: "fas fa-arrow-right", class: "text-[10px] ml-0.5" })])) : x("", true), e[25] || (e[25] = s()), l.role === "assistant" ? (o(), n("div", Ce, [t("span", Ie, u(l.timestamp), 1), e[19] || (e[19] = s()), e[20] || (e[20] = t("span", { class: "text-gray-200" }, "\xB7", -1)), e[21] || (e[21] = s()), t("button", Ae, [r(a, { name: "far fa-thumbs-up", class: "text-xs" })]), e[22] || (e[22] = s()), t("button", Te, [r(a, { name: "far fa-thumbs-down", class: "text-xs" })]), e[23] || (e[23] = s()), t("button", je, [r(a, { name: "far fa-copy", class: "text-xs" })])])) : (o(), n("div", Le, u(l.timestamp), 1))], 2)], 2))), 128)), e[29] || (e[29] = s()), j.value ? (o(), n("div", Se, [t("div", Re, [r(a, { name: "fas fa-sparkles" })]), e[27] || (e[27] = s()), e[28] || (e[28] = t("div", { class: "bg-white border border-gray-200 rounded-2xl rounded-tl-sm px-3.5 py-2.5" }, [t("div", { class: "flex items-center gap-1.5" }, [t("div", { class: "w-2 h-2 rounded-full bg-gray-400 animate-bounce", style: { "animation-delay": "0ms" } }), s(), t("div", { class: "w-2 h-2 rounded-full bg-gray-400 animate-bounce", style: { "animation-delay": "150ms" } }), s(), t("div", { class: "w-2 h-2 rounded-full bg-gray-400 animate-bounce", style: { "animation-delay": "300ms" } })])], -1))])) : x("", true)]), e[37] || (e[37] = s()), t("div", ze, [t("div", Pe, [O(t("textarea", { "onUpdate:modelValue": e[1] || (e[1] = (l) => m.value = l), placeholder: "Posez votre question sur vos donn\xE9es\u2026", class: "flex-1 bg-transparent text-sm text-gray-800 placeholder-gray-400 resize-none outline-hidden min-h-[20px] max-h-28", rows: "1", onKeydown: K(U(z, ["exact", "prevent"]), ["enter"]) }, null, 40, Qe), [[G, m.value]]), e[32] || (e[32] = s()), t("div", _e, [e[3
500] || (e[30] = t("span", { class: "text-[11px] text-gray-300 hidden sm:block" }, "\u21B5", -1)), e[31] || (e[31] = s()), r(h, { variant: "blue", size: "small", icon: "fas fa-paper-plane", disabled: !R.value, onClick: z }, null, 8, ["disabled"])])]), e[33] || (e[33] = s()), e[34] || (e[34] = t("p", { class: "mt-1.5 mb-0 text-[11px] text-gray-400 text-center" }, ` 51 Les r\xE9ponses IA peuvent contenir des erreurs \u2014 v\xE9rifiez les donn\xE9es importantes. 52 `, -1))])]), _: 1, __: [35, 36, 37] }), e[73] || (e[73] = s()), r($, { class: "p-0! overflow-hidden flex flex-col" }, { default: w(() => [t("div", $e, [r(a, { name: "fas fa-chart-bar", class: "text-gray-500 text-sm" }), e[38] || (e[38] = s()), e[39] || (e[39] = t("span", { class: "text-sm font-semibold text-gray-700 flex-1" }, "R\xE9sultats", -1)), e[40] || (e[40] = s()), i.value.length > 0 ? (o(), J(y, { key: 0, label: String(i.value.length), variant: "blue-light" }, null, 8, ["label"])) : x("", true)]), e[70] || (e[70] = s()), t("div", qe, [i.value.length === 0 ? (o(), n("div", Be, [t("div", Ve, [r(a, { name: "fas fa-chart-bar", class: "text-gray-400 text-xl" })]), e[41] || (e[41] = s()), e[42] || (e[42] = t("div", null, [t("div", { class: "text-sm font-medium text-gray-600" }, "Aucun r\xE9sultat"), s(), t("div", { class: "text-xs text-gray-400 mt-1" }, "Les visualisations g\xE9n\xE9r\xE9es par l'IA s'accumuleront ici")], -1))])) : x("", true), e[65] || (e[65] = s()), i.value.find((l) => l.id === 1) ? (o(), n("div", Ee, [t("div", Me, [r(a, { name: "fas fa-chart-bar", class: "text-indigo-500 text-xs" }), e[43] || (e[43] = s()), e[44] || (e[44] = t("span", { class: "text-xs font-semibold text-gray-700 flex-1" }, "CA par formation", -1)), e[45] || (e[45] = s()), r(y, { label: "T2 2026", variant: "default-light" }), e[46] || (e[46] = s()), t("button", { type: "button", class: "text-gray-300 hover:text-red-400 transition-colors focus:outline-hidden", title: "Supprimer", onClick: e[2] || (e[2] = (l) => L(1)) }, [r(a, { name: "fas fa-times", class: "text-xs" })])]), e[49] || (e[49] = s()), t("div", Ne, [(o(), n(f, null, g(P, (l) => t("div", { key: l.label }, [t("div", De, [t("span", He, u(l.label), 1), e[47] || (e[47] = s()), t("span", Fe, u(l.amount), 1)]), e[48] || (e[48] = s()), t("div", Oe, [t("div", { class: b(["h-full rounded-full", l.color]), style: k({ width: l.pct + "%" }) }, null, 6)])])), 64))])])) : x("", true), e[66] || (e[66] = s()), i.value.find((l) => l.id === 2) ? (o(), n("div", Ke, [t("div", Ue, [r(a, { name: "fas fa-chart-column", class: "text-blue-500 text-xs" }), e[50] || (e[50] = s()), e[51] || (e[51] = t("span", { class: "text-xs font-semibold text-gray-700 flex-1" }, "T1 vs T2 2026", -1)), e[52] || (e[52] = s()), r(y, { label: "+12%", variant: "green-light" }), e[53] || (e[53] = s()), t("button", { type: "button", class: "text-gray-300 hover:text-red-400 transition-colors focus:outline-hidden", title: "Supprimer", onClick: e[3] || (e[3] = (l) => L(2)) }, [r(a, { name: "fas fa-times", class: "text-xs" })])]), e[58] || (e[58] = s()), t("div", Ge, [t("div", Je, [(o(), n(f, null, g(M, (l) => t("div", { key: l.label, class: "flex-1 flex flex-col items-center gap-1" }, [t("div", We, [t("div", { class: "flex-1 bg-gray-300 rounded-t-sm", style: k({ height: l.t1 + "%" }) }, null, 4), e[54] || (e[54] = s()), t("div", { class: "flex-1 bg-indigo-500 rounded-t-sm", style: k({ height: l.t2 + "%" }) }, null, 4)]), e[55] || (e[55] = s()), t("span", Xe, u(l.label), 1)])), 64))]), e[56] || (e[56] = s()), e[57] || (e[57] = t("div", { class: "flex items-center gap-4 mt-2 pt-2 border-t border-gray-100" }, [t("span", { class: "flex items-center gap-1.5 text-[11px] text-gray-500" }, [t("span", { class: "w-3 h-2 rounded-xs bg-gray-300 inline-block" }), s(`T1 53 `)]), s(), t("span", { class: "flex items-center gap-1.5 text-[11px] text-gray-500" }, [t("span", { class: "w-3 h-2 rounded-xs bg-indigo-500 inline-block" }), s(`T2 54 `)])], -1))])])) : x("", true), e[67] || (e[67] = s()), (o(true), n(f, null, g(i.value.filter((l) => l.id >= 3), (l) => (o(), n("div", { key: l.id, class: "rounded-xl border border-gray-200 bg-white overflow-hidden" }, [t("div", Ye, [r(a, { name: "fas fa-chart-bar", class: "text-purple-500 text-xs" }), e[59] || (e[59] = s()), t("span", Ze, u(l.title), 1), e[60] || (e[60] = s()), t("button", { type: "button", class: "text-gray-300 hover:text-red-400 transition-colors focus:outline-hidden", title: "Supprimer", onClick: (p) => L(l.id) }, [r(a, { name: "fas fa-times", class: "text-xs" })], 8, et)]), e[63] || (e[63] = s()), t("div", tt, [t("div", st, [(o(true), n(f, null, g(P.slice(0, 4), (p, c) => (o(), n("div", { key: c }, [t("div", lt, [t("span", rt, u(p.label), 1)]), e[61] || (e[61] = s()), t("div", ot, [t("div", { class: "h-full rounded-full bg-purple-400", style: k({ width: p.pct * 0.8 + Math.random() * 15 + "%" }) }, null, 4)])]))), 128))]), e[62] || (e[62] = s()), t("div", nt, u(l.subtitle), 1)])]))), 128)), e[68] || (e[68] = s()), i.value.length > 0 ? (o(), n("div", at, [t("span", it, [r(a, { name: "fas fa-plus", class: "text-[10px]" }), e[64] || (e[64] = s(` 55 Prochain r\xE9sultat 56 `))])])) : x("", true)]), e[71] || (e[71] = s()), t("div", dt, [r(h, { variant: "gray-outline", size: "small", icon: "fas fa-tras
56h", label: "Tout effacer", class: "flex-1 justify-center", disabled: i.value.length === 0, onClick: E }, null, 8, ["disabled"]), e[69] || (e[69] = s()), r(h, { variant: "blue", size: "small", icon: "fas fa-file-export", label: "Export PDF", class: "flex-1 justify-center", disabled: i.value.length === 0 }, null, 8, ["disabled"])])]), _: 1, __: [70, 71] })])])); 57} }); 58export { 59 yt as default 60};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.