@imj_media/tareas 1.3.0 → 1.3.2

package/dist/tareas.es.js

@@ -1,15 +1,15 @@
-import { jsxs as c, Fragment as L, jsx as t } from "react/jsx-runtime";
+import { jsxs as c, Fragment as I, jsx as t } from "react/jsx-runtime";
 import "@imj_media/imj-ui/styles.css";
 import { useQuery as wt, useQueryClient as nt, useMutation as at, useInfiniteQuery as xt, QueryClient as oe, QueryClientProvider as ie } from "@tanstack/react-query";
 import { useState as y, useRef as Z, useEffect as A, createContext as lt, useContext as ot } from "react";
 import { Icons as F, Tooltip as H, TooltipV2 as $t } from "@imj_media/tasks-modules";
-import pt from "react-dom";
+import mt from "react-dom";
 import Et from "axios";
 import Dt from "qs";
-import { parseISO as ce, formatDistanceToNow as we, format as zt } from "date-fns";
+import { parseISO as ce, formatDistanceToNow as we, format as Rt } from "date-fns";
 import { es as ht } from "date-fns/locale";
-import { Button as ft, Input as de, Label as ue, Accordion as pe, AccordionItem as me, AccordionTrigger as ge, AccordionContent as xe, Select as he, SelectTrigger as fe, SelectValue as be, SelectContent as ye, SelectGroup as ve, SelectItem as Ne, DropdownMenu as _e, DropdownMenuTrigger as Ce, DropdownMenuContent as Te } from "@imj_media/imj-ui";
-import { useForm as Rt, Controller as ke } from "react-hook-form";
+import { Button as ft, Input as de, Label as ue, Accordion as me, AccordionItem as pe, AccordionTrigger as ge, AccordionContent as xe, Select as he, SelectTrigger as fe, SelectValue as be, SelectContent as ye, SelectGroup as ve, SelectItem as Ne, DropdownMenu as _e, DropdownMenuTrigger as Ce, DropdownMenuContent as ke } from "@imj_media/imj-ui";
+import { useForm as zt, Controller as Te } from "react-hook-form";
 import { Paginator as Fe } from "primereact/paginator";
 const x = {
   bg: {
@@ -79,11 +79,11 @@ const x = {
   const { position: s, setElementPosition: a } = bt(), n = Z(null), i = ({ children: o }) => {
     const [d, l] = y();
     return A(() => {
-      var g, p;
+      var g, m;
       e.current && l(
-        ((s == null ? void 0 : s.x) ?? 0) - (((p = (g = e.current) == null ? void 0 : g.getBoundingClientRect()) == null ? void 0 : p.width) ?? 0)
+        ((s == null ? void 0 : s.x) ?? 0) - (((m = (g = e.current) == null ? void 0 : g.getBoundingClientRect()) == null ? void 0 : m.width) ?? 0)
       );
-    }, [e == null ? void 0 : e.current, s == null ? void 0 : s.x]), s && pt.createPortal(
+    }, [e == null ? void 0 : e.current, s == null ? void 0 : s.x]), s && mt.createPortal(
       /* @__PURE__ */ t(
         "div",
         {
@@ -96,7 +96,7 @@ const x = {
       document.body
     );
   };
-  return /* @__PURE__ */ c(L, { children: [
+  return /* @__PURE__ */ c(I, { children: [
     /* @__PURE__ */ c(
       "label",
       {
@@ -130,28 +130,28 @@ const x = {
     } else
       e[s] = a;
   }), e;
-}, Lt = lt({}), Pe = ({ children: r }) => {
-  const [e, s] = y({}), [a, n] = y({}), [i, o] = y([]), [d, l] = y(""), g = ({ name: u, value: m }) => {
+}, Lt = lt({}), je = ({ children: r }) => {
+  const [e, s] = y({}), [a, n] = y({}), [i, o] = y([]), [d, l] = y(""), g = ({ name: u, value: p }) => {
     function v(C) {
       return !isNaN(C) && C !== null && C !== "" ? parseFloat(C) : null;
     }
-    let h = v(m);
+    let h = v(p);
     n((C) => {
-      let f = { ...C }, j = i == null ? void 0 : i.find(
-        (P) => P.label.toLowerCase().replace(/ /g, "_") === u
+      let f = { ...C }, P = i == null ? void 0 : i.find(
+        (j) => j.label.toLowerCase().replace(/ /g, "_") === u
       );
-      return j ? f[j.id] = h ?? m : f[u] = h ?? m, f;
+      return P ? f[P.id] = h ?? p : f[u] = h ?? p, f;
     });
   };
   A(() => {
-    let u = i.map((m) => m.id === "owner.config" ? [m.id, "yo_y_mis_equipos"] : m.id === "dependency" ? [m.id, "ambas"] : [m.id, null]);
-    n((m) => {
-      let v = { search: m == null ? void 0 : m.search, taskName: m == null ? void 0 : m.taskName };
+    let u = i.map((p) => p.id === "owner.config" ? [p.id, "yo_y_mis_equipos"] : p.id === "dependency" ? [p.id, "ambas"] : [p.id, null]);
+    n((p) => {
+      let v = { search: p == null ? void 0 : p.search, taskName: p == null ? void 0 : p.taskName };
       return v = { ...v, ...Object.fromEntries(u) }, v;
     });
   }, [i]);
-  const p = () => {
-    let u = i.map((m) => m.id === "owner.config" ? [m.id, "yo_y_mis_equipos"] : m.id === "dependency" ? [m.id, "ambas"] : [m.id, null]);
+  const m = () => {
+    let u = i.map((p) => p.id === "owner.config" ? [p.id, "yo_y_mis_equipos"] : p.id === "dependency" ? [p.id, "ambas"] : [p.id, null]);
     n(Object.fromEntries(u)), s(qt(Object.fromEntries(u)));
   }, b = (u) => ({
     1: "Muy facil",
@@ -174,7 +174,7 @@ const x = {
         //methods
         defineFields: o,
         updateFilters: g,
-        cleanFilters: p,
+        cleanFilters: m,
         applyFilters: _,
         initialFilters: a,
         selectPath: l
@@ -183,7 +183,7 @@ const x = {
     }
   );
 }, V = () => ot(Lt);
-function je(r, e = 300, s = { leading: !1, trailing: !0 }) {
+function Pe(r, e = 300, s = { leading: !1, trailing: !0 }) {
   let a, n = null;
   return function(...i) {
     const o = Date.now(), d = s.leading && !n;
@@ -213,7 +213,7 @@ const J = ({
       className: `${a} tw-rounded-full tw-bg-containers tw-border-2 tw-border-white`
     }
   );
-}, It = ({
+}, Ae = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='uuid-870f9847-3249-4f3d-96c6-7627dd5f9e7b'%20data-name='Iconos'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050%2050'%3e%3cdefs%3e%3cstyle%3e%20.uuid-4d76d382-032b-400f-b22d-b6e7be4cfaae%20{%20fill:%20none;%20stroke:%20%23252525;%20stroke-linecap:%20round;%20stroke-linejoin:%20round;%20stroke-width:%204px;%20}%20%3c/style%3e%3c/defs%3e%3ccircle%20class='uuid-4d76d382-032b-400f-b22d-b6e7be4cfaae'%20cx='19.79'%20cy='19.79'%20r='13.54'/%3e%3cline%20class='uuid-4d76d382-032b-400f-b22d-b6e7be4cfaae'%20x1='41.67'%20y1='41.67'%20x2='29.17'%20y2='29.17'/%3e%3c/svg%3e", It = ({
   options: r,
   onselect: e
 }) => {
@@ -233,7 +233,7 @@ const J = ({
           placeholder: "Buscar"
         }
       ),
-      /* @__PURE__ */ t("div", { className: "tw-absolute tw-right-[8px]", children: /* @__PURE__ */ t(F, { icon: "search", size: "xs", strokeWidth: 3 }) })
+      /* @__PURE__ */ t("div", { className: "tw-absolute tw-right-[8px]", children: /* @__PURE__ */ t("img", { src: Ae, alt: "Icono", className: "tw-w-[12px] tw-h-[12px]" }) })
     ] }),
     /* @__PURE__ */ t("div", { className: "tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2 tw-flex tw-flex-col tw-gap-s tw-overflow-y-auto tw-max-h-[120px] tw-min-w-max", children: i.map((o) => /* @__PURE__ */ c(
       "button",
@@ -249,7 +249,7 @@ const J = ({
       }
     )) })
   ] });
-}, Ae = ({ error: r, options: e, onSelect: s, initialValue: a }) => {
+}, Se = ({ error: r, options: e, onSelect: s, initialValue: a }) => {
   const [n, i] = y(!1), [o, d] = y((a == null ? void 0 : a.name) ?? null);
   return A(() => {
     a && d(a);
@@ -268,7 +268,7 @@ const J = ({
       }
     ) })
   ] });
-}, Se = () => {
+}, Me = () => {
   const { fields: r, updateFilters: e, cleanFilters: s, applyFilters: a, initialFilters: n } = V();
   return /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-gap-l tw-min-w-[250px] tw-z-[100]", children: [
     /* @__PURE__ */ c("div", { className: "tw-flex tw-justify-between tw-items-center", children: [
@@ -287,7 +287,7 @@ const J = ({
       return /* @__PURE__ */ c("div", { style: { zIndex: 10 - o }, children: [
         /* @__PURE__ */ t("p", { className: "tw-text-xl z-[1]", children: i.label }),
         (i == null ? void 0 : i.type) === "select" ? /* @__PURE__ */ t("div", { className: "tw-relative tw-z-[10]", children: /* @__PURE__ */ t(
-          Ae,
+          Se,
           {
             error: !1,
             options: i == null ? void 0 : i.options,
@@ -306,12 +306,12 @@ const J = ({
             type: i.type,
             value: n == null ? void 0 : n[i == null ? void 0 : i.id],
             name: i.label.toLowerCase().replace(/ /g, "_"),
-            onChange: je(
+            onChange: Pe(
               (l) => {
-                var g, p;
+                var g, m;
                 return e({
                   name: (g = l == null ? void 0 : l.target) == null ? void 0 : g.name,
-                  value: (p = l == null ? void 0 : l.target) == null ? void 0 : p.value
+                  value: (m = l == null ? void 0 : l.target) == null ? void 0 : m.value
                 });
               },
               1e3
@@ -344,20 +344,20 @@ const J = ({
   }
   return r;
 };
-class Me {
+class $e {
   static toCampaignTasks(e) {
-    var a, n, i, o, d, l, g, p, b, _, u, m;
+    var a, n, i, o, d, l, g, m, b, _, u, p;
     let s = [];
     return e != null && e.responsable && s.push({
       id: e.responsable.id,
       name: e.responsable.nombre,
       image: (d = (o = (i = (n = (a = e.responsable) == null ? void 0 : a.userOBP) == null ? void 0 : n.imagen) == null ? void 0 : i.formats) == null ? void 0 : o.thumbnail) == null ? void 0 : d.url
     }), (l = e == null ? void 0 : e.equipo) != null && l.miembros && e.equipo.miembros.forEach((v) => {
-      var h, C, f, j;
-      s != null && s.find((P) => P.id === v.idUser.id) || v.idUser && s.push({
+      var h, C, f, P;
+      s != null && s.find((j) => j.id === v.idUser.id) || v.idUser && s.push({
         id: v.idUser.id,
         name: v.idUser.nombre,
-        image: (j = (f = (C = (h = v == null ? void 0 : v.userOBP) == null ? void 0 : h.imagen) == null ? void 0 : C.formats) == null ? void 0 : f.thumbnail) == null ? void 0 : j.url
+        image: (P = (f = (C = (h = v == null ? void 0 : v.userOBP) == null ? void 0 : h.imagen) == null ? void 0 : C.formats) == null ? void 0 : f.thumbnail) == null ? void 0 : P.url
       });
     }), {
       paused: e == null ? void 0 : e.pausada,
@@ -375,12 +375,12 @@ class Me {
       users: s,
       repeatsToDo: (e == null ? void 0 : e.repeticiones) ?? null,
       repeats: (e == null ? void 0 : e.repeticiones_realizadas) ?? null,
-      comments: ((p = e == null ? void 0 : e.comentarios) == null ? void 0 : p.length) ?? null,
+      comments: ((m = e == null ? void 0 : e.comentarios) == null ? void 0 : m.length) ?? null,
       willBePaused: e == null ? void 0 : e.es_pausable,
       statusRequiredTask: ((b = e == null ? void 0 : e.id_t_requerida) == null ? void 0 : b.estatus) ?? null,
       nameRequiredTask: ((_ = e == null ? void 0 : e.id_t_requerida) == null ? void 0 : _.texto_corto) ?? null,
       responsible: ((u = e == null ? void 0 : e.responsable) == null ? void 0 : u.id) ?? null,
-      tasks: ((m = e == null ? void 0 : e.tareas) == null ? void 0 : m.map((v) => ({
+      tasks: ((p = e == null ? void 0 : e.tareas) == null ? void 0 : p.map((v) => ({
         id: v.id,
         name: v.texto_corto,
         status: v.estatus
@@ -390,7 +390,7 @@ class Me {
     };
   }
 }
-const $e = async ({ filters: r, tasks_api: e, project: s }) => {
+const Ee = async ({ filters: r, tasks_api: e, project: s }) => {
   try {
     const a = await e.get("/api/listado_tareas_flujo", {
       params: {
@@ -401,11 +401,11 @@ const $e = async ({ filters: r, tasks_api: e, project: s }) => {
         includeAllTasks: !0
       }
     });
-    return X(a.data.tareas).map(Me.toCampaignTasks);
+    return X(a.data.tareas).map($e.toCampaignTasks);
   } catch (a) {
     console.log(a);
   }
-}, Kt = lt({}), Ee = ({ children: r, user: e, url: s, mode: a }) => {
+}, Kt = lt({}), De = ({ children: r, user: e, url: s, mode: a }) => {
   const n = a === "prod" ? "https://services.imjmedia.com.mx" : "https://devobp.imjmedia.com.mx", i = Et.create({
     baseURL: s,
     headers: {
@@ -425,7 +425,7 @@ const $e = async ({ filters: r, tasks_api: e, project: s }) => {
       children: r
     }
   );
-}, K = () => ot(Kt), Bt = lt({}), De = ({ children: r, user: e, url: s }) => {
+}, B = () => ot(Kt), Bt = lt({}), Re = ({ children: r, user: e, url: s }) => {
   const a = Et.create({
     baseURL: s,
     headers: {
@@ -447,9 +447,9 @@ const $e = async ({ filters: r, tasks_api: e, project: s }) => {
   );
 }, Y = () => ot(Bt), Ot = lt({}), Ut = ({ children: r, project: e }) => {
   var C;
-  const [s, a] = y([]), [n, i] = y(!1), [o, d] = y([]), { tasks_api: l } = K(), { filters: g } = V(), { user: p } = Y(), [b, _] = y({
+  const [s, a] = y([]), [n, i] = y(!1), [o, d] = y([]), { tasks_api: l } = B(), { filters: g } = V(), { user: m } = Y(), [b, _] = y({
     owner: {
-      user: p.id,
+      user: m.id,
       config: ((C = g == null ? void 0 : g.owner) == null ? void 0 : C.config) ?? "yo_y_mis_equipos"
     },
     project: {
@@ -459,19 +459,19 @@ const $e = async ({ filters: r, tasks_api: e, project: s }) => {
   A(() => {
     var f;
     if (Object.keys(g).length > 0) {
-      const j = {
+      const P = {
         ...g,
         owner: {
-          user: p.id,
+          user: m.id,
           config: ((f = g == null ? void 0 : g.owner) == null ? void 0 : f.config) ?? "yo_y_mis_equipos"
         },
         project: {
           id: e
         }
       };
-      _(j);
+      _(P);
     }
-  }, [g, p.id, e]);
+  }, [g, m.id, e]);
   const u = wt({
     queryKey: ["tasksProject", b, e],
     queryFn: () => {
@@ -483,16 +483,16 @@ const $e = async ({ filters: r, tasks_api: e, project: s }) => {
           config: b.owner.config || "yo_y_mis_equipos"
         }
       };
-      return $e({
+      return Ee({
         filters: f,
         project: e,
         tasks_api: l
       });
     }
-  }), m = (f) => {
-    a((j) => [...j, f]);
+  }), p = (f) => {
+    a((P) => [...P, f]);
   }, v = (f) => {
-    d((j) => j.includes(f) ? j.filter((P) => P !== f) : [...j, f]);
+    d((P) => P.includes(f) ? P.filter((j) => j !== f) : [...P, f]);
   }, h = e ?? null;
   return /* @__PURE__ */ t(
     Ot.Provider,
@@ -502,7 +502,7 @@ const $e = async ({ filters: r, tasks_api: e, project: s }) => {
         selectedTasks: s,
         projectID: h,
         openTasks: o,
-        selectTask: m,
+        selectTask: p,
         filtersToSend: b,
         openTask: v,
         isRefetching: n,
@@ -523,7 +523,7 @@ const $e = async ({ filters: r, tasks_api: e, project: s }) => {
     /* @__PURE__ */ t("div", { className: "tw-w-full tw-h-[30px] tw-bg-gray-300" }),
     /* @__PURE__ */ t("div", { className: "tw-w-full tw-h-[30px] tw-bg-gray-300" })
   ] })
-] }), Qt = lt(null), Re = ({ children: r }) => {
+] }), Qt = lt(null), Le = ({ children: r }) => {
   const [e, s] = y({ message: "", type: "success" }), a = (n, i) => {
     s({ message: n, type: i }), setTimeout(() => s({ message: "", type: "success" }), 3e3);
   };
@@ -548,7 +548,7 @@ class Wt {
     };
   }
 }
-const Le = async ({
+const Ie = async ({
   tasks_api: r
 }) => {
   try {
@@ -569,17 +569,17 @@ const Le = async ({
     throw console.log("Error al obtener los motivos de atraso", e), `Error al obtener los motivos de atraso: ${e}`;
   }
 }, Ht = ({ enabled: r = !1 } = {}) => {
-  const { tasks_api: e } = K(), { user: s } = Y(), a = nt(), { showSuccess: n, showError: i } = yt(), { filters: o, path: d } = V(), { data: l, isLoading: g } = wt({
+  const { tasks_api: e } = B(), { user: s } = Y(), a = nt(), { showSuccess: n, showError: i } = yt(), { filters: o, path: d } = V(), { data: l, isLoading: g } = wt({
     queryKey: ["atraso_reasons"],
-    queryFn: () => Le({
+    queryFn: () => Ie({
       tasks_api: e
     }),
     staleTime: 1e3 * 60 * 60 * 24,
     // mantiene los datos por 24 horas
     enabled: r
     // Ahora la query se ejecutará solo cuando enabled sea true
-  }), p = async () => {
-    const P = await e.get("/api/motivos", {
+  }), m = async () => {
+    const j = await e.get("/api/motivos", {
       params: {
         filters: {
           tipo: {
@@ -588,10 +588,10 @@ const Le = async ({
         }
       }
     });
-    return X(P.data).map(Wt.toAtrasoReasons);
+    return X(j.data).map(Wt.toAtrasoReasons);
   }, b = async ({
-    taskId: P,
-    motivoId: T,
+    taskId: j,
+    motivoId: k,
     projectID: M
   }) => {
     try {
@@ -599,41 +599,41 @@ const Le = async ({
         data: {
           inicio: /* @__PURE__ */ new Date(),
           fin: null,
-          motivo: T,
+          motivo: k,
           proyecto: M,
-          tarea: P,
+          tarea: j,
           creada_por: s == null ? void 0 : s.id
         }
       })).data;
     } catch (q) {
       console.log("error", q);
     }
-  }, _ = async (P) => {
+  }, _ = async (j) => {
     try {
-      return (await e.delete(`/api/atrasos/${P}`)).data;
-    } catch (T) {
-      console.log("error", T);
+      return (await e.delete(`/api/atrasos/${j}`)).data;
+    } catch (k) {
+      console.log("error", k);
     }
-  }, u = async (P) => {
+  }, u = async (j) => {
     try {
-      return (await e.put(`/api/atrasos/${P}`, {
+      return (await e.put(`/api/atrasos/${j}`, {
         data: {
           fin: /* @__PURE__ */ new Date()
         }
       })).data;
-    } catch (T) {
-      console.log("error", T);
+    } catch (k) {
+      console.log("error", k);
     }
-  }, m = async ({
-    taskId: P,
-    projectID: T,
+  }, p = async ({
+    taskId: j,
+    projectID: k,
     motivo: M
   }) => {
-    await C({ taskId: P, motivoId: M, projectID: T });
-  }, v = async (P) => {
-    await f(P);
-  }, h = async (P) => {
-    await j(P);
+    await C({ taskId: j, motivoId: M, projectID: k });
+  }, v = async (j) => {
+    await f(j);
+  }, h = async (j) => {
+    await P(j);
   }, { mutateAsync: C } = at({
     mutationFn: b,
     onSuccess: () => {
@@ -658,7 +658,7 @@ const Le = async ({
     onError: () => {
       i("Error al eliminar el atraso");
     }
-  }), { mutateAsync: j } = at({
+  }), { mutateAsync: P } = at({
     mutationFn: u,
     onSuccess: () => {
       n("Atraso finalizado correctamente");
@@ -670,36 +670,36 @@ const Le = async ({
   return {
     atrasoReasons: l,
     isLoading: g,
-    createAtraso: m,
-    getAtrasoReasons: p,
+    createAtraso: p,
+    getAtrasoReasons: m,
     deleteAtraso: v,
     finalizarAtraso: h
   };
 }, dt = () => {
-  const { tasks_api: r } = K(), { user: e } = Y(), { filters: s, path: a } = V(), n = nt(), { projectID: i } = it(), { showSuccess: o, showError: d } = yt(), { finalizarAtraso: l } = Ht({ enabled: !1 }), g = async ({ id: N }) => (await r.put(`/api/tareas/${N}`, {
+  const { tasks_api: r } = B(), { user: e } = Y(), { filters: s, path: a } = V(), n = nt(), { projectID: i } = it(), { showSuccess: o, showError: d } = yt(), { finalizarAtraso: l } = Ht({ enabled: !1 }), g = async ({ id: N }) => (await r.put(`/api/tareas/${N}`, {
     data: {
       estatus: 1,
       responsable: e == null ? void 0 : e.id,
       updated_by: e == null ? void 0 : e.id
     }
-  })).data, p = async ({ id: N, idAtraso: k }) => {
+  })).data, m = async ({ id: N, idAtraso: T }) => {
     const w = await r.post("/api/terminarTarea", {
       id_task: N,
       ended_at: (/* @__PURE__ */ new Date()).toISOString(),
       id_user: e == null ? void 0 : e.id
     });
-    return await l(k), w.data;
-  }, b = async ({ id: N, repeats: k }) => (await r.put(`/api/tareas/${N}`, {
+    return await l(T), w.data;
+  }, b = async ({ id: N, repeats: T }) => (await r.put(`/api/tareas/${N}`, {
     data: {
-      repeticiones_realizadas: k,
+      repeticiones_realizadas: T,
       updated_by: e == null ? void 0 : e.id
     }
-  })).data, _ = async ({ id: N, motiveId: k }) => {
+  })).data, _ = async ({ id: N, motiveId: T }) => {
     try {
       const w = await r.post("/api/pausarTarea", {
         taskId: N,
         userId: e == null ? void 0 : e.id,
-        motivoId: k
+        motivoId: T
       });
       return o("Tarea pausada correctamente"), w.data;
     } catch {
@@ -707,29 +707,29 @@ const Le = async ({
     }
   }, u = async ({ id: N }) => {
     try {
-      const k = await r.post("/api/reanudarTarea", {
+      const T = await r.post("/api/reanudarTarea", {
         taskId: N
       });
-      return o("Tarea reanudada correctamente"), k.data;
+      return o("Tarea reanudada correctamente"), T.data;
     } catch {
       d("Error al reanudar la tarea");
     }
-  }, m = async ({
+  }, p = async ({
     id: N,
-    idNewResponsible: k,
+    idNewResponsible: T,
     typeOfSelect: w
   }) => {
     let S = {
       updated_by: e == null ? void 0 : e.id
     };
-    return w === "responsible" && (S = { ...S, responsable: k }), w === "team" && (S = {
+    return w === "responsible" && (S = { ...S, responsable: T }), w === "team" && (S = {
       ...S,
       responsable: null,
-      equipo: k
+      equipo: T
     }), (await r.put(`/api/tareas/${N}`, {
       data: S
     })).data;
-  }, v = async ({ id: N, data: k, user: w }) => {
+  }, v = async ({ id: N, data: T, user: w }) => {
   }, h = async ({ id: N }) => {
     await C({ id: N });
   }, { mutateAsync: C } = at({
@@ -743,8 +743,8 @@ const Le = async ({
         a === "kanban-general" && (n.invalidateQueries({ queryKey: [N[a], s] }), n.invalidateQueries({ queryKey: ["working_tasks", s] })), a === "kanban-campania" && (n.invalidateQueries({ queryKey: ["tasksProject"] }), n.invalidateQueries({
           queryKey: ["tasksProject", s, i]
         }));
-      } catch (k) {
-        console.error("Error updating the element:", k);
+      } catch (T) {
+        console.error("Error updating the element:", T);
       }
     },
     onError: (N) => {
@@ -754,20 +754,20 @@ const Le = async ({
       await n.cancelQueries({ queryKey: ["working_tasks"] }), await n.cancelQueries({ queryKey: ["to_do_tasks"] });
     }
   }), { mutateAsync: f } = at({
-    mutationFn: p,
+    mutationFn: m,
     onSuccess: () => {
       const N = {
         "kanban-general": "to_do_tasks",
         "kanban-campania": "tasksProject"
       };
       try {
-        n.setQueryData([N[a], s], (k) => {
-          console.log({ oldData: k });
+        n.setQueryData([N[a], s], (T) => {
+          console.log({ oldData: T });
         }), a === "kanban-general" && (n.invalidateQueries({ queryKey: [N[a], s] }), n.invalidateQueries({ queryKey: ["done_tasks", s] }), n.invalidateQueries({ queryKey: ["working_tasks", s] })), a === "kanban-campania" && (n.invalidateQueries({ queryKey: ["tasksProject"] }), n.invalidateQueries({
           queryKey: ["tasksProject", s, i]
         }));
-      } catch (k) {
-        console.error("Error invalidating queries:", k);
+      } catch (T) {
+        console.error("Error invalidating queries:", T);
       }
     },
     onError: (N) => {
@@ -776,7 +776,7 @@ const Le = async ({
     onMutate: async ({ id: N }) => {
       await n.cancelQueries({ queryKey: ["working_tasks"] }), await n.cancelQueries({ queryKey: ["done_tasks"] }), await n.cancelQueries({ queryKey: ["to_do_tasks"] });
     }
-  }), { mutateAsync: j } = at({
+  }), { mutateAsync: P } = at({
     mutationFn: b,
     onSuccess: () => {
       const N = {
@@ -787,8 +787,8 @@ const Le = async ({
         a === "kanban-general" && (n.invalidateQueries({ queryKey: [N[a], s] }), n.invalidateQueries({ queryKey: ["done_tasks", s] }), n.invalidateQueries({ queryKey: ["working_tasks", s] })), a === "kanban-campania" && (n.invalidateQueries({ queryKey: ["tasksProject"] }), n.invalidateQueries({
           queryKey: ["tasksProject", s, i]
         }));
-      } catch (k) {
-        console.error("Error invalidating queries:", k);
+      } catch (T) {
+        console.error("Error invalidating queries:", T);
       }
     },
     onError: (N) => {
@@ -797,8 +797,8 @@ const Le = async ({
     onMutate: async ({ id: N }) => {
       await n.cancelQueries({ queryKey: ["working_tasks"] }), await n.cancelQueries({ queryKey: ["done_tasks"] }), await n.cancelQueries({ queryKey: ["to_do_tasks"] });
     }
-  }), { mutateAsync: P } = at({
-    mutationFn: m,
+  }), { mutateAsync: j } = at({
+    mutationFn: p,
     onSuccess: () => {
       const N = {
         "kanban-general": "to_do_tasks",
@@ -808,8 +808,8 @@ const Le = async ({
         a === "kanban-general" && (n.invalidateQueries({ queryKey: [N[a], s] }), n.invalidateQueries({ queryKey: ["done_tasks", s] }), n.invalidateQueries({ queryKey: ["working_tasks", s] })), a === "kanban-campania" && (n.invalidateQueries({ queryKey: ["tasksProject"] }), n.invalidateQueries({
           queryKey: ["tasksProject", s, i]
         }));
-      } catch (k) {
-        console.error("Error invalidating queries:", k);
+      } catch (T) {
+        console.error("Error invalidating queries:", T);
       }
     },
     onError: (N) => {
@@ -823,30 +823,30 @@ const Le = async ({
     //* Methods
     updateTask: v,
     startWorking: h,
-    completeTask: async ({ id: N, idAtraso: k }) => {
-      await f({ id: N, idAtraso: k });
+    completeTask: async ({ id: N, idAtraso: T }) => {
+      await f({ id: N, idAtraso: T });
     },
-    reasignResponsible: async ({ id: N, idNewResponsible: k, typeOfSelect: w }) => {
-      await P({ id: N, idNewResponsible: k, typeOfSelect: w });
+    reasignResponsible: async ({ id: N, idNewResponsible: T, typeOfSelect: w }) => {
+      await j({ id: N, idNewResponsible: T, typeOfSelect: w });
     },
-    updateUnitys: async ({ repeats: N, id: k }) => {
-      await j({ repeats: N, id: k });
+    updateUnitys: async ({ repeats: N, id: T }) => {
+      await P({ repeats: N, id: T });
     },
-    pauseTask: async ({ id: N, motiveId: k }) => {
-      console.log({ taksId: N, motivoId: k, user: e == null ? void 0 : e.id });
+    pauseTask: async ({ id: N, motiveId: T }) => {
+      console.log({ taksId: N, motivoId: T, user: e == null ? void 0 : e.id });
     },
     postPauseTask: _,
     postReanudeTask: u
   };
-}, Ie = ({ id: r, idAtraso: e }) => {
+}, Ke = ({ id: r, idAtraso: e }) => {
   const [s, a] = y(!1), { completeTask: n } = dt();
   return { checked: s, checkTask: () => {
     a(!s), n({ id: r, idAtraso: e });
   } };
 }, Vt = ({ id: r, nameRequiredTask: e, statusRequiredTask: s, status: a, idAtraso: n }) => {
-  const { checked: i, checkTask: o } = Ie({ id: r, idAtraso: n });
+  const { checked: i, checkTask: o } = Ke({ id: r, idAtraso: n });
   let d = Math.random().toString();
-  return /* @__PURE__ */ c(L, { children: [
+  return /* @__PURE__ */ c(I, { children: [
     a === 2 && /* @__PURE__ */ t(
       "div",
       {
@@ -869,7 +869,7 @@ const Le = async ({
           }
         )
       }
-    ) : /* @__PURE__ */ t(L, { children: " " }) : /* @__PURE__ */ t(
+    ) : /* @__PURE__ */ t(I, { children: " " }) : /* @__PURE__ */ t(
       H,
       {
         dispatch: /* @__PURE__ */ t("label", { className: "tw-cursor-help", children: /* @__PURE__ */ t(
@@ -880,8 +880,12 @@ const Le = async ({
             strokeWidth: 4
           }
         ) }),
-        children: /* @__PURE__ */ c("div", { className: "tw-p-l tw-max-w-[400px] tw-w-fit tw-bg-warning-light tw-rounded-lg tw-border-l-[5px] tw-border-warning-regular tw-text-warning-dark tw-text-s tw-flex tw-flex-col tw-gap-m", children: [
-          /* @__PURE__ */ t("p", { className: "tw-font-bold", children: " Requiere completar su tarea requerida: " }),
+        children: /* @__PURE__ */ c("div", { className: "tw-absolute tw-ml-[-2rem] tw-shadow-xl tw-shadow-black-300 tw-top-full tw-left-0 tw-mt-2 tw-z-10 tw-p-l tw-max-w-[400px] tw-w-fit tw-bg-warning-light tw-rounded-lg tw-border-l-[5px] tw-border-warning-regular tw-text-warning-dark tw-text-s tw-flex tw-flex-col tw-gap-m", children: [
+          /* @__PURE__ */ c("p", { className: "tw-font-bold tw-w-[210px]", children: [
+            " ",
+            "Requiere completar su tarea requerida:",
+            " "
+          ] }),
           /* @__PURE__ */ c("p", { children: [
             " ",
             e,
@@ -901,11 +905,11 @@ const Le = async ({
       }
     )
   ] });
-}, Pt = ({ trigger: r, user: e, showUser: s = !0 }) => /* @__PURE__ */ t(H, { dispatch: r, children: s && /* @__PURE__ */ c("div", { className: "tw-flex tw-items-center tw-gap-2 tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers", children: [
+}, jt = ({ trigger: r, user: e, showUser: s = !0 }) => /* @__PURE__ */ t(H, { dispatch: r, children: s && /* @__PURE__ */ c("div", { className: "tw-flex tw-items-center tw-gap-2 tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers", children: [
   /* @__PURE__ */ t(J, { imageUrl: e.image ?? "", alt: e.name }),
   /* @__PURE__ */ t("p", { className: "tw-text-s tw-font-bold tw-text-texts-subtext", children: e.name })
 ] }) });
-class Ke {
+class Be {
   static toDomain(e) {
     return {
       id: e.id,
@@ -914,17 +918,17 @@ class Ke {
     };
   }
 }
-const Be = () => {
-  const { tasks_api: r } = K();
+const Oe = () => {
+  const { tasks_api: r } = B();
   return { teams: wt({
     queryKey: ["teams", "all"],
     queryFn: async () => {
       const s = await r.get("/api/equipos");
-      return X(s.data).map(Ke.toDomain);
+      return X(s.data).map(Be.toDomain);
     }
   }) };
 };
-class Oe {
+class Ue {
   static toUsers(e) {
     var s, a, n;
     return {
@@ -939,31 +943,31 @@ class Oe {
     };
   }
 }
-const Ue = async ({
+const Qe = async ({
   tasks_api: r
 }) => {
   try {
     const e = await r.get("/api/allOBPUsers");
-    return X(e.data).map(Oe.toUsers);
+    return X(e.data).map(Ue.toUsers);
   } catch (e) {
     throw console.log("Error al obtener los usuarios comerciales", e), `Error al obtener los usuarios comerciales: ${e}`;
   }
-}, Qe = () => {
-  const { tasks_api: r } = K();
+}, We = () => {
+  const { tasks_api: r } = B();
   return {
     users: wt({
       queryKey: ["users"],
-      queryFn: () => Ue({ tasks_api: r }),
+      queryFn: () => Qe({ tasks_api: r }),
       staleTime: 1e3 * 60 * 60 * 24
     })
   };
 }, vt = (r) => new Intl.DateTimeFormat("es-MX", { month: "long" }).format(r);
-function We(r) {
+function He(r) {
   const e = ["domingo", "lunes", "martes", "miércoles", "jueves", "viernes", "sábado"], s = new Date(r).getDay();
   return e[s];
 }
-const jt = (r) => {
-  let e = r || /* @__PURE__ */ new Date(), s = e.getDate(), a = vt(e.getMonth()).slice(0, 3), n = e.getFullYear().toString().slice(-2), i = We(e).slice(0, 3);
+const Pt = (r) => {
+  let e = r || /* @__PURE__ */ new Date(), s = e.getDate(), a = vt(e.getMonth()).slice(0, 3), n = e.getFullYear().toString().slice(-2), i = He(e).slice(0, 3);
   return `${i.charAt(0).toUpperCase() + i.slice(1)} ${s} ${a.charAt(0).toUpperCase() + a.slice(1)} ${n}`;
 }, Nt = (r, e) => ({
   ...r,
@@ -973,24 +977,24 @@ const jt = (r) => {
   onClick: e,
   responsible: s
 }) => {
-  const { getOBPUrlApi: a } = K();
+  const { getOBPUrlApi: a } = B();
   let n = `button-assign-users-${Math.random().toString(36).substring(2, 15)}`;
   const { setElementPosition: i, position: o, clearPosition: d } = bt(), l = Z(null), g = () => s ? null : r.length > 3 && /* @__PURE__ */ t(
     H,
     {
       dispatch: /* @__PURE__ */ t("div", { className: "tw-w-[28px] tw-h-[28px] tw-rounded-full tw-bg-primary-regular tw-flex tw-items-center tw-justify-center tw-border-2 tw-border-white tw-ml-[-8px]", children: /* @__PURE__ */ t("p", { className: "tw-text-s tw-font-bold tw-text-white ", children: `+${r.length - 3}` }) }),
-      children: /* @__PURE__ */ t("div", { className: "tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers", children: r == null ? void 0 : r.slice(3).map((u, m) => /* @__PURE__ */ c("div", { className: "tw-flex tw-items-center tw-gap-2 ", children: [
-        /* @__PURE__ */ t(J, { imageUrl: u.image ?? "", alt: u.name }, m),
+      children: /* @__PURE__ */ t("div", { className: "tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers", children: r == null ? void 0 : r.slice(3).map((u, p) => /* @__PURE__ */ c("div", { className: "tw-flex tw-items-center tw-gap-2 ", children: [
+        /* @__PURE__ */ t(J, { imageUrl: u.image ?? "", alt: u.name }, p),
         /* @__PURE__ */ t("p", { className: "tw-text-s tw-font-bold tw-text-texts-subtext", children: u.name })
-      ] }, m)) })
+      ] }, p)) })
     }
-  ), p = () => {
+  ), m = () => {
     if (s) {
       let u = r.find(
-        (m) => m.id === s
+        (p) => p.id === s
       );
       return /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-        Pt,
+        jt,
         {
           trigger: /* @__PURE__ */ t(
             J,
@@ -1005,10 +1009,10 @@ const jt = (r) => {
         }
       ) });
     }
-    return (r == null ? void 0 : r.length) > 0 && r.slice(0, 3).map((u, m) => /* @__PURE__ */ t("div", { className: `${m === 0 ? "" : "tw-ml-[-8px]"}`, children: /* @__PURE__ */ t(
-      Pt,
+    return (r == null ? void 0 : r.length) > 0 && r.slice(0, 3).map((u, p) => /* @__PURE__ */ t("div", { className: `${p === 0 ? "" : "tw-ml-[-8px]"}`, children: /* @__PURE__ */ t(
+      jt,
       {
-        trigger: /* @__PURE__ */ t(J, { imageUrl: u.image, alt: u.name }, m),
+        trigger: /* @__PURE__ */ t(J, { imageUrl: u.image, alt: u.name }, p),
         user: u,
         showUser: !(o != null && o.x)
       }
@@ -1025,58 +1029,65 @@ const jt = (r) => {
   if (r.length === 0)
     return /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t(F, { icon: "user", size: "xs", strokeWidth: 3 }) });
   const _ = () => {
-    var P;
-    const [u, m] = y(), [v, h] = y("team"), { teams: C } = Be(), { users: f } = Qe();
+    var j;
+    const [u, p] = y(), [v, h] = y("team"), { teams: C } = Oe(), { users: f } = We();
     A(() => {
-      var T, M;
-      l.current && m(((o == null ? void 0 : o.x) ?? 0) - (((M = (T = l.current) == null ? void 0 : T.getBoundingClientRect()) == null ? void 0 : M.width) ?? 0));
+      var k, M;
+      l.current && p(((o == null ? void 0 : o.x) ?? 0) - (((M = (k = l.current) == null ? void 0 : k.getBoundingClientRect()) == null ? void 0 : M.width) ?? 0));
     }, [l == null ? void 0 : l.current, o == null ? void 0 : o.x]);
-    const j = () => {
-      const T = [
+    const P = () => {
+      const k = [
         { id: "team", label: "Equipo" },
         { id: "responsible", label: "Responsable" }
       ];
-      return /* @__PURE__ */ t("div", { className: "tw-w-full tw-flex tw-justify-center tw-gap-l tw-text-texts-placeholder tw-font-bold", children: T.map((M, q) => /* @__PURE__ */ t(
+      return /* @__PURE__ */ t("div", { className: "tw-w-full tw-flex tw-justify-center tw-gap-l tw-text-texts-placeholder tw-font-bold", children: k.map((M, q) => /* @__PURE__ */ t(
         "button",
         {
-          className: `tw-w-full tw-text-sm tw-border-texts-placeholder tw-text-center ${v === M.id ? "tw-text-primary-pastel" : ""} ${q === T.length - 1 ? "tw-border-r-0" : " tw-border-r-2"}`,
+          className: `tw-w-full tw-text-sm tw-border-texts-placeholder tw-text-center ${v === M.id ? "tw-text-primary-pastel" : ""} ${q === k.length - 1 ? "tw-border-r-0" : " tw-border-r-2"}`,
           onClick: () => h(M.id),
           children: M.label
         }
       )) });
     };
-    return (o == null ? void 0 : o.x) && pt.createPortal(
+    return (o == null ? void 0 : o.x) && mt.createPortal(
       /* @__PURE__ */ t(
         "div",
         {
           "data-portal-host": !0,
-          className: `absolute tw-w-[300px] tw-h-fit ${u ? "tw-block" : "tw-hidden"}`,
+          className: `absolute tw-w-[300px] tw-h-fit tw-p-[1rem] ${u ? "tw-block" : "tw-hidden"}`,
           style: { top: `${o == null ? void 0 : o.y}px`, left: `${u}px`, zIndex: 1 },
-          children: /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-gap-m tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2 tw-max-h-[200px] tw-overflow-y-hidden", children: [
-            /* @__PURE__ */ t(j, {}),
-            /* @__PURE__ */ t(
-              It,
-              {
-                options: v === "team" ? C.data.map((T) => ({
-                  id: T.id,
-                  name: T.name,
-                  image: ""
-                })) : (P = f.data) == null ? void 0 : P.map((T) => Nt(T, a())),
-                onselect: (T) => {
-                  var M;
-                  d(), e && e((M = T.tasksUser) == null ? void 0 : M.id, v);
-                }
-              }
-            )
-          ] })
+          children: /* @__PURE__ */ c(
+            "div",
+            {
+              className: "tw-flex tw-flex-col tw-gap-m tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2  tw-max-h-[200px] tw-overflow-y-hidden",
+              style: { boxShadow: "0px 2px 16px 0px rgba(0, 0, 0, 0.25)" },
+              children: [
+                /* @__PURE__ */ t(P, {}),
+                /* @__PURE__ */ t(
+                  It,
+                  {
+                    options: v === "team" ? C.data.map((k) => ({
+                      id: k.id,
+                      name: k.name,
+                      image: ""
+                    })) : (j = f.data) == null ? void 0 : j.map((k) => Nt(k, a())),
+                    onselect: (k) => {
+                      var M;
+                      d(), e && e((M = k.tasksUser) == null ? void 0 : M.id, v);
+                    }
+                  }
+                )
+              ]
+            }
+          )
         }
       ),
       document.body
     );
   };
-  return /* @__PURE__ */ c(L, { children: [
+  return /* @__PURE__ */ c(I, { children: [
     /* @__PURE__ */ c(b, { children: [
-      p(),
+      m(),
       g()
     ] }),
     /* @__PURE__ */ t(
@@ -1090,10 +1101,10 @@ const jt = (r) => {
     /* @__PURE__ */ t(_, {})
   ] });
 };
-function He({ items: r }) {
+function Ve({ items: r }) {
   var a;
   const [e, s] = y(1);
-  return /* @__PURE__ */ c(L, { children: [
+  return /* @__PURE__ */ c(I, { children: [
     /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-row tw-mb-2 tw-border-b tw-border-neutral-100 tw-bg-white tw-mt-4", children: r.map((n, i) => /* @__PURE__ */ t(
       "div",
       {
@@ -1103,7 +1114,7 @@ function He({ items: r }) {
           {
             variant: "ghost",
             onClick: () => s(n.id),
-            className: `tw-text-xl tw-font-normal rounded-none tw-py-1 tw-h-12 ${e === n.id ? "tw-text-primary tw-border-b tw-border-primary" : "tw-text-neutral-400 tw-border-b-0"}`,
+            className: `tw-font-montserrat tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-rounded-none tw-py-1 tw-h-12 ${e === n.id ? "tw-text-blue-600 tw-border-b tw-border-primary tw-font-montserrat tw-font-semibold tw-text-[1.4rem]" : "tw-text-black-400 tw-font-montserrat tw-font-[400] tw-text-[1.4rem] tw-border-b-0 "}`,
             children: n.label
           },
           n.id
@@ -1114,12 +1125,12 @@ function He({ items: r }) {
     /* @__PURE__ */ t("div", { className: "tw-pt-4 tw-flex-1 tw-overflow-y-auto tw-bg-white", children: (a = r.find((n) => n.id === e)) == null ? void 0 : a.component })
   ] });
 }
-function Ve({ comment: r }) {
+function Ye({ comment: r }) {
   var n, i, o, d, l;
-  const { getImageOBP: e } = K(), s = (d = (o = (i = (n = r == null ? void 0 : r.autor) == null ? void 0 : n.imagen) == null ? void 0 : i.formats) == null ? void 0 : o.thumbnail) == null ? void 0 : d.url;
+  const { getImageOBP: e } = B(), s = (d = (o = (i = (n = r == null ? void 0 : r.autor) == null ? void 0 : n.imagen) == null ? void 0 : i.formats) == null ? void 0 : o.thumbnail) == null ? void 0 : d.url;
   function a(g) {
-    const p = ce(g);
-    return we(p, { locale: ht, addSuffix: !0 });
+    const m = ce(g);
+    return we(m, { locale: ht, addSuffix: !0 });
   }
   return /* @__PURE__ */ t("div", { children: /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-row tw-gap-3 tw-items-start", children: [
     /* @__PURE__ */ t(J, { size: "xxl", imageUrl: s ? e(s) : "", alt: "@shadcn" }),
@@ -1132,15 +1143,15 @@ function Ve({ comment: r }) {
     ] })
   ] }) });
 }
-function Ye({ currentUser: r, data: e, taskId: s, onNewComment: a }) {
-  var u, m, v;
-  const { tasks_api: n, getImageOBP: i } = K(), { register: o, handleSubmit: d, reset: l } = Rt(), [g, p] = y([]), b = (v = (m = (u = r == null ? void 0 : r.imagen) == null ? void 0 : u.formats) == null ? void 0 : m.thumbnail) == null ? void 0 : v.url;
+function Ge({ currentUser: r, data: e, taskId: s, onNewComment: a }) {
+  var u, p, v;
+  const { tasks_api: n, getImageOBP: i } = B(), { register: o, handleSubmit: d, reset: l } = zt(), [g, m] = y([]), b = (v = (p = (u = r == null ? void 0 : r.imagen) == null ? void 0 : u.formats) == null ? void 0 : p.thumbnail) == null ? void 0 : v.url;
   return A(() => {
     if (e != null && e.comentarios) {
       const h = [...e.comentarios].sort(
         (C, f) => new Date(f.createdAt).getTime() - new Date(C.createdAt).getTime()
       );
-      p(h);
+      m(h);
     }
   }, [e]), /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-h-full tw-gap-4", children: [
     /* @__PURE__ */ c(
@@ -1164,7 +1175,7 @@ function Ye({ currentUser: r, data: e, taskId: s, onNewComment: a }) {
                 comentario: h.comment,
                 tarea: s
               }
-            }), a(!0), p((f) => [C, ...f]), l();
+            }), a(!0), m((f) => [C, ...f]), l();
           } catch (C) {
             console.error("Error al agregar comentario:", C);
           }
@@ -1184,10 +1195,10 @@ function Ye({ currentUser: r, data: e, taskId: s, onNewComment: a }) {
         ]
       }
     ),
-    g && g.map((h, C) => /* @__PURE__ */ t(Ve, { comment: h }, C))
+    g && g.map((h, C) => /* @__PURE__ */ t(Ye, { comment: h }, C))
   ] });
 }
-function Ge({ data: r }) {
+function Je({ data: r }) {
   const e = {
     0: {
       color: "tw-bg-gray-400",
@@ -1205,7 +1216,7 @@ function Ge({ data: r }) {
       color: "tw-bg-success-regular",
       label: "Finalizada"
     }
-  }, s = (a) => a ? zt(new Date(a), "d MMM", { locale: ht }) : "";
+  }, s = (a) => a ? Rt(new Date(a), "d MMM", { locale: ht }) : "";
   return /* @__PURE__ */ c("div", { children: [
     /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-row tw-items-center tw-gap-4", children: [
       /* @__PURE__ */ t(ue, { className: "tw-text-2xl tw-font-medium tw-text-neutral-900", children: "Tareas dependientes" }),
@@ -1239,21 +1250,21 @@ function Ge({ data: r }) {
   ] });
 }
 function Gt({ isOpen: r, setIsOpen: e, taskId: s }) {
-  var f, j, P, T, M, q, I, N, k, w, S, D, B;
-  const [a, n] = y(null), [i, o] = y(!1), [d, l] = y(!1), [g, p] = y(null), b = (T = (P = (j = (f = a == null ? void 0 : a.responsable) == null ? void 0 : f.imagen) == null ? void 0 : j.formats) == null ? void 0 : P.thumbnail) == null ? void 0 : T.url, { tasks_api: _, getImageOBP: u } = K(), { user: m } = Y();
+  var f, P, j, k, M, q, K, N, T, w, S, E;
+  const [a, n] = y(null), [i, o] = y(!1), [d, l] = y(!1), [g, m] = y(null), b = (k = (j = (P = (f = a == null ? void 0 : a.responsable) == null ? void 0 : f.imagen) == null ? void 0 : P.formats) == null ? void 0 : j.thumbnail) == null ? void 0 : k.url, { tasks_api: _, getImageOBP: u } = B(), { user: p } = Y();
   A(() => {
     if (r && s || i) {
-      const O = async () => {
-        const E = await _.get(`/api/detalleTarea/${s}`);
-        n(E == null ? void 0 : E.data);
+      const z = async () => {
+        const L = await _.get(`/api/detalleTarea/${s}`);
+        n(L == null ? void 0 : L.data);
       }, Q = async () => {
-        var z, R;
-        const E = await _.get(`/api/users/${m.id}`), U = await _.post("/api/obtenerUsuarioOBP/", {
-          emailList: [(z = E == null ? void 0 : E.data) == null ? void 0 : z.email]
+        var U, R;
+        const L = await _.get(`/api/users/${p.id}`), D = await _.post("/api/obtenerUsuarioOBP/", {
+          emailList: [(U = L == null ? void 0 : L.data) == null ? void 0 : U.email]
         });
-        p((R = U == null ? void 0 : U.data) == null ? void 0 : R.data[0]);
+        m((R = D == null ? void 0 : D.data) == null ? void 0 : R.data[0]);
       };
-      O(), Q();
+      z(), Q();
     }
   }, [r, s, i]);
   const v = {
@@ -1277,14 +1288,14 @@ function Gt({ isOpen: r, setIsOpen: e, taskId: s }) {
       color: "tw-text-danger-regular",
       iconColor: "#C34335"
     }
-  }, h = (O) => O ? zt(O, "d MMM yyyy, h:mmaaa", {
+  }, h = (z) => z ? Rt(z, "d MMM yyyy, h:mmaaa", {
     locale: ht
   }) : "Fecha no disponible", C = [
     {
       id: 1,
       label: "Todo",
       component: /* @__PURE__ */ t(
-        Ye,
+        Ge,
         {
           taskId: s,
           currentUser: g,
@@ -1296,11 +1307,11 @@ function Gt({ isOpen: r, setIsOpen: e, taskId: s }) {
     {
       id: 2,
       label: "Dependencias",
-      component: /* @__PURE__ */ t(Ge, { data: a == null ? void 0 : a.ids_t_dependientes })
+      component: /* @__PURE__ */ t(Je, { data: a == null ? void 0 : a.ids_t_dependientes })
     }
   ];
-  return r && pt.createPortal(
-    /* @__PURE__ */ c(L, { children: [
+  return r && mt.createPortal(
+    /* @__PURE__ */ c(I, { children: [
       /* @__PURE__ */ t(
         "div",
         {
@@ -1315,7 +1326,7 @@ function Gt({ isOpen: r, setIsOpen: e, taskId: s }) {
           children: /* @__PURE__ */ c("div", { className: "tw-flex tw-w-full tw-h-full tw-flex-col tw-overflow-y-scroll tw-bg-white tw-border-none tw-shadow-xl tw-px-6 tw-py-10", children: [
             /* @__PURE__ */ c("div", { className: "tw-w-full tw-flex tw-items-center tw-flex-row tw-justify-between tw-pb-4 tw-gap-10 tw-border-none", children: [
               /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-row tw-items-start tw-gap-2 tw-relative", children: [
-                ((M = a == null ? void 0 : a.id_t_requerida) == null ? void 0 : M.id) && /* @__PURE__ */ c(L, { children: [
+                ((M = a == null ? void 0 : a.id_t_requerida) == null ? void 0 : M.id) && /* @__PURE__ */ c(I, { children: [
                   /* @__PURE__ */ t(
                     "div",
                     {
@@ -1348,7 +1359,21 @@ function Gt({ isOpen: r, setIsOpen: e, taskId: s }) {
                 ] }),
                 /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-row tw-items-center tw-gap-2", children: /* @__PURE__ */ c("h3", { className: "tw-text-3xl tw-font-semibold tw-text-neutral-900", children: [
                   a == null ? void 0 : a.texto_corto,
-                  (a == null ? void 0 : a.atraso) && /* @__PURE__ */ t($t, { content: (I = a == null ? void 0 : a.atraso) == null ? void 0 : I.motivo, position: "bottom", children: /* @__PURE__ */ t("button", { className: "tw-inline-block tw-align-middle tw-ml-2 tw-h-fit", children: /* @__PURE__ */ t(F, { icon: "exclamation_triangle", color: x.warning.dark, style: { width: "20px", height: "20px" } }) }) })
+                  (a == null ? void 0 : a.atraso) && /* @__PURE__ */ t(
+                    $t,
+                    {
+                      content: (K = a == null ? void 0 : a.atraso) == null ? void 0 : K.motivo,
+                      position: "bottom",
+                      children: /* @__PURE__ */ t("button", { className: "tw-inline-block tw-align-middle tw-ml-2 tw-h-fit", children: /* @__PURE__ */ t(
+                        F,
+                        {
+                          icon: "exclamation_triangle",
+                          color: x.warning.dark,
+                          style: { width: "20px", height: "20px" }
+                        }
+                      ) })
+                    }
+                  )
                 ] }) })
               ] }),
               /* @__PURE__ */ t(
@@ -1369,86 +1394,86 @@ function Gt({ isOpen: r, setIsOpen: e, taskId: s }) {
             ] }) }),
             /* @__PURE__ */ c("div", { className: "tw-w-full tw-flex tw-flex-col tw-gap-3 tw-mt-8", children: [
               /* @__PURE__ */ t("h6", { className: "tw-text-neutral-900 tw-font-semibold tw-text-2xl", children: "Descripción" }),
-              /* @__PURE__ */ t("p", { className: "tw-text-neutral-600 tw-font-normal tw-text-sm", children: (a == null ? void 0 : a.texto_largo) ?? "Sin descripción" })
+              /* @__PURE__ */ t("p", { className: "tw-font-sans tw-font-[400] tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]", children: (a == null ? void 0 : a.texto_largo) ?? "Sin descripción" })
             ] }),
             /* @__PURE__ */ t(
-              pe,
+              me,
               {
                 type: "single",
                 collapsible: !0,
                 defaultValue: "item-1",
                 className: "tw-w-full tw-flex tw-flex-col tw-border tw-border-neutral-200 tw-rounded-xl tw-mt-6",
-                children: /* @__PURE__ */ c(me, { value: "item-1", className: "tw-border-none", children: [
+                children: /* @__PURE__ */ c(pe, { value: "item-1", className: "tw-border-none", children: [
                   /* @__PURE__ */ t(ge, { className: "tw-text-neutral-900 tw-font-medium tw-text-2xl tw-w-full tw-flex tw-flex-row tw-border-b tw-border-neutral-200 tw-p-4", children: "Detalles" }),
                   /* @__PURE__ */ t(xe, { className: "tw-border-none", children: /* @__PURE__ */ c("div", { className: "tw-w-full tw-grid tw-grid-cols-3 tw-gap-4 tw-p-4", children: [
                     /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-w-auto tw-gap-2", children: [
-                      /* @__PURE__ */ t("span", { className: "tw-text-xl tw-text-neutral-900 tw-font-medium", children: "Responsable" }),
+                      /* @__PURE__ */ t("span", { className: "tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black", children: "Responsable" }),
                       (N = a == null ? void 0 : a.responsable) != null && N.nombre ? /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-row tw-gap-2 tw-items-center", children: [
                         /* @__PURE__ */ t(
                           J,
                           {
-                            size: "xxl",
+                            size: "xs",
                             imageUrl: b ? u(b) : "",
                             alt: "@shadcn"
                           }
                         ),
-                        /* @__PURE__ */ t("span", { className: "tw-text-lg tw-text-neutral-600 tw-font-normal", children: (k = a == null ? void 0 : a.responsable) == null ? void 0 : k.nombre })
-                      ] }) : /* @__PURE__ */ t("span", { className: "tw-text-lg tw-text-neutral-600 tw-font-normal", children: "Sin responsable" })
+                        /* @__PURE__ */ t("span", { className: "tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]", children: (T = a == null ? void 0 : a.responsable) == null ? void 0 : T.nombre })
+                      ] }) : /* @__PURE__ */ t("span", { className: "tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]", children: "Sin responsable" })
                     ] }),
                     /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-w-auto tw-gap-2", children: [
-                      /* @__PURE__ */ t("span", { className: "tw-text-xl tw-text-neutral-900 tw-font-medium", children: "Equipo asignado" }),
-                      /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-row tw-gap-2", children: /* @__PURE__ */ t("span", { className: "tw-text-lg tw-text-neutral-600 tw-font-normal", children: ((w = a == null ? void 0 : a.equipo) == null ? void 0 : w.nombre) ?? "Sin equipo" }) })
+                      /* @__PURE__ */ t("span", { className: "tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black", children: "Equipo asignado" }),
+                      /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-row tw-gap-2", children: /* @__PURE__ */ t("span", { className: "tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]", children: ((w = a == null ? void 0 : a.equipo) == null ? void 0 : w.nombre) ?? "Sin equipo" }) })
                     ] }),
                     /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-w-auto tw-gap-2", children: [
-                      /* @__PURE__ */ t("span", { className: "tw-text-xl tw-text-neutral-900 tw-font-medium", children: "Prioridad" }),
-                      /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-row tw-items-center tw-gap-2", children: [
+                      /* @__PURE__ */ t("span", { className: "tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black", children: "Prioridad" }),
+                      /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-row tw-items-center tw-gap-2 ", children: [
                         /* @__PURE__ */ t(
                           F,
                           {
                             icon: "flag",
                             size: "xs",
                             strokeWidth: 5,
-                            color: (S = v[a == null ? void 0 : a.prioridad]) == null ? void 0 : S.iconColor
+                            style: { height: "14px", color: "#929292" }
                           }
                         ),
                         /* @__PURE__ */ t(
                           "span",
                           {
-                            className: `tw-text-lg tw-text-neutral-600 tw-font-normal ${(D = v[a == null ? void 0 : a.prioridad]) == null ? void 0 : D.color}`,
-                            children: ((B = v[a == null ? void 0 : a.prioridad]) == null ? void 0 : B.label) ?? "Sin prioridad"
+                            className: `tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]  ${(S = v[a == null ? void 0 : a.prioridad]) == null ? void 0 : S.color}`,
+                            children: ((E = v[a == null ? void 0 : a.prioridad]) == null ? void 0 : E.label) ?? "Sin prioridad"
                           }
                         )
                       ] })
                     ] }),
                     /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-w-auto tw-gap-2", children: [
-                      /* @__PURE__ */ t("span", { className: "tw-text-xl tw-text-neutral-900 tw-font-medium", children: "Lista" }),
-                      /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-row tw-gap-2", children: /* @__PURE__ */ t("span", { className: "tw-text-lg tw-text-neutral-600 tw-font-normal", children: (a == null ? void 0 : a.lista) ?? "Sin lista" }) })
+                      /* @__PURE__ */ t("span", { className: "tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black", children: "Lista" }),
+                      /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-row tw-gap-2", children: /* @__PURE__ */ t("span", { className: "tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]", children: (a == null ? void 0 : a.lista) ?? "Sin lista" }) })
                     ] }),
                     /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-w-auto tw-gap-2", children: [
-                      /* @__PURE__ */ t("span", { className: "tw-text-xl tw-text-neutral-900 tw-font-medium", children: "Fecha estimada de inicio" }),
-                      /* @__PURE__ */ t("p", { className: "tw-text-lg tw-text-neutral-600 tw-font-normal", children: h(a == null ? void 0 : a.f_inicio_estimada) })
+                      /* @__PURE__ */ t("span", { className: "tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black", children: "Fecha estimada de inicio" }),
+                      /* @__PURE__ */ t("p", { className: "tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]", children: h(a == null ? void 0 : a.f_inicio_estimada) })
                     ] }),
                     /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-w-auto tw-gap-2", children: [
-                      /* @__PURE__ */ t("span", { className: "tw-text-xl tw-text-neutral-900 tw-font-medium", children: "Fecha estimada de fin" }),
-                      /* @__PURE__ */ t("p", { className: "tw-text-lg tw-text-neutral-600 tw-font-normal", children: h(a == null ? void 0 : a.f_fin_estimada) })
+                      /* @__PURE__ */ t("span", { className: "tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black", children: "Fecha estimada de fin" }),
+                      /* @__PURE__ */ t("p", { className: "tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]", children: h(a == null ? void 0 : a.f_fin_estimada) })
                     ] }),
                     /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-w-auto tw-gap-2", children: [
-                      /* @__PURE__ */ t("span", { className: "tw-text-xl tw-text-neutral-900 tw-font-medium", children: "Fecha de fin" }),
-                      /* @__PURE__ */ t("p", { className: "tw-text-lg tw-text-neutral-600 tw-font-normal", children: h(a == null ? void 0 : a.ffin) })
+                      /* @__PURE__ */ t("span", { className: "tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black", children: "Fecha de fin" }),
+                      /* @__PURE__ */ t("p", { className: "tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]", children: h(a == null ? void 0 : a.ffin) })
                     ] }),
                     /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-w-auto tw-gap-2", children: [
-                      /* @__PURE__ */ t("span", { className: "tw-text-xl tw-text-neutral-900 tw-font-medium", children: "Creado" }),
-                      /* @__PURE__ */ t("p", { className: "tw-text-lg tw-text-neutral-600 tw-font-normal", children: h(a == null ? void 0 : a.createdAt) })
+                      /* @__PURE__ */ t("span", { className: "tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black", children: "Creado" }),
+                      /* @__PURE__ */ t("p", { className: "tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]", children: h(a == null ? void 0 : a.createdAt) })
                     ] }),
                     /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-w-auto tw-gap-2", children: [
-                      /* @__PURE__ */ t("span", { className: "tw-text-xl tw-text-neutral-900 tw-font-medium", children: "Última modificación" }),
-                      /* @__PURE__ */ t("p", { className: "tw-text-lg tw-text-neutral-600 tw-font-normal", children: h(a == null ? void 0 : a.updatedAt) })
+                      /* @__PURE__ */ t("span", { className: "tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black", children: "Última modificación" }),
+                      /* @__PURE__ */ t("p", { className: "tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]", children: h(a == null ? void 0 : a.updatedAt) })
                     ] })
                   ] }) })
                 ] })
               }
             ),
-            /* @__PURE__ */ t(He, { items: C })
+            /* @__PURE__ */ t(Ve, { items: C })
           ] })
         }
       )
@@ -1456,7 +1481,7 @@ function Gt({ isOpen: r, setIsOpen: e, taskId: s }) {
     document.body
   );
 }
-const Je = ({
+const Xe = ({
   children: r,
   actionsRef: e,
   newPosition: s,
@@ -1466,15 +1491,15 @@ const Je = ({
   return A(() => {
     var l, g;
     if (e.current && s) {
-      const p = ((s == null ? void 0 : s.x) ?? 0) - (((g = (l = e.current) == null ? void 0 : l.getBoundingClientRect()) == null ? void 0 : g.width) ?? 0);
-      i(p), requestAnimationFrame(() => {
+      const m = ((s == null ? void 0 : s.x) ?? 0) - (((g = (l = e.current) == null ? void 0 : l.getBoundingClientRect()) == null ? void 0 : g.width) ?? 0);
+      i(m), requestAnimationFrame(() => {
         d(!0);
       });
     }
     return () => {
       d(!1), i(void 0);
     };
-  }, [e == null ? void 0 : e.current, s == null ? void 0 : s.x]), !s || n === void 0 ? null : pt.createPortal(
+  }, [e == null ? void 0 : e.current, s == null ? void 0 : s.x]), !s || n === void 0 ? null : mt.createPortal(
     /* @__PURE__ */ t(
       "div",
       {
@@ -1507,49 +1532,49 @@ const Je = ({
   atrasoId: o,
   categoria: d
 }) => {
-  const { setElementPosition: l, position: g } = bt(), p = Z(null), { startWorking: b, completeTask: _ } = dt(), u = Z(!1), [m, v] = y(!1), [h, C] = y(null), [f, j] = y("first"), P = e !== "" && s === 2, [T, M] = y(null), {
+  const { setElementPosition: l, position: g } = bt(), m = Z(null), { startWorking: b, completeTask: _ } = dt(), u = Z(!1), [p, v] = y(!1), [h, C] = y(null), [f, P] = y("first"), j = e !== "" && s === 2, [k, M] = y(null), {
     atrasoReasons: q,
-    isLoading: I,
+    isLoading: K,
     createAtraso: N,
-    deleteAtraso: k
+    deleteAtraso: T
   } = Ht({ enabled: !0 }), [w, S] = y(null);
   A(() => {
-    n && j("third");
+    n && P("third");
   }, []);
-  const D = (z) => {
-    j(z);
-  }, B = () => {
-    const z = [
+  const E = (R) => {
+    P(R);
+  }, z = () => {
+    const R = [
       {
         name: "Mover a lista",
         icon: "arrow_right",
-        onClick: () => D("second"),
+        onClick: () => E("second"),
         disabled: !1
       }
     ];
-    return o ? z.push({
+    return o ? R.push({
       name: "Eliminar atraso",
       icon: null,
-      onClick: () => D("third"),
+      onClick: () => E("third"),
       disabled: !1
-    }) : z.push({
+    }) : R.push({
       name: "Agregar atraso",
       icon: null,
-      onClick: () => D("third"),
+      onClick: () => E("third"),
       disabled: !1
-    }), u != null && u.current ? /* @__PURE__ */ t("div", { className: "tw-w-max tw-h-fit tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-flex tw-items-center tw-gap-2 tw-hover:bg-primary-light tw-transition-all tw-duration-200 tw-ease-in-out tw-translate-x-0", children: /* @__PURE__ */ t("p", { className: "tw-text-sm tw-font-normal tw-text-primary-pastel tw-font-regular", children: "Moviendo..." }) }) : /* @__PURE__ */ t("div", { className: "tw-w-max tw-h-fit tw-flex tw-flex-col tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-gap-3 tw-transition-all tw-duration-200 tw-ease-in-out tw-translate-x-0", children: z.map(({ name: R, icon: $, onClick: W, disabled: tt }, et) => /* @__PURE__ */ c(
+    }), u != null && u.current ? /* @__PURE__ */ t("div", { className: "tw-w-max tw-h-fit tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-flex tw-items-center tw-gap-2 tw-hover:bg-primary-light tw-transition-all tw-duration-200 tw-ease-in-out tw-translate-x-0", children: /* @__PURE__ */ t("p", { className: "tw-text-sm tw-font-normal tw-text-primary-pastel tw-font-regular", children: "Moviendo..." }) }) : /* @__PURE__ */ t("div", { className: "tw-w-max tw-h-fit tw-flex tw-flex-col tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-gap-3 tw-transition-all tw-duration-200 tw-ease-in-out tw-translate-x-0", children: R.map(({ name: O, icon: $, onClick: W, disabled: tt }, et) => /* @__PURE__ */ c(
       "button",
       {
         onClick: W,
         className: `
 							tw-flex tw-items-center tw-justify-between tw-transition-colors tw-duration-200 tw-pl-3 tw-pr-10 tw-rounded-md 
 							tw-text-[14px] tw-text-texts-placeholder tw-font-regular tw-text-left tw-border tw-gap-2
-							hover:tw-bg-[#e1ebf9] hover:tw-text-primary-dark
-							${h === R ? "tw-bg-content tw-text-primary-dark tw-border tw-border-primary-regular" : "tw-border-bg-card"}
+							hover:tw-bg-[#e1ebf9] hover:tw-text-primary-dark tw-font-normal tw-font-sans
+							${h === O ? "tw-bg-content tw-text-primary-dark tw-border tw-border-primary-regular" : "tw-border-bg-card"}
 							${tt ? "tw-opacity-50 tw-cursor-not-allowed" : "tw-cursor-pointer"}
 						`,
         children: [
-          R,
+          O,
           $ && /* @__PURE__ */ t(
             F,
             {
@@ -1564,12 +1589,12 @@ const Je = ({
       },
       et
     )) });
-  }, O = () => /* @__PURE__ */ c("div", { className: "tw-w-max tw-h-fit tw-flex tw-flex-col tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-gap-3 tw-transition-all tw-duration-200 tw-ease-in-out tw-translate-x-0", children: [
-    ["Trabajando", "Completadas"].map((R, $) => /* @__PURE__ */ t(
+  }, Q = () => /* @__PURE__ */ c("div", { className: "tw-w-max tw-h-fit tw-flex tw-flex-col tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-gap-3 tw-transition-all tw-duration-200 tw-ease-in-out tw-translate-x-0", children: [
+    ["Trabajando", "Completadas"].map((O, $) => /* @__PURE__ */ t(
       "button",
       {
         onClick: () => {
-          C(R);
+          C(O);
         },
         className: `
 							tw-transition-colors tw-duration-200 
@@ -1582,9 +1607,9 @@ const Je = ({
 							tw-font-regular 
 							tw-text-left 
 							tw-border
-							${h === R ? "tw-bg-content tw-text-primary-dark tw-border tw-border-primary-regular" : "tw-border-bg-card"}
+							${h === O ? "tw-bg-content tw-text-primary-dark tw-border tw-border-primary-regular" : "tw-border-bg-card"}
 						`,
-        children: R
+        children: O
       },
       $
     )),
@@ -1598,11 +1623,11 @@ const Je = ({
         children: /* @__PURE__ */ t("p", { className: "tw-text-[12px] tw-font-normal tw-text-white", children: "Mover" })
       }
     )
-  ] }), Q = () => {
-    var R;
-    if (I)
+  ] }), L = () => {
+    var O;
+    if (K)
       return /* @__PURE__ */ t("div", { children: "Cargando motivos..." });
-    const z = (q == null ? void 0 : q.map(($) => {
+    const R = (q == null ? void 0 : q.map(($) => {
       var W;
       return {
         id: $ == null ? void 0 : $.id,
@@ -1611,22 +1636,22 @@ const Je = ({
       };
     }).filter(($) => $.categoria === (d == null ? void 0 : d.nombre))) || [];
     return /* @__PURE__ */ c("div", { className: "tw-w-[288px] tw-h-fit tw-flex tw-flex-col tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-gap-3 tw-transition-all tw-duration-200 tw-ease-in-out tw-translate-x-0", children: [
-      !T && !o ? /* @__PURE__ */ c(L, { children: [
+      !k && !o ? /* @__PURE__ */ c(I, { children: [
         /* @__PURE__ */ t("p", { className: "tw-text-[14px] tw-text-black-black_regular tw-font-semibold tw-text-left tw-mb-[11px]", children: "Atraso de tarea" }),
         /* @__PURE__ */ t(
-          Xe,
+          Ze,
           {
             isOpen: !0,
-            options: z,
+            options: R,
             onSelect: ($, W) => S({
               id: W,
               nombre: $
             })
           }
         )
-      ] }) : /* @__PURE__ */ c(L, { children: [
+      ] }) : /* @__PURE__ */ c(I, { children: [
         /* @__PURE__ */ t("p", { className: "tw-text-[14px] tw-text-black-black_medium tw-font-semibold tw-text-left", children: "¿Estas seguro?" }),
-        /* @__PURE__ */ t("p", { className: "tw-text-[14px] tw-text-black-black_medium tw-font-semibold tw-text-left", children: o ? "Estás eliminando el atraso de la tarea seleccionada" : `Esta tarea está atrasada debido a ${(R = T == null ? void 0 : T.nombre) == null ? void 0 : R.nombre}` })
+        /* @__PURE__ */ t("p", { className: "tw-text-[14px] tw-text-black-black_medium tw-font-semibold tw-text-left", children: o ? "Estás eliminando el atraso de la tarea seleccionada" : `Esta tarea está atrasada debido a ${(O = k == null ? void 0 : k.nombre) == null ? void 0 : O.nombre}` })
       ] }),
       /* @__PURE__ */ c("div", { className: "tw-flex tw-gap-3 tw-justify-end tw-my-[11px]", children: [
         /* @__PURE__ */ t(
@@ -1635,9 +1660,9 @@ const Je = ({
             className: `tw-w-fit tw-h-fit tw-bg-silver-silver_light tw-rounded-lg tw-py-[8px] tw-px-[13px] tw-text-[14px]
 						tw-font-semibold tw-text-blue-blue_dark tw-shadow-[0px_1px_4px_0px_rgba(37,37,37,0.20)] tw-border tw-border-blue-blue_medium tw-transition-all tw-duration-200 tw-ease-in-out hover:tw-border-texts-enfasis`,
             onClick: () => {
-              T ? M(null) : v(!1);
+              k ? M(null) : v(!1);
             },
-            children: T ? "Regresar" : "Cancelar"
+            children: k ? "Regresar" : "Cancelar"
           }
         ),
         /* @__PURE__ */ t(
@@ -1646,14 +1671,14 @@ const Je = ({
             className: `tw-w-fit tw-h-fit tw-bg-texts-enfasis tw-rounded-lg tw-py-[8px] tw-px-[13px] tw-text-[14px]
 						tw-font-semibold tw-text-blue-blue_light tw-shadow-[0px_1px_4px_0px_rgba(37,37,37,0.20)] tw-border tw-border-texts-enfasis`,
             onClick: () => {
-              M(w), o && !T ? k(o) : T && U();
+              M(w), o && !k ? T(o) : k && U();
             },
             children: "Aceptar"
           }
         )
       ] })
     ] });
-  }, E = () => f === "first" ? B() : f === "second" ? O() : Q(), U = async () => {
+  }, D = () => f === "first" ? z() : f === "second" ? Q() : L(), U = async () => {
     if (w)
       try {
         await N({
@@ -1661,34 +1686,34 @@ const Je = ({
           projectID: i,
           motivo: (w == null ? void 0 : w.id) ?? null
         }), v(!1);
-      } catch (z) {
-        console.error("Error al crear atraso:", z);
+      } catch (R) {
+        console.error("Error al crear atraso:", R);
       }
   };
-  return /* @__PURE__ */ c(L, { children: [
-    (P && s === 2 || !e) && /* @__PURE__ */ t(
+  return /* @__PURE__ */ c(I, { children: [
+    (j && s === 2 || !e) && /* @__PURE__ */ t(
       "button",
       {
-        ref: p,
+        ref: m,
         onClick: () => {
-          l(p), v(!0), j("first");
+          l(m), v(!0), P("first");
         },
         className: "tw-flex tw-items-center tw-justify-center tw-text-sm tw-font-extrabold tw-bg-bg tw-hover:filter-[drop-shadow(0_0_10px_#000000)] tw-rounded-full tw-w-[24px] tw-h-[24px] tw-m-block",
         children: /* @__PURE__ */ t("span", { className: "tw-rotate-90", children: /* @__PURE__ */ t(F, { icon: "elipsis", size: "xs" }) })
       }
     ),
-    m && /* @__PURE__ */ t(Je, { actionsRef: p, newPosition: g, children: /* @__PURE__ */ t(
+    p && /* @__PURE__ */ t(Xe, { actionsRef: m, newPosition: g, children: /* @__PURE__ */ t(
       "div",
       {
         className: `
 						tw-transition-all tw-duration-300 tw-ease
 						${f === "second" ? "tw-translate-x-[-8px]" : "tw-translate-x-0"}
 					`,
-        children: E()
+        children: D()
       }
     ) })
   ] });
-}, Xe = ({
+}, Ze = ({
   isOpen: r,
   onClose: e,
   options: s,
@@ -1696,7 +1721,7 @@ const Je = ({
   placeholderDropdown: n = "Seleccione una opción",
   placeholderInput: i = "Texto ejemplo"
 }) => {
-  const [o, d] = y(!1), [l, g] = y(""), [p, b] = y(
+  const [o, d] = y(!1), [l, g] = y(""), [m, b] = y(
     null
   );
   if (!r) return null;
@@ -1720,7 +1745,7 @@ const Je = ({
             "span",
             {
               className: `tw-mr-2 tw-text-[14px] tw-font-normal tw-text-left ${o ? "tw-text-black-black_regular" : "tw-text-black-black_light"}`,
-              children: (typeof p == "object" ? p == null ? void 0 : p.nombre : p) ?? n
+              children: (typeof m == "object" ? m == null ? void 0 : m.nombre : m) ?? n
             }
           ),
           /* @__PURE__ */ t(
@@ -1781,19 +1806,19 @@ const Je = ({
               }
             )
           ] }),
-          _.map((u, m) => /* @__PURE__ */ c("div", { children: [
+          _.map((u, p) => /* @__PURE__ */ c("div", { children: [
             /* @__PURE__ */ t(
               "a",
               {
                 href: "#",
                 className: `tw-block tw-px-[18px] tw-py-[8px] tw-text-[14px] tw-font-normal
 							tw-cursor-pointer tw-rounded-md tw-transition-all tw-duration-200 tw-ease-in-out
-							hover:tw-bg-blue-blue_medium hover:tw-text-primary-dark ${u.nombre === p ? "tw-text-primary-dark tw-bg-blue-blue_medium" : "tw-text-gray-gray_medium"}`,
+							hover:tw-bg-blue-blue_medium hover:tw-text-primary-dark ${u.nombre === m ? "tw-text-primary-dark tw-bg-blue-blue_medium" : "tw-text-gray-gray_medium"}`,
                 onClick: (v) => {
                   v.preventDefault(), a(
                     u,
                     typeof u == "string" ? null : u.id,
-                    m
+                    p
                   ), b(
                     typeof u == "string" ? u : u.nombre
                   ), d(!1);
@@ -1811,13 +1836,13 @@ const Je = ({
                 }
               }
             )
-          ] }, m))
+          ] }, p))
         ]
       }
     )
   ] });
 };
-class Ze {
+class tr {
   static toPauseReasons(e) {
     return {
       id: e.id,
@@ -1825,40 +1850,40 @@ class Ze {
     };
   }
 }
-const tr = async ({
+const er = async ({
   tasks_api: r
 }) => {
   try {
     const e = await r.get("/api/motivos");
-    return X(e.data).map(Ze.toPauseReasons);
+    return X(e.data).map(tr.toPauseReasons);
   } catch (e) {
     throw console.log("Error al obtener los usuarios comerciales", e), `Error al obtener los usuarios comerciales: ${e}`;
   }
-}, er = () => {
-  const { tasks_api: r } = K();
+}, rr = () => {
+  const { tasks_api: r } = B();
   return { pauseReasons: wt({
     queryKey: ["pause_task_reasons"],
-    queryFn: () => tr({
+    queryFn: () => er({
       tasks_api: r
     }),
     staleTime: 1e3 * 60 * 60 * 24
     // mantains the data for 24 hours
   }) };
 };
-class rr {
+class ar {
   static toKanbanTasks(e) {
-    var a, n, i, o, d, l, g, p, b, _, u;
+    var a, n, i, o, d, l, g, m, b, _, u;
     let s = [];
     return e != null && e.responsable && s.push({
       id: e.responsable.id,
       name: e.responsable.nombre,
       image: (d = (o = (i = (n = (a = e.responsable) == null ? void 0 : a.userOBP) == null ? void 0 : n.imagen) == null ? void 0 : i.formats) == null ? void 0 : o.thumbnail) == null ? void 0 : d.url
-    }), (l = e == null ? void 0 : e.equipo) != null && l.miembros && e.equipo.miembros.forEach((m) => {
+    }), (l = e == null ? void 0 : e.equipo) != null && l.miembros && e.equipo.miembros.forEach((p) => {
       var v, h, C, f;
-      s != null && s.find((j) => j.id === m.idUser.id) || m.idUser && s.push({
-        id: m.idUser.id,
-        name: m.idUser.nombre,
-        image: (f = (C = (h = (v = m == null ? void 0 : m.userOBP) == null ? void 0 : v.imagen) == null ? void 0 : h.formats) == null ? void 0 : C.thumbnail) == null ? void 0 : f.url
+      s != null && s.find((P) => P.id === p.idUser.id) || p.idUser && s.push({
+        id: p.idUser.id,
+        name: p.idUser.nombre,
+        image: (f = (C = (h = (v = p == null ? void 0 : p.userOBP) == null ? void 0 : v.imagen) == null ? void 0 : h.formats) == null ? void 0 : C.thumbnail) == null ? void 0 : f.url
       });
     }), {
       paused: e == null ? void 0 : e.pausada,
@@ -1866,7 +1891,7 @@ class rr {
       repeatsToDo: e == null ? void 0 : e.repeticiones,
       comments: 0,
       nameProject: (g = e == null ? void 0 : e.proyecto) == null ? void 0 : g.nombre,
-      idProject: (p = e == null ? void 0 : e.proyecto) == null ? void 0 : p.id,
+      idProject: (m = e == null ? void 0 : e.proyecto) == null ? void 0 : m.id,
       willBePaused: e.es_pausable,
       difficulty: e.nivel_dificultad,
       endDate: new Date(e.ffin),
@@ -1886,7 +1911,7 @@ class rr {
 }
 const _t = async ({ filters: r, tasks_api: e }) => {
   try {
-    return (await e.get("/api/listado_tareas?populate=*", { params: r })).data.tareas.map(X).map(rr.toKanbanTasks);
+    return (await e.get("/api/listado_tareas?populate=*", { params: r })).data.tareas.map(X).map(ar.toKanbanTasks);
   } catch (s) {
     throw console.log({ error: s }), `Error al obtener las tareas: ${s}`;
   }
@@ -1904,7 +1929,7 @@ const _t = async ({ filters: r, tasks_api: e }) => {
   }
 }), Xt = () => {
   var g;
-  const r = nt(), { tasks_api: e } = K(), { user: s } = Y(), { filters: a } = V(), [n, i] = y(0), [o, d] = y({
+  const r = nt(), { tasks_api: e } = B(), { user: s } = Y(), { filters: a } = V(), [n, i] = y(0), [o, d] = y({
     owner: {
       user: s.id,
       config: ((g = a == null ? void 0 : a.owner) == null ? void 0 : g.config) ?? "yo_y_mis_equipos",
@@ -1914,25 +1939,25 @@ const _t = async ({ filters: r, tasks_api: e }) => {
   }), l = xt({
     initialPageParam: 1,
     queryKey: ["to_do_tasks", o],
-    queryFn: ({ pageParam: p }) => _t({
+    queryFn: ({ pageParam: m }) => _t({
       filters: {
         ...o,
         status: "por_hacer",
-        ...st(p)
+        ...st(m)
       },
       tasks_api: e
     }),
     staleTime: 1e3 * 60 * 60 * 24,
     // mantains the data for 24 hours
-    getNextPageParam: (p, b) => b.length + 1
+    getNextPageParam: (m, b) => b.length + 1
   });
   return A(() => {
-    var p;
+    var m;
     Object.keys(a).length > 0 && d({
       ...a,
       owner: {
         user: s.id,
-        config: ((p = a == null ? void 0 : a.owner) == null ? void 0 : p.config) ?? "yo_y_mis_equipos",
+        config: ((m = a == null ? void 0 : a.owner) == null ? void 0 : m.config) ?? "yo_y_mis_equipos",
         role: s.role
       },
       status: "por_hacer"
@@ -1961,14 +1986,14 @@ const _t = async ({ filters: r, tasks_api: e }) => {
     filtersToSend: o
   };
 }, Zt = ({ idTask: r, setOpen: e, paused: s }) => {
-  const a = nt(), { toDoTasks: n, filtersToSend: i } = Xt(), [o, d] = y(!1), { control: l, watch: g } = Rt(), { tasksProject: p } = it(), { postPauseTask: b, postReanudeTask: _ } = dt(), { pauseReasons: u } = er(), m = async () => {
+  const a = nt(), { toDoTasks: n, filtersToSend: i } = Xt(), [o, d] = y(!1), { control: l, watch: g } = zt(), { tasksProject: m } = it(), { postPauseTask: b, postReanudeTask: _ } = dt(), { pauseReasons: u } = rr(), p = async () => {
     try {
       if (e(!1), await b({ id: r, motiveId: g("pauseReason") }), await a.invalidateQueries({
         queryKey: ["to_do_tasks", i]
       }), await a.invalidateQueries({
         queryKey: ["tasksProject"]
-      }), n && typeof n.refetch == "function" || p && typeof p.refetch == "function") {
-        const h = await n.refetch(), C = await p.refetch();
+      }), n && typeof n.refetch == "function" || m && typeof m.refetch == "function") {
+        const h = await n.refetch(), C = await m.refetch();
         return [h, C];
       }
     } catch (h) {
@@ -1980,8 +2005,8 @@ const _t = async ({ filters: r, tasks_api: e }) => {
         queryKey: ["to_do_tasks", i]
       }), await a.invalidateQueries({
         queryKey: ["tasksProject"]
-      }), n && typeof n.refetch == "function" || p && typeof p.refetch == "function") {
-        const h = await n.refetch(), C = await p.refetch();
+      }), n && typeof n.refetch == "function" || m && typeof m.refetch == "function") {
+        const h = await n.refetch(), C = await m.refetch();
         return [h, C];
       }
     } catch (h) {
@@ -1997,7 +2022,7 @@ const _t = async ({ filters: r, tasks_api: e }) => {
       /* @__PURE__ */ t("p", { className: "tw-text-xl tw-font-medium tw-text-neutral-600", children: "Esta acción reanudará la campaña en curso." }),
       /* @__PURE__ */ t("p", { className: "tw-text-xl tw-font-medium tw-text-neutral-600", children: "¿Estás seguro de continuar?" })
     ] }) : /* @__PURE__ */ t(
-      ke,
+      Te,
       {
         name: "pauseReason",
         control: l,
@@ -2049,7 +2074,7 @@ const _t = async ({ filters: r, tasks_api: e }) => {
         {
           type: "button",
           disabled: !g("pauseReason"),
-          onClick: () => o ? m() : d(!0),
+          onClick: () => o ? p() : d(!0),
           className: "tw-bg-primary-regular tw-text-primary-light tw-flex tw-justify-center tw-items-center tw-text-center tw-font-regular tw-text-xl tw-rounded-lg tw-border-2 tw-border-primary-regular tw-py-s tw-w-[80px] tw-h-[26px]",
           children: "Aceptar"
         }
@@ -2061,7 +2086,7 @@ function te({ trigger: r, children: e, open: s, setOpen: a }) {
   return /* @__PURE__ */ c(_e, { open: s, onOpenChange: a, children: [
     /* @__PURE__ */ t(Ce, { children: r }),
     /* @__PURE__ */ t(
-      Te,
+      ke,
       {
         align: "start",
         className: "tw-bg-white tw-border-none tw-rounded-lg tw-p-4",
@@ -2070,7 +2095,7 @@ function te({ trigger: r, children: e, open: s, setOpen: a }) {
     )
   ] });
 }
-const ar = ({
+const sr = ({
   id: r,
   task: e,
   endDate: s,
@@ -2081,25 +2106,25 @@ const ar = ({
   priority: d,
   difficulty: l,
   responsible: g,
-  nameRequiredTask: p,
+  nameRequiredTask: m,
   statusRequiredTask: b,
   status: _,
   repeatsToDo: u,
-  repeats: m,
+  repeats: p,
   medioName: v,
   paused: h,
   idProject: C,
   atraso: f,
-  categoria: j
+  categoria: P
 }) => {
-  var R, $, W, tt, et, ct;
-  const [P, T] = y(!1), [M, q] = y(!1), { reasignResponsible: I, updateUnitys: N } = dt(), { getOBPUrlApi: k } = K(), [w, S] = y(m ?? 0), D = !!(u && m === u), B = !u || u === 1, O = _ === 0, Q = () => /* @__PURE__ */ c("div", { className: "tw-flex tw-justify-between tw-items-center tw-w-full tw-h-fit tw-relative", children: [
+  var O, $, W, tt, et, ct;
+  const [j, k] = y(!1), [M, q] = y(!1), { reasignResponsible: K, updateUnitys: N } = dt(), { getOBPUrlApi: T } = B(), [w, S] = y(p ?? 0), E = !!(u && p === u), z = !u || u === 1, Q = _ === 0, L = () => /* @__PURE__ */ c("div", { className: "tw-flex tw-justify-between tw-items-center tw-w-full tw-h-fit tw-relative", children: [
     /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-row tw-items-start tw-gap-[8px] tw-w-[calc(100%-32px)]", children: [
-      _ < 2 && (D || B || O) && /* @__PURE__ */ t(
+      _ < 2 && (E || z || Q) && /* @__PURE__ */ t(
         Vt,
         {
           id: r,
-          nameRequiredTask: p ?? "",
+          nameRequiredTask: m ?? "",
           statusRequiredTask: b ?? 0,
           status: _,
           idAtraso: f == null ? void 0 : f.atrasoId
@@ -2109,24 +2134,24 @@ const ar = ({
         "p",
         {
           className: "tw-overflow-hidden tw-text-ellipsis tw-w-full tw-text-nowrap tw-text-[1.6rem] tw-font-medium tw-text-neutral-900",
-          onClick: () => T(!0),
+          onClick: () => k(!0),
           children: e
         }
       )
     ] }),
-    (D || B || O) && _ !== 2 && /* @__PURE__ */ t(
+    (E || z || Q) && _ !== 2 && /* @__PURE__ */ t(
       Jt,
       {
         id: r,
-        nameRequiredTask: p,
+        nameRequiredTask: m,
         status: _,
         statusRequiredTask: b,
         projectID: C,
         atrasoId: f == null ? void 0 : f.atrasoId,
-        categoria: j
+        categoria: P
       }
     )
-  ] }), E = {
+  ] }), D = {
     0: { title: "N/A", color: x.texts.placeholder },
     1: { title: "Baja", color: x.primary.regular },
     2: { title: "Media", color: x.success.regular },
@@ -2137,12 +2162,12 @@ const ar = ({
     2: { title: "Media", color: x.warning.regular },
     3: { title: "Difícil", color: x.danger.regular },
     4: { title: "Muy difícil", color: x.danger.dark }
-  }, z = (G) => {
+  }, R = (G) => {
     S((rt) => G === "minus" ? Math.max(0, rt - 1) : Math.min(u, rt + 1));
   };
-  return /* @__PURE__ */ c(L, { children: [
-    /* @__PURE__ */ c("div", { className: "tw-bg-white tw-border-cards tw-max-w-[350px] tw-rounded-lg tw-relative tw-h-fit tw-p-[12px_12px] hover:tw-border-active hover:tw-bg-primary-light tw-cursor-pointer tw-transition-all tw-duration-300", children: [
-      /* @__PURE__ */ t(Q, {}),
+  return /* @__PURE__ */ c(I, { children: [
+    /* @__PURE__ */ c("div", { className: "tw-bg-white tw-border-cards tw-max-w-[350px] tw-rounded-lg tw-relative tw-h-fit tw-p-[12px_12px] hover:tw-border-active hover:tw-bg-primary-light tw-cursor-pointer tw-transition-all tw-duration-300 hover:tw-border hover:tw-border-blue-500", children: [
+      /* @__PURE__ */ t(L, {}),
       /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-gap-[4px] tw-py-2", children: [
         /* @__PURE__ */ t("p", { className: "tw-text-xl tw-font-regular tw-text-texts-subtext tw-max-w-[250px] tw-truncate", children: i }),
         v && /* @__PURE__ */ t("p", { className: "tw-text-xl", children: v })
@@ -2153,9 +2178,9 @@ const ar = ({
             Yt,
             {
               responsible: g,
-              users: a.filter((G) => g ? G.id === g : !0).map((G) => Nt(G, k())),
+              users: a.filter((G) => g ? G.id === g : !0).map((G) => Nt(G, T())),
               onClick: async (G, rt) => {
-                await I({
+                await K({
                   idNewResponsible: G,
                   id: r,
                   typeOfSelect: rt
@@ -2197,21 +2222,15 @@ const ar = ({
         ] }),
         /* @__PURE__ */ c("div", { className: "tw-flex tw-gap-m tw-items-center tw-flex-wrap", children: [
           /* @__PURE__ */ c("div", { className: "tw-flex tw-items-center tw-gap-2", children: [
-            f && /* @__PURE__ */ t(
-              $t,
+            f && /* @__PURE__ */ t($t, { content: `Tarea atrasada debido a: ${f == null ? void 0 : f.motivo}`, children: /* @__PURE__ */ t(
+              F,
               {
-                content: `Tarea atrasada debido a: ${f == null ? void 0 : f.motivo}`,
-                children: /* @__PURE__ */ t(
-                  F,
-                  {
-                    icon: "exclamation_triangle",
-                    size: "xs",
-                    color: "#C62E1F",
-                    strokeWidth: 4
-                  }
-                )
+                icon: "exclamation_triangle",
+                size: "xs",
+                color: "#C62E1F",
+                strokeWidth: 4
               }
-            ),
+            ) }),
             /* @__PURE__ */ t(
               H,
               {
@@ -2220,8 +2239,9 @@ const ar = ({
                   {
                     icon: "difficulty",
                     size: "xs",
-                    color: (R = U[l ?? 0]) == null ? void 0 : R.color,
-                    strokeWidth: 4
+                    color: (O = U[l ?? 0]) == null ? void 0 : O.color,
+                    strokeWidth: 4,
+                    style: { border: "1.5px" }
                   }
                 ),
                 children: /* @__PURE__ */ t(
@@ -2242,7 +2262,7 @@ const ar = ({
                   {
                     icon: "flag",
                     size: "xs",
-                    color: (tt = E[d ?? 0]) == null ? void 0 : tt.color,
+                    color: (tt = D[d ?? 0]) == null ? void 0 : tt.color,
                     strokeWidth: 4
                   }
                 ),
@@ -2250,13 +2270,13 @@ const ar = ({
                   "p",
                   {
                     className: "tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",
-                    style: { color: (et = E[d ?? 0]) == null ? void 0 : et.color },
-                    children: `Prioridad: ${(ct = E[d ?? 0]) == null ? void 0 : ct.title}`
+                    style: { color: (et = D[d ?? 0]) == null ? void 0 : et.color },
+                    children: `Prioridad: ${(ct = D[d ?? 0]) == null ? void 0 : ct.title}`
                   }
                 )
               }
             ),
-            !u || u && _ === 0 && /* @__PURE__ */ c(L, { children: [
+            !u || u && _ === 0 && /* @__PURE__ */ c(I, { children: [
               /* @__PURE__ */ t(
                 F,
                 {
@@ -2276,7 +2296,7 @@ const ar = ({
             /* @__PURE__ */ t(
               "button",
               {
-                onClick: () => z("minus"),
+                onClick: () => R("minus"),
                 className: "tw-flex tw-items-center tw-justify-center tw-bg-gray-200 tw-w-[0] tw-rounded-full hover:tw-bg-gray-400 tw-mr-[4px]",
                 children: /* @__PURE__ */ t(
                   F,
@@ -2293,7 +2313,7 @@ const ar = ({
             /* @__PURE__ */ t(
               "button",
               {
-                onClick: () => z("plus"),
+                onClick: () => R("plus"),
                 className: "tw-flex tw-items-center tw-justify-center tw-bg-gray-200 tw-w-[0] tw-rounded-full hover:tw-bg-gray-400 tw-ml-[4px]",
                 children: /* @__PURE__ */ t(
                   F,
@@ -2322,7 +2342,7 @@ const ar = ({
       o > 0 && /* @__PURE__ */ t("div", { className: "tw-border-t tw-border-gray-200 tw-mt-4 tw-pt-2", children: /* @__PURE__ */ c(
         "button",
         {
-          onClick: () => T(!0),
+          onClick: () => k(!0),
           className: "tw-flex tw-items-center tw-gap-2",
           children: [
             /* @__PURE__ */ t(F, { icon: "comment", size: "xs", strokeWidth: 4 }),
@@ -2331,18 +2351,18 @@ const ar = ({
         }
       ) })
     ] }),
-    /* @__PURE__ */ t(Gt, { taskId: r, isOpen: P, setIsOpen: T })
+    /* @__PURE__ */ t(Gt, { taskId: r, isOpen: j, setIsOpen: k })
   ] });
-}, mt = ({ title: r, tasks: e, loadNextPage: s, isFetching: a, total: n }) => {
+}, pt = ({ title: r, tasks: e, loadNextPage: s, isFetching: a, total: n }) => {
   const i = Z(null), o = Z(null), d = Z(!1);
   A(() => {
-    var p;
-    i != null && i.current && (o != null && o.current) && (o.current.style.minHeight = `${((p = i == null ? void 0 : i.current) == null ? void 0 : p.clientHeight) - 300}px`);
+    var m;
+    i != null && i.current && (o != null && o.current) && (o.current.style.minHeight = `${((m = i == null ? void 0 : i.current) == null ? void 0 : m.clientHeight) - 300}px`);
   }, [i == null ? void 0 : i.current]);
-  const l = (p) => {
+  const l = (m) => {
     if (d.current) return;
-    const { scrollTop: b, clientHeight: _, scrollHeight: u } = p == null ? void 0 : p.target, m = b / (u - _) * 100;
-    m <= 95 || m >= 95 && (d.current = !0, s && s(), setTimeout(() => {
+    const { scrollTop: b, clientHeight: _, scrollHeight: u } = m == null ? void 0 : m.target, p = b / (u - _) * 100;
+    p <= 95 || p >= 95 && (d.current = !0, s && s(), setTimeout(() => {
       d.current = !1;
     }, 200));
   };
@@ -2350,7 +2370,7 @@ const ar = ({
     "div",
     {
       ref: i,
-      className: `tw-flex tw-flex-col tw-bg-containers tw-w-fit tw-max-w-[400px] tw-min-w-[400px] tw-h-full tw-min-h-[100%] tw-relative tw-p-[16px] tw-rounded-lg tw-overflow-hidden tw-border-t-4 ${{
+      className: `tw-flex tw-flex-col tw-bg-gray-100  tw-w-fit tw-max-w-[400px] tw-min-w-[400px] tw-h-full tw-min-h-[100%] tw-relative tw-p-[16px] tw-rounded-lg tw-overflow-hidden tw-border-t-4 ${{
         "Por hacer": "tw-border-texts-placeholder",
         Trabajando: "tw-border-primary-regular",
         Completadas: "tw-border-success-regular"
@@ -2375,12 +2395,10 @@ const ar = ({
           "div",
           {
             ref: o,
-            className: "tw-flex tw-flex-col tw-gap-[12px] tw-overflow-y-auto tw-scrollbar-none tw-pt-4 tw-pb-[200px] tw-h-full",
+            className: "tw-flex tw-flex-col tw-gap-[12px] tw-max-w-[350px] tw-overflow-y-auto tw-scrollbar-none tw-pt-4 tw-pb-[200px] tw-h-full hover:tw-bg-gray-100 focus:tw-bg-gray-200 hover:tw-border-gray-300 focus:tw-border-gray-400 focus:tw-outline-none",
             onScroll: l,
             children: [
-              e == null ? void 0 : e.map(
-                (p) => /* @__PURE__ */ t(ar, { ...p }, p.id)
-              ),
+              e == null ? void 0 : e.map((m) => /* @__PURE__ */ t(sr, { ...m }, m.id)),
               a ? /* @__PURE__ */ t(ze, {}) : /* @__PURE__ */ t("p", { className: "tw-text-center tw-text-gray-500 tw-text-2xl", children: "No hay más tareas por mostrar..." })
             ]
           }
@@ -2439,9 +2457,9 @@ const ar = ({
       name: "Muy dificil"
     }]
   }
-], sr = () => {
+], nr = () => {
   const { user: r } = Y(), [e, s] = y([...At]), a = [{
-    roles: ["Management", "Project Manager", "PM"],
+    roles: ["Project Manager", "Manager", "Operation Manager"],
     id: "owner.config",
     filters: [
       { id: "todas", name: "Todas las tareas" }
@@ -2452,7 +2470,7 @@ const ar = ({
     a.forEach((d) => {
       if (d.roles.includes(r.role)) {
         const l = n.find((g) => g.id === d.id);
-        l && (l.options.some((p) => p.id === "todas") || (l.options = [
+        l && (l.options.some((m) => m.id === "todas") || (l.options = [
           { id: "todas", name: "Todas las tareas" },
           ...l.options
         ]));
@@ -2463,9 +2481,9 @@ const ar = ({
   }, [r.role]), {
     filters: e
   };
-}, nr = () => {
+}, lr = () => {
   var i;
-  const { defineFields: r } = V(), { tasksProject: e } = it(), { filters: s } = sr();
+  const { defineFields: r } = V(), { tasksProject: e } = it(), { filters: s } = nr();
   A(() => {
     (async () => {
       let d = [...s];
@@ -2479,7 +2497,7 @@ const ar = ({
   return /* @__PURE__ */ t("div", { className: "tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative", children: ["Por hacer", "Trabajando", "Completadas"].map((o, d) => {
     var l;
     return /* @__PURE__ */ t(
-      mt,
+      pt,
       {
         total: ((l = a == null ? void 0 : a[d]) == null ? void 0 : l.length) ?? 0,
         title: o,
@@ -2489,11 +2507,11 @@ const ar = ({
       }
     );
   }) });
-}, lr = () => {
+}, or = () => {
   var a, n;
   const { toDoTasks: r, total: e } = Xt(), s = [...((n = (a = r == null ? void 0 : r.data) == null ? void 0 : a.pages) == null ? void 0 : n.flat()) ?? []];
   return /* @__PURE__ */ t(
-    mt,
+    pt,
     {
       total: e,
       title: "Por hacer",
@@ -2503,9 +2521,9 @@ const ar = ({
       isLoadingData: r == null ? void 0 : r.isLoading
     }
   );
-}, or = () => {
+}, ir = () => {
   var g;
-  const r = nt(), { tasks_api: e } = K(), { user: s } = Y(), { filters: a } = V(), [n, i] = y(0), [o, d] = y({
+  const r = nt(), { tasks_api: e } = B(), { user: s } = Y(), { filters: a } = V(), [n, i] = y(0), [o, d] = y({
     owner: {
       user: s.id,
       config: ((g = a == null ? void 0 : a.owner) == null ? void 0 : g.config) ?? "yo_y_mis_equipos",
@@ -2515,25 +2533,25 @@ const ar = ({
   }), l = xt({
     initialPageParam: 1,
     queryKey: ["working_tasks", o],
-    queryFn: ({ pageParam: p }) => _t({
+    queryFn: ({ pageParam: m }) => _t({
       filters: {
         ...o,
         status: "trabajando",
-        ...st(p)
+        ...st(m)
       },
       tasks_api: e
     }),
     staleTime: 1e3 * 60 * 60 * 24,
     // mantains the data for 24 hours
-    getNextPageParam: (p, b) => b.length + 1
+    getNextPageParam: (m, b) => b.length + 1
   });
   return A(() => {
-    var p;
+    var m;
     Object.keys(a).length > 0 && d({
       ...a,
       owner: {
         user: s.id,
-        config: ((p = a == null ? void 0 : a.owner) == null ? void 0 : p.config) ?? "yo_y_mis_equipos",
+        config: ((m = a == null ? void 0 : a.owner) == null ? void 0 : m.config) ?? "yo_y_mis_equipos",
         role: s.role
       },
       status: "trabajando"
@@ -2560,11 +2578,11 @@ const ar = ({
     workingTasks: l,
     total: n
   };
-}, ir = () => {
+}, cr = () => {
   var a, n;
-  const { workingTasks: r, total: e } = or(), s = [...((n = (a = r == null ? void 0 : r.data) == null ? void 0 : a.pages) == null ? void 0 : n.flat()) ?? []];
+  const { workingTasks: r, total: e } = ir(), s = [...((n = (a = r == null ? void 0 : r.data) == null ? void 0 : a.pages) == null ? void 0 : n.flat()) ?? []];
   return /* @__PURE__ */ t(
-    mt,
+    pt,
     {
       total: e,
       title: "Trabajando",
@@ -2573,9 +2591,9 @@ const ar = ({
       isFetching: r == null ? void 0 : r.isFetching
     }
   );
-}, cr = () => {
+}, wr = () => {
   var g;
-  const r = nt(), { user: e } = Y(), { tasks_api: s } = K(), { filters: a } = V(), [n, i] = y(0), [o, d] = y({
+  const r = nt(), { user: e } = Y(), { tasks_api: s } = B(), { filters: a } = V(), [n, i] = y(0), [o, d] = y({
     owner: {
       user: e.id,
       config: ((g = a == null ? void 0 : a.owner) == null ? void 0 : g.config) ?? "yo_y_mis_equipos",
@@ -2585,25 +2603,25 @@ const ar = ({
   }), l = xt({
     initialPageParam: 1,
     queryKey: ["done_tasks", o],
-    queryFn: ({ pageParam: p }) => _t({
+    queryFn: ({ pageParam: m }) => _t({
       filters: {
         ...o,
         status: "completadas",
-        ...st(p)
+        ...st(m)
       },
       tasks_api: s
     }),
     staleTime: 1e3 * 60 * 60 * 24,
     // mantains the data for 24 hours
-    getNextPageParam: (p, b) => b.length + 1
+    getNextPageParam: (m, b) => b.length + 1
   });
   return A(() => {
-    var p;
+    var m;
     Object.keys(a).length > 0 && d({
       ...a,
       owner: {
         user: e.id,
-        config: ((p = a == null ? void 0 : a.owner) == null ? void 0 : p.config) ?? "yo_y_mis_equipos",
+        config: ((m = a == null ? void 0 : a.owner) == null ? void 0 : m.config) ?? "yo_y_mis_equipos",
         role: e.role
       },
       status: "completadas"
@@ -2630,11 +2648,11 @@ const ar = ({
     doneTasks: l,
     total: n
   };
-}, wr = () => {
+}, dr = () => {
   var a, n;
-  const { doneTasks: r, total: e } = cr(), s = [...((n = (a = r == null ? void 0 : r.data) == null ? void 0 : a.pages) == null ? void 0 : n.flat()) ?? []];
+  const { doneTasks: r, total: e } = wr(), s = [...((n = (a = r == null ? void 0 : r.data) == null ? void 0 : a.pages) == null ? void 0 : n.flat()) ?? []];
   return /* @__PURE__ */ t(
-    mt,
+    pt,
     {
       title: "Completadas",
       tasks: s,
@@ -2652,8 +2670,8 @@ class ut {
     };
   }
 }
-const dr = () => {
-  const { tasks_api: r } = K(), { filters: e } = V(), { user: s } = Y();
+const ur = () => {
+  const { tasks_api: r } = B(), { filters: e } = V(), { user: s } = Y();
   return {
     //methods
     getSalesmanAndProjects: async () => {
@@ -2779,9 +2797,9 @@ const dr = () => {
     id: "ejecutivo",
     options: []
   }
-], ur = () => {
+], mr = () => {
   const { user: r } = Y(), [e, s] = y([...St]), a = [{
-    roles: ["Management", "Project Manager", "PM"],
+    roles: ["Project Manager", "Manager", "Operation Manager"],
     id: "owner.config",
     filters: [
       { id: "todas", name: "Todas las tareas" }
@@ -2792,7 +2810,7 @@ const dr = () => {
     a.forEach((d) => {
       if (d.roles.includes(r.role)) {
         const l = n.find((g) => g.id === d.id);
-        l && (l.options.some((p) => p.id === "todas") || (l.options = [
+        l && (l.options.some((m) => m.id === "todas") || (l.options = [
           { id: "todas", name: "Todas las tareas" },
           ...l.options
         ]));
@@ -2804,7 +2822,7 @@ const dr = () => {
     filters: e
   };
 }, pr = () => {
-  const { defineFields: r } = V(), { getSalesmanAndProjects: e } = dr(), { filters: s } = ur();
+  const { defineFields: r } = V(), { getSalesmanAndProjects: e } = ur(), { filters: s } = mr();
   return A(() => {
     (async () => {
       let n = [...s], { salesmanUsers: i, projects: o } = await e();
@@ -2813,11 +2831,11 @@ const dr = () => {
       );
     })();
   }, []), /* @__PURE__ */ c("div", { className: "tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative", children: [
-    /* @__PURE__ */ t(lr, {}),
-    /* @__PURE__ */ t(ir, {}),
-    /* @__PURE__ */ t(wr, {})
+    /* @__PURE__ */ t(or, {}),
+    /* @__PURE__ */ t(cr, {}),
+    /* @__PURE__ */ t(dr, {})
   ] });
-}, ee = lt({}), mr = ({ children: r }) => {
+}, ee = lt({}), gr = ({ children: r }) => {
   const [e, s] = y([]), a = (n) => {
     s((i) => i.includes(n) ? i.filter((o) => o !== n) : [...i, n]);
   };
@@ -2833,7 +2851,7 @@ const dr = () => {
       children: r
     }
   );
-}, gr = () => ot(ee), re = () => {
+}, xr = () => ot(ee), re = () => {
   const r = () => /* @__PURE__ */ c("div", { className: "tw-w-full tw-flex tw-gap-m", children: [
     /* @__PURE__ */ t("div", { className: "tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-full tw-animate-pulse" }),
     /* @__PURE__ */ t("div", { className: "tw-w-[30%] tw-h-[30px] tw-bg-gray-200 tw-rounded-md tw-animate-pulse" }),
@@ -2858,12 +2876,12 @@ const dr = () => {
       /* @__PURE__ */ t("div", { className: "tw-pl-5", children: /* @__PURE__ */ t(r, {}) })
     ] })
   ] });
-}, ae = ({ startDate: r, endDate: e }) => /* @__PURE__ */ c(L, { children: [
+}, ae = ({ startDate: r, endDate: e }) => /* @__PURE__ */ c(I, { children: [
   /* @__PURE__ */ c("div", { className: "tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-w-fit tw-flex tw-justify-center tw-items-center tw-px-xxxl", children: [
     /* @__PURE__ */ t(F, { icon: "calendar", size: "xs", strokeWidth: 4, color: x.texts.subtext }),
     /* @__PURE__ */ c("p", { className: "tw-text-lg", children: [
       " ",
-      jt(r)
+      Pt(r)
     ] })
   ] }),
   /* @__PURE__ */ t(F, { icon: "arrow_right", size: "xs", strokeWidth: 4, color: x.texts.DEFAULT }),
@@ -2871,7 +2889,7 @@ const dr = () => {
     /* @__PURE__ */ t(F, { icon: "calendar", size: "xs", strokeWidth: 4, color: x.texts.subtext }),
     /* @__PURE__ */ c("p", { className: "tw-text-lg", children: [
       " ",
-      jt(e)
+      Pt(e)
     ] })
   ] })
 ] }), se = ({
@@ -2881,7 +2899,7 @@ const dr = () => {
   endDate: a,
   atraso: n
 }) => {
-  var g, p, b;
+  var g, m, b;
   const [i, o] = y({
     priority: !1,
     difficulty: !1,
@@ -2952,7 +2970,7 @@ const dr = () => {
       borderHover: "hover:tw-border-danger-dark"
     }
   };
-  return /* @__PURE__ */ c(L, { children: [
+  return /* @__PURE__ */ c(I, { children: [
     /* @__PURE__ */ t("button", { className: "tw-gap-s tw-bg-gray-100 tw-rounded-[8px] tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center hover:tw-bg-gray-200", children: /* @__PURE__ */ t(
       H,
       {
@@ -2982,7 +3000,7 @@ const dr = () => {
           onMouseEnter: () => o({ ...i, difficulty: !0 }),
           onMouseLeave: () => o({ ...i, difficulty: !1 }),
           className: `tw-gap-s ${(g = l[s === 0 ? 1 : s]) == null ? void 0 : g.border} 
-						${(p = l[s === 0 ? 1 : s]) == null ? void 0 : p.borderHover} 
+						${(m = l[s === 0 ? 1 : s]) == null ? void 0 : m.borderHover} 
 						tw-border tw-rounded-[8px] tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center
 					 transition-all duration-300 tw-shadow-[0px_0px_2px_0px_rgba(37,37,37,0.10)]`,
           children: /* @__PURE__ */ t(
@@ -3075,9 +3093,9 @@ const dr = () => {
       /* @__PURE__ */ t("p", { className: "tw-text-xl tw-font-regular tw-text-texts-subtext", children: `${a.getDate()} ${vt(a.getMonth()).slice(0, 3)}` })
     ] })
   ] });
-}, xr = ({ id: r }) => {
-  const { selectedTasks: e, selectTask: s } = gr();
-  return /* @__PURE__ */ c(L, { children: [
+}, hr = ({ id: r }) => {
+  const { selectedTasks: e, selectTask: s } = xr();
+  return /* @__PURE__ */ c(I, { children: [
     /* @__PURE__ */ t(
       "label",
       {
@@ -3116,21 +3134,21 @@ const dr = () => {
     dispatch: /* @__PURE__ */ t("p", { className: "tw-text-xl tw-text-texts-subtext tw-max-w-[400px] tw-truncate", children: r }),
     children: /* @__PURE__ */ t("p", { className: "tw-text-xl tw-text-texts-subtext tw-p-2 tw-max-w-[400px]", children: r })
   }
-), hr = ({ id: r }) => {
-  var b, _, u, m, v;
-  const [e, s] = y(!1), [a, n] = y(!1), { tasksProject: i } = it(), { reasignResponsible: o } = dt(), { getOBPUrlApi: d } = K(), l = (b = i == null ? void 0 : i.data) == null ? void 0 : b.find((h) => h.id === r), [g, p] = y(null);
-  return /* @__PURE__ */ c(L, { children: [
+), fr = ({ id: r }) => {
+  var b, _, u, p, v;
+  const [e, s] = y(!1), [a, n] = y(!1), { tasksProject: i } = it(), { reasignResponsible: o } = dt(), { getOBPUrlApi: d } = B(), l = (b = i == null ? void 0 : i.data) == null ? void 0 : b.find((h) => h.id === r), [g, m] = y(null);
+  return /* @__PURE__ */ c(I, { children: [
     /* @__PURE__ */ t("div", { className: "tw-border-b tw-border-gray-200 tw-pb-3", children: /* @__PURE__ */ c(
       "div",
       {
         className: "tw-ml-[30px] tw-mb-3 tw-mt-1 tw-p-2 tw-flex tw-flex-wrap tw-items-center tw-gap-xl tw-rounded-md hover:tw-bg-gray-100",
         onMouseEnter: () => {
-          p(r);
+          m(r);
         },
-        onMouseLeave: () => p(null),
+        onMouseLeave: () => m(null),
         onClick: () => n(!0),
         children: [
-          !(l != null && l.nameRequiredTask) || (l == null ? void 0 : l.nameRequiredTask) !== "" && (l == null ? void 0 : l.statusRequiredTask) === 2 && /* @__PURE__ */ t(xr, { id: r }),
+          !(l != null && l.nameRequiredTask) || (l == null ? void 0 : l.nameRequiredTask) !== "" && (l == null ? void 0 : l.statusRequiredTask) === 2 && /* @__PURE__ */ t(hr, { id: r }),
           /* @__PURE__ */ t(
             Vt,
             {
@@ -3202,30 +3220,52 @@ const dr = () => {
           ),
           /* @__PURE__ */ t(ae, { startDate: l == null ? void 0 : l.startDate, endDate: l == null ? void 0 : l.endDate }),
           g === r && /* @__PURE__ */ c("div", { className: "tw-h-[30px] tw-bg-silver-silver_dark tw-rounded-md tw-flex tw-justify-center tw-items-center tw-gap-2 tw-p-[4px] tw-rounded-[12px]", children: [
-            /* @__PURE__ */ t(H, { dispatch: /* @__PURE__ */ t(
-              "button",
+            /* @__PURE__ */ t(
+              H,
               {
-                className: "tw-z-10 tw-bg-silver-silver_light tw-rounded-[8px] tw-h-[21px] tw-w-[24px] tw-flex tw-justify-center tw-items-center tw-w-fit tw-px-[4px] hover:tw-bg-gray-200 hover:tw-cursor-help",
-                onClick: (h) => {
-                  h.stopPropagation(), console.log("comment");
-                },
-                children: /* @__PURE__ */ t(F, { icon: "comment", size: "xs", strokeWidth: 5, color: x.texts.subtext, classNameDiv: "tw-w-[13px] tw-h-[13px]", style: { width: "13px", height: "13px" } })
+                dispatch: /* @__PURE__ */ t(
+                  "button",
+                  {
+                    className: "tw-z-10 tw-bg-silver-silver_light tw-rounded-[8px] tw-h-[21px] tw-w-[24px] tw-flex tw-justify-center tw-items-center tw-w-fit tw-px-[4px] hover:tw-bg-gray-200 hover:tw-cursor-help",
+                    onClick: (h) => {
+                      h.stopPropagation(), console.log("comment");
+                    },
+                    children: /* @__PURE__ */ t(
+                      F,
+                      {
+                        icon: "comment",
+                        size: "xs",
+                        strokeWidth: 5,
+                        color: x.texts.subtext,
+                        classNameDiv: "tw-w-[13px] tw-h-[13px]",
+                        style: { width: "13px", height: "13px" }
+                      }
+                    )
+                  }
+                ),
+                children: /* @__PURE__ */ t("div", { className: "tw-flex tw-items-center tw-justify-center tw-px-3 tw-py-2 tw-bg-bg-card tw-rounded-lg tw-border tw-border-border-card", children: /* @__PURE__ */ t("p", { className: "tw-text-texts-placeholder tw-text-lg tw-font-semibold", children: "Espéralo muy pronto..." }) })
               }
-            ), children: /* @__PURE__ */ t("div", { className: "tw-flex tw-items-center tw-justify-center tw-px-3 tw-py-2 tw-bg-bg-card tw-rounded-lg tw-border tw-border-border-card", children: /* @__PURE__ */ t("p", { className: "tw-text-texts-placeholder tw-text-lg tw-font-semibold", children: "Espéralo muy pronto..." }) }) }),
-            (l == null ? void 0 : l.status) !== 2 && /* @__PURE__ */ t("div", { onClick: (h) => {
-              h.stopPropagation();
-            }, children: /* @__PURE__ */ t(
-              Jt,
+            ),
+            (l == null ? void 0 : l.status) !== 2 && /* @__PURE__ */ t(
+              "div",
               {
-                id: r,
-                nameRequiredTask: l.nameRequiredTask,
-                status: l.status,
-                statusRequiredTask: l.statusRequiredTask,
-                projectID: (m = i == null ? void 0 : i.data) == null ? void 0 : m.id,
-                atrasoId: (v = l == null ? void 0 : l.atraso) == null ? void 0 : v.atrasoId,
-                categoria: l == null ? void 0 : l.categoria
+                onClick: (h) => {
+                  h.stopPropagation();
+                },
+                children: /* @__PURE__ */ t(
+                  Jt,
+                  {
+                    id: r,
+                    nameRequiredTask: l.nameRequiredTask,
+                    status: l.status,
+                    statusRequiredTask: l.statusRequiredTask,
+                    projectID: (p = i == null ? void 0 : i.data) == null ? void 0 : p.id,
+                    atrasoId: (v = l == null ? void 0 : l.atraso) == null ? void 0 : v.atrasoId,
+                    categoria: l == null ? void 0 : l.categoria
+                  }
+                )
               }
-            ) })
+            )
           ] })
         ]
       }
@@ -3233,14 +3273,14 @@ const dr = () => {
     /* @__PURE__ */ t(Gt, { taskId: r, isOpen: a, setIsOpen: n })
   ] });
 }, le = ({ id: r }) => {
-  var d, l, g, p, b, _;
+  var d, l, g, m, b, _;
   const { tasksProject: e, openTasks: s, openTask: a } = it(), n = (d = e == null ? void 0 : e.data) == null ? void 0 : d.find((u) => u.id === r), o = (() => {
     var v;
-    const u = e == null ? void 0 : e.data, m = [];
+    const u = e == null ? void 0 : e.data, p = [];
     return (v = n == null ? void 0 : n.tasks) == null || v.forEach((h) => {
       const C = u.find((f) => f.id === (h == null ? void 0 : h.id));
-      C && m.push(C);
-    }), m;
+      C && p.push(C);
+    }), p;
   })();
   return n ? /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-gap-m tw-mb-2 tw-overflow-y-auto", children: [
     /* @__PURE__ */ c(
@@ -3271,73 +3311,73 @@ const dr = () => {
           /* @__PURE__ */ t(ae, { startDate: n == null ? void 0 : n.startDate, endDate: n == null ? void 0 : n.endDate }),
           /* @__PURE__ */ c("button", { className: "tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-flex tw-justify-center tw-items-center tw-w-fit tw-px-m hover:tw-bg-gray-200", children: [
             /* @__PURE__ */ t(F, { icon: "subtasks", size: "xs", strokeWidth: 5, color: x.texts.subtext }),
-            /* @__PURE__ */ t("p", { className: "tw-text-xl", children: ((g = n == null ? void 0 : n.tasks) == null ? void 0 : g.length) === 0 ? 1 : (p = n == null ? void 0 : n.tasks) == null ? void 0 : p.length })
+            /* @__PURE__ */ t("p", { className: "tw-text-xl", children: ((g = n == null ? void 0 : n.tasks) == null ? void 0 : g.length) === 0 ? 1 : (m = n == null ? void 0 : n.tasks) == null ? void 0 : m.length })
           ] })
         ]
       }
     ),
-    s.includes(r) && /* @__PURE__ */ t("div", { className: "tw-ml-[30px]", children: ((b = n == null ? void 0 : n.tasks) == null ? void 0 : b.length) > 0 ? (_ = n == null ? void 0 : n.tasks) == null ? void 0 : _.map((u) => /* @__PURE__ */ t(le, { id: u == null ? void 0 : u.id })) : /* @__PURE__ */ t(hr, { id: n == null ? void 0 : n.id }) })
+    s.includes(r) && /* @__PURE__ */ t("div", { className: "tw-ml-[30px]", children: ((b = n == null ? void 0 : n.tasks) == null ? void 0 : b.length) > 0 ? (_ = n == null ? void 0 : n.tasks) == null ? void 0 : _.map((u) => /* @__PURE__ */ t(le, { id: u == null ? void 0 : u.id })) : /* @__PURE__ */ t(fr, { id: n == null ? void 0 : n.id }) })
   ] }) : null;
-}, fr = () => {
+}, br = () => {
   var a;
   const { tasksProject: r, projectID: e } = it();
   if (r != null && r.isFetching || r != null && r.isLoading) return /* @__PURE__ */ t(re, {});
   let s = [...(a = r == null ? void 0 : r.data) == null ? void 0 : a.filter((n) => n.isPrincipalTask)];
-  return /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-col tw-gap-m", children: /* @__PURE__ */ t(mr, { project: e, children: s == null ? void 0 : s.sort((n, i) => n.orden - i.orden).map((n) => /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-col tw-gap-m tw-border-b tw-border-gray-200 tw-pb-m ", children: /* @__PURE__ */ t(le, { id: n.id }) })) }) });
-}, br = ({
+  return /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-col tw-gap-m", children: /* @__PURE__ */ t(gr, { project: e, children: s == null ? void 0 : s.sort((n, i) => n.orden - i.orden).map((n) => /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-col tw-gap-m tw-border-b tw-border-gray-200 tw-pb-m ", children: /* @__PURE__ */ t(le, { id: n.id }) })) }) });
+}, yr = ({
   setPath: r,
   setProject: e
 }) => {
-  const [s, a] = y([]), [n, i] = y(!0), [o, d] = y(0), [l, g] = y(10), [p, b] = y(0), [_, u] = y("nombre"), { filters: m, defineFields: v } = V(), { tasks_api: h, getImageOBP: C } = K(), { user: f } = Y(), j = async (w, S) => {
-    var D, B, O;
+  const [s, a] = y([]), [n, i] = y(!0), [o, d] = y(0), [l, g] = y(10), [m, b] = y(0), [_, u] = y("nombre"), { filters: p, defineFields: v } = V(), { tasks_api: h, getImageOBP: C } = B(), { user: f } = Y(), P = async (w, S) => {
+    var E, z, Q;
     try {
       i(!0);
-      const Q = {
+      const L = {
         filters: {
-          search: (m == null ? void 0 : m.search) ?? "",
+          search: (p == null ? void 0 : p.search) ?? "",
           responsable: {
             idUser: f.id,
-            responsableType: (D = m == null ? void 0 : m.responsable) == null ? void 0 : D.responsableType
+            responsableType: (E = p == null ? void 0 : p.responsable) == null ? void 0 : E.responsableType
           },
-          ejecutivo: (m == null ? void 0 : m.ejecutivo) ?? ""
+          ejecutivo: (p == null ? void 0 : p.ejecutivo) ?? ""
         }
-      }, E = await h.get("/api/listado_campanias", {
+      }, D = await h.get("/api/listado_campanias", {
         params: {
           pagination: {
             page: w,
             pageSize: S
           },
           orderBy: _,
-          ...Q
+          ...L
         }
-      }), U = X(E == null ? void 0 : E.data);
-      a(U), b((O = (B = E == null ? void 0 : E.data) == null ? void 0 : B.meta) == null ? void 0 : O.total);
-    } catch (Q) {
-      console.error("Error fetching data en Lista Campaña:", Q);
+      }), U = X(D == null ? void 0 : D.data);
+      a(U), b((Q = (z = D == null ? void 0 : D.data) == null ? void 0 : z.meta) == null ? void 0 : Q.total);
+    } catch (L) {
+      console.error("Error fetching data en Lista Campaña:", L);
     } finally {
       i(!1);
     }
-  }, P = async () => {
+  }, j = async () => {
     try {
       const w = await h.get("/api/obtener-comerciales");
-      return [...Mt].map((D) => (D.id === "ejecutivo" && (D.options = w.data.map((B) => ({
-        id: B.nombre,
-        name: B.nombre
-      }))), D));
+      return [...Mt].map((E) => (E.id === "ejecutivo" && (E.options = w.data.map((z) => ({
+        id: z.nombre,
+        name: z.nombre
+      }))), E));
     } catch (w) {
       return console.error("Error fetching salesman data:", w), [...Mt];
     }
   };
   A(() => {
     (async () => {
-      const S = await P();
+      const S = await j();
       v(S);
     })();
   }, []), A(() => {
     const w = Math.floor(o / l) + 1;
-    j(w, l);
-  }, [o, l, _, m]);
-  const T = (w) => {
+    P(w, l);
+  }, [o, l, _, p]);
+  const k = (w) => {
     d(w.first), g(w.rows);
   }, M = [
     { label: "5 filas", value: 5 },
@@ -3348,10 +3388,10 @@ const dr = () => {
     { label: "50 filas", value: 50 }
   ], q = (w) => {
     const S = parseInt(w.target.value, 10);
-    g(S), T({ first: 0, rows: S });
-  }, I = (w) => {
+    g(S), k({ first: 0, rows: S });
+  }, K = (w) => {
     u((S) => S === w ? `${w}:desc` : w);
-  }, N = (w) => _ === w ? "↑↓" : _ === `${w}:desc` ? "↓↑" : "↑↓", k = (w) => ({
+  }, N = (w) => _ === w ? "↑↓" : _ === `${w}:desc` ? "↓↑" : "↑↓", T = (w) => ({
     padding: "auto",
     backgroundColor: x.silver.silver_light,
     borderRadius: "50%",
@@ -3377,7 +3417,7 @@ const dr = () => {
         flexDirection: "column",
         height: "100%"
       },
-      children: n ? /* @__PURE__ */ t("div", { className: "tw-w-full", children: /* @__PURE__ */ t(re, {}) }) : /* @__PURE__ */ t(L, { children: /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-h-full", children: [
+      children: n ? /* @__PURE__ */ t("div", { className: "tw-w-full", children: /* @__PURE__ */ t(re, {}) }) : /* @__PURE__ */ t(I, { children: /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-h-full", children: [
         /* @__PURE__ */ t("div", { className: "tw-flex-1 tw-overflow-auto", children: /* @__PURE__ */ c(
           "table",
           {
@@ -3398,71 +3438,69 @@ const dr = () => {
                     /* @__PURE__ */ t(
                       "th",
                       {
-                        onClick: () => I("nombre"),
+                        onClick: () => K("nombre"),
                         style: {
                           color: x.gray.gray_dark,
                           textAlign: "left"
                         },
-                        children: /* @__PURE__ */ c("div", { style: { display: "flex", alignItems: "center" }, children: [
-                          /* @__PURE__ */ t(
-                            "label",
-                            {
-                              className: "tw-text-s",
-                              style: {
-                                color: x.gray.gray_dark
-                              },
-                              children: N("nombre")
-                            }
-                          ),
-                          "Campaña"
-                        ] })
-                      }
-                    ),
-                    /* @__PURE__ */ t(
-                      "th",
-                      {
-                        onClick: () => I("inicia"),
-                        className: "tw-whitespace-nowrap",
-                        style: {
-                          color: x.gray.gray_dark,
-                          textAlign: "left"
-                        },
-                        children: /* @__PURE__ */ t("div", { className: "tw-flex tw-items-center tw-w-fit tw-space-x-1", children: /* @__PURE__ */ c(
-                          "label",
+                        children: /* @__PURE__ */ c(
+                          "div",
                           {
-                            className: "tw-text-s tw-flex tw-items-center",
-                            style: {
-                              color: x.gray.gray_dark
-                            },
+                            className: "tw-flex tw-items-center tw-w-fit tw-space-x-1",
+                            style: { display: "flex", alignItems: "center" },
                             children: [
-                              N("inicia"),
                               /* @__PURE__ */ t(
-                                F,
-                                {
-                                  icon: "calendar",
-                                  size: "xs",
-                                  strokeWidth: 5,
-                                  color: x.gray.gray_dark
-                                }
-                              ),
-                              /* @__PURE__ */ t(
-                                "span",
+                                "label",
                                 {
+                                  className: "tw-text-s",
                                   style: {
                                     color: x.gray.gray_dark
                                   },
-                                  children: "Fecha Inicio"
+                                  children: N("nombre")
                                 }
-                              )
+                              ),
+                              /* @__PURE__ */ t("span", { className: "tw-font-sans tw-font-normal tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-align-middle", children: "Campaña" })
                             ]
                           }
-                        ) })
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ t(
+                      "th",
+                      {
+                        onClick: () => K("inicia"),
+                        className: "tw-whitespace-nowrap",
+                        style: {
+                          color: x.gray.gray_dark,
+                          textAlign: "left"
+                        },
+                        children: /* @__PURE__ */ c("div", { className: "tw-flex tw-items-center tw-w-fit tw-space-x-1", children: [
+                          /* @__PURE__ */ t("label", { style: { color: x.gray.gray_dark }, children: N("inicia") }),
+                          /* @__PURE__ */ t(
+                            F,
+                            {
+                              icon: "calendar",
+                              size: "xs",
+                              strokeWidth: 5,
+                              color: x.gray.gray_dark,
+                              className: "tw-mt-1 tw-w-[15px] tw-h-[15px]"
+                            }
+                          ),
+                          /* @__PURE__ */ t(
+                            "span",
+                            {
+                              style: { color: x.gray.gray_dark },
+                              className: "tw-font-sans tw-font-normal tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-align-middle",
+                              children: "Fecha Inicio"
+                            }
+                          )
+                        ] })
                       }
                     ),
                     /* @__PURE__ */ t(
                       "th",
                       {
-                        onClick: () => I("termina"),
+                        onClick: () => K("termina"),
                         className: "tw-whitespace-nowrap",
                         style: {
                           color: x.gray.gray_dark,
@@ -3473,8 +3511,7 @@ const dr = () => {
                             "label",
                             {
                               style: {
-                                color: "#C4C4C4",
-                                fontSize: "10px"
+                                color: "#C4C4C4"
                               },
                               children: N("termina")
                             }
@@ -3485,48 +3522,49 @@ const dr = () => {
                               icon: "calendar",
                               size: "xs",
                               strokeWidth: 5,
-                              color: x.gray.gray_dark
+                              color: x.gray.gray_dark,
+                              className: "tw-mt-1 tw-w-[15px] tw-h-[15px]"
                             }
                           ),
-                          /* @__PURE__ */ t("span", { children: "Fecha Fin" })
+                          /* @__PURE__ */ t("span", { className: "tw-font-sans tw-font-normal tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-align-middle", children: "Fecha Fin" })
                         ] })
                       }
                     ),
                     /* @__PURE__ */ t(
                       "th",
                       {
+                        className: "tw-whitespace-nowrap tw-text-center align-middle",
                         style: {
-                          color: x.gray.gray_dark,
-                          textAlign: "left"
+                          color: x.gray.gray_dark
                         },
-                        children: "Status"
+                        children: /* @__PURE__ */ t("div", { className: "tw-inline-flex tw-items-center tw-justify-center tw-w-full", children: /* @__PURE__ */ t("span", { className: "tw-font-sans tw-font-normal tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal", children: "Status de campaña" }) })
                       }
                     ),
                     /* @__PURE__ */ t(
                       "th",
                       {
+                        className: "tw-whitespace-nowrap tw-text-center align-middle",
                         style: {
-                          color: x.gray.gray_dark,
-                          textAlign: "left"
+                          color: x.gray.gray_dark
                         },
-                        children: "Progreso de Ejecución"
+                        children: /* @__PURE__ */ t("div", { className: "tw-inline-flex tw-items-center tw-justify-center tw-w-full", children: /* @__PURE__ */ t("span", { className: "tw-font-sans tw-font-normal tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal", children: "Progreso de Ejecución" }) })
                       }
                     ),
                     /* @__PURE__ */ t(
                       "th",
                       {
+                        className: "tw-whitespace-nowrap tw-text-center align-middle",
                         style: {
-                          color: x.gray.gray_dark,
-                          textAlign: "left"
+                          color: x.gray.gray_dark
                         },
-                        children: "Responsable"
+                        children: /* @__PURE__ */ t("div", { className: "tw-inline-flex tw-items-center tw-justify-center tw-w-full", children: /* @__PURE__ */ t("span", { className: "tw-font-sans tw-font-normal tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal", children: "Responsable" }) })
                       }
                     )
                   ]
                 }
               ) }),
               /* @__PURE__ */ t("tbody", { children: s == null ? void 0 : s.map((w, S) => {
-                var D, B, O, Q, E, U, z, R, $, W, tt, et, ct, G, rt, Tt, kt, Ft;
+                var E, z, Q, L, D, U, R, O, $, W, tt, et, ct, G, rt, kt, Tt, Ft;
                 return /* @__PURE__ */ c(
                   "tr",
                   {
@@ -3534,7 +3572,7 @@ const dr = () => {
                       background: S % 2 === 0 ? "#F5F5F5" : "#FAFAFA",
                       transition: "background-color 0.2s ease"
                     },
-                    className: "tw-cursor-pointer",
+                    className: "tw-cursor-pointer ",
                     onClick: () => {
                       e({
                         id: w == null ? void 0 : w.id,
@@ -3548,9 +3586,9 @@ const dr = () => {
                       gt.currentTarget.style.backgroundColor = S % 2 === 0 ? "#F5F5F5" : "#FAFAFA";
                     },
                     children: [
-                      /* @__PURE__ */ t("td", { className: "tw-text-s", children: (D = w == null ? void 0 : w.campania) == null ? void 0 : D.nombre }),
-                      /* @__PURE__ */ t("td", { className: "tw-text-s", children: (B = w == null ? void 0 : w.campania) == null ? void 0 : B.inicia }),
-                      /* @__PURE__ */ t("td", { className: "tw-text-s", children: (O = w == null ? void 0 : w.campania) == null ? void 0 : O.termina }),
+                      /* @__PURE__ */ t("td", { className: "tw-text-s", children: (E = w == null ? void 0 : w.campania) == null ? void 0 : E.nombre }),
+                      /* @__PURE__ */ t("td", { className: "tw-text-s", children: (z = w == null ? void 0 : w.campania) == null ? void 0 : z.inicia }),
+                      /* @__PURE__ */ t("td", { className: "tw-text-s", children: (Q = w == null ? void 0 : w.campania) == null ? void 0 : Q.termina }),
                       /* @__PURE__ */ t("td", { className: "tw-text-s", children: /* @__PURE__ */ c(
                         "div",
                         {
@@ -3576,7 +3614,8 @@ const dr = () => {
                                   flex: 1,
                                   backgroundColor: x.gray.gray_dark,
                                   borderRadius: "10px",
-                                  overflow: "hidden"
+                                  overflow: "hidden",
+                                  maxWidth: "140px"
                                 },
                                 children: /* @__PURE__ */ t(
                                   "div",
@@ -3617,13 +3656,15 @@ const dr = () => {
                             /* @__PURE__ */ t(
                               "div",
                               {
+                                className: "tw-inline-flex tw-items-center tw-justify-center tw-w-full",
                                 style: {
                                   position: "relative",
                                   height: "10px",
                                   flex: 1,
                                   backgroundColor: x.gray.gray_dark,
                                   borderRadius: "10px",
-                                  overflow: "hidden"
+                                  overflow: "hidden",
+                                  maxWidth: "180px"
                                 },
                                 children: /* @__PURE__ */ t(
                                   "div",
@@ -3645,19 +3686,19 @@ const dr = () => {
                           ]
                         }
                       ) }),
-                      /* @__PURE__ */ t("td", { className: "tw-text-s", children: /* @__PURE__ */ c("div", { className: "tw-flex tw-items-center tw-justify-center tw-text-s", children: [
+                      /* @__PURE__ */ t("td", { className: "tw-text-s tw-pt-[1.2rem] tw-pb-[1.2rem]", children: /* @__PURE__ */ c("div", { className: "tw-flex tw-items-center tw-justify-center tw-text-s", children: [
                         /* @__PURE__ */ t(
                           J,
                           {
-                            imageUrl: (R = (z = (U = (E = (Q = w == null ? void 0 : w.campania) == null ? void 0 : Q.responsable) == null ? void 0 : E.imagen) == null ? void 0 : U.formats) == null ? void 0 : z.thumbnail) != null && R.url ? C(
+                            imageUrl: (O = (R = (U = (D = (L = w == null ? void 0 : w.campania) == null ? void 0 : L.responsable) == null ? void 0 : D.imagen) == null ? void 0 : U.formats) == null ? void 0 : R.thumbnail) != null && O.url ? C(
                               (ct = (et = (tt = (W = ($ = w == null ? void 0 : w.campania) == null ? void 0 : $.responsable) == null ? void 0 : W.imagen) == null ? void 0 : tt.formats) == null ? void 0 : et.thumbnail) == null ? void 0 : ct.url
                             ) : "",
-                            alt: (Tt = (rt = (G = w == null ? void 0 : w.campania) == null ? void 0 : G.responsable) == null ? void 0 : rt.nombre) == null ? void 0 : Tt.charAt(
+                            alt: (kt = (rt = (G = w == null ? void 0 : w.campania) == null ? void 0 : G.responsable) == null ? void 0 : rt.nombre) == null ? void 0 : kt.charAt(
                               0
                             )
                           }
                         ),
-                        /* @__PURE__ */ t("span", { className: "tw-ml-4 tw-text-s", children: (Ft = (kt = w == null ? void 0 : w.campania) == null ? void 0 : kt.responsable) == null ? void 0 : Ft.nombre })
+                        /* @__PURE__ */ t("span", { className: "tw-ml-4 tw-text-s", children: (Ft = (Tt = w == null ? void 0 : w.campania) == null ? void 0 : Tt.responsable) == null ? void 0 : Ft.nombre })
                       ] }) })
                     ]
                   },
@@ -3677,11 +3718,11 @@ const dr = () => {
                 justifyContent: "flex-start",
                 color: x.black.black_dark
               },
-              className: "tw-text-s tw-whitespace-nowrap",
+              className: "tw-whitespace-nowrap tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-none tw-tracking-normal tw-text-[#696E79]",
               children: [
                 s.length,
                 " elementos de ",
-                p
+                m
               ]
             }
           ),
@@ -3690,9 +3731,9 @@ const dr = () => {
             {
               first: o,
               rows: l,
-              totalRecords: p,
+              totalRecords: m,
               rowsPerPageOptions: [5, 10, 20, 50],
-              onPageChange: T,
+              onPageChange: k,
               className: "tw-flex tw-justify-center tw-items-center tw-w-full tw-p-2 tw-gap-1 tw-rounded-lg",
               style: {
                 display: "flex",
@@ -3710,7 +3751,7 @@ const dr = () => {
                   {
                     onClick: w.onClick,
                     disabled: w.disabled,
-                    style: k(w.disabled),
+                    style: T(w.disabled),
                     className: "tw-flex tw-items-center tw-justify-center tw-text-s",
                     children: "<<"
                   }
@@ -3720,7 +3761,7 @@ const dr = () => {
                   {
                     onClick: w.onClick,
                     disabled: w.disabled,
-                    style: k(w.disabled),
+                    style: T(w.disabled),
                     className: "tw-text-s",
                     children: "<"
                   }
@@ -3730,7 +3771,7 @@ const dr = () => {
                   {
                     onClick: w.onClick,
                     disabled: w.disabled,
-                    style: k(w.disabled),
+                    style: T(w.disabled),
                     className: "tw-text-s",
                     children: ">"
                   }
@@ -3740,7 +3781,7 @@ const dr = () => {
                   {
                     onClick: w.onClick,
                     disabled: w.disabled,
-                    style: k(w.disabled),
+                    style: T(w.disabled),
                     className: "tw-text-s",
                     children: ">>"
                   }
@@ -3751,7 +3792,7 @@ const dr = () => {
                     onClick: (S) => w.onClick(S),
                     className: `tw-flex tw-items-center tw-justify-center tw-text-s ${w.className.includes("p-highlight") ? "highlighted" : ""}`,
                     style: {
-                      ...k(!1),
+                      ...T(!1),
                       backgroundColor: w.className.includes(
                         "p-highlight"
                       ) ? "#E1EBF9" : x.silver.silver_light,
@@ -3764,7 +3805,7 @@ const dr = () => {
             }
           ),
           /* @__PURE__ */ c("div", { className: "tw-flex tw-items-center tw-gap-2", children: [
-            /* @__PURE__ */ t("span", { className: "tw-text-s tw-whitespace-nowrap", children: "Filas por página:" }),
+            /* @__PURE__ */ t("span", { className: "tw-whitespace-nowrap tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-none tw-tracking-normal tw-text-[#696E79]", children: "Filas por página:" }),
             /* @__PURE__ */ t(
               "select",
               {
@@ -3775,6 +3816,7 @@ const dr = () => {
                   border: `1px solid ${x.gray.gray_dark}`,
                   borderRadius: "4px"
                 },
+                className: "tw-whitespace-nowrap tw-font-sans tw-font-[400] tw-text-[1.4rem] tw-leading-none tw-tracking-normal tw-text-[#696E79]",
                 value: l,
                 onChange: (w) => q(w),
                 children: M.map((w) => /* @__PURE__ */ t(
@@ -3794,21 +3836,21 @@ const dr = () => {
       ] }) })
     }
   );
-}, yr = ({ path: r, tab: e, setPath: s, project: a, setProject: n }) => {
+}, vr = ({ path: r, tab: e, setPath: s, project: a, setProject: n }) => {
   const i = {
     "kanban-general": { kanban: /* @__PURE__ */ t(pr, {}) },
     "lista-campanias": {
-      lista: /* @__PURE__ */ t(br, { setPath: s, setProject: n }),
+      lista: /* @__PURE__ */ t(yr, { setPath: s, setProject: n }),
       gantt: /* @__PURE__ */ t("div", { children: "gantt-campanias" })
     },
     "kanban-campania": {
-      kanban: /* @__PURE__ */ t(nr, {}),
-      lista: /* @__PURE__ */ t(fr, {}),
+      kanban: /* @__PURE__ */ t(lr, {}),
+      lista: /* @__PURE__ */ t(br, {}),
       gantt: /* @__PURE__ */ t("div", { children: "kanban-campania-gantt" })
     }
   };
   return r === "kanban-campania" ? /* @__PURE__ */ t(Ut, { project: a == null ? void 0 : a.id, children: i[r][e] }) : i[r][e];
-}, vr = ({ label: r, active: e, onClick: s, disabled: a }) => a ? /* @__PURE__ */ t(
+}, Nr = ({ label: r, active: e, onClick: s, disabled: a }) => a ? /* @__PURE__ */ t(
   H,
   {
     dispatch: /* @__PURE__ */ t("button", { className: "tw-text-texts-placeholder tw-text-xl tw-font-semibold tw-cursor-help", children: r }),
@@ -3819,10 +3861,10 @@ const dr = () => {
   {
     disabled: a,
     onClick: s,
-    className: `${e ? "tw-text-texts-enfasis tw-border-b-2 tw-border-texts-enfasis" : ""} tw-text-xl tw-font-semibold ${a ? "tw-cursor-not-allowed tw-text-texts-placeholder tw-text-lg" : "tw-text-texts-subtext"}`,
+    className: `${e ? "tw-text-texts-enfasis tw-border-b-2 tw-border-texts-enfasis tw-text-blue-600" : ""} tw-text-xl tw-font-semibold ${a ? "tw-cursor-not-allowed tw-text-texts-placeholder tw-text-lg" : "tw-text-texts-subtext"}`,
     children: r
   }
-), Nr = ({ tabs: r, renderItem: e, initialTab: s }) => {
+), _r = ({ tabs: r, renderItem: e, initialTab: s }) => {
   const [a, n] = y(s ?? r[0].toLowerCase());
   A(() => {
     s && n(s);
@@ -3835,7 +3877,7 @@ const dr = () => {
     {
       className: `${d === 0 ? "tw-border-l-2" : ""} tw-border-r-2 tw-border-gray-200 tw-px-m`,
       children: /* @__PURE__ */ t(
-        vr,
+        Nr,
         {
           onClick: () => i(o.toLowerCase()),
           label: o,
@@ -3847,7 +3889,7 @@ const dr = () => {
     }
   )) });
 };
-function _r() {
+function Cr() {
   const { toast: r } = yt();
   return r.message ? /* @__PURE__ */ t(
     "div",
@@ -3881,22 +3923,22 @@ function _r() {
     }
   ) : null;
 }
-const Cr = ({ path: r }) => /* @__PURE__ */ t(Pe, { children: /* @__PURE__ */ c(Re, { children: [
+const kr = ({ path: r }) => /* @__PURE__ */ t(je, { children: /* @__PURE__ */ c(Le, { children: [
   /* @__PURE__ */ t(() => {
-    const { selectPath: s, updateFilters: a, applyFilters: n, filters: i } = V(), [o, d] = y("kanban"), [l, g] = y(r), [p, b] = y({
+    const { selectPath: s, updateFilters: a, applyFilters: n, filters: i } = V(), [o, d] = y("kanban"), [l, g] = y(r), [m, b] = y({
       id: 1704,
       project: "Kanban de Campania"
     }), [_, u] = y([
       { path: "lista-campanias", search: (i == null ? void 0 : i.search) ?? "" },
       { path: "kanban-campania", search: (i == null ? void 0 : i.taskName) ?? "" },
       { path: "kanban-general", search: (i == null ? void 0 : i.taskName) ?? "" }
-    ]), [m, v] = y(), h = Z(null);
+    ]), [p, v] = y(), h = Z(null);
     A(() => {
       var q;
-      d(l === "lista-campanias" ? "lista" : "kanban"), s(l), v(((q = _.find((I) => I.path === l)) == null ? void 0 : q.search) ?? "");
+      d(l === "lista-campanias" ? "lista" : "kanban"), s(l), v(((q = _.find((K) => K.path === l)) == null ? void 0 : q.search) ?? "");
     }, [r, l]), A(() => {
       var q;
-      ((q = T()) == null ? void 0 : q.trim()) === "" && a({
+      ((q = k()) == null ? void 0 : q.trim()) === "" && a({
         name: l === "lista-campanias" ? "search" : "taskName",
         value: null
       }), n();
@@ -3904,31 +3946,31 @@ const Cr = ({ path: r }) => /* @__PURE__ */ t(Pe, { children: /* @__PURE__ */ c(
     const C = (q) => ({
       "kanban-general": "Kanban General",
       "lista-campanias": "Campanias",
-      "kanban-campania": `Kanban de ${p.project}`
+      "kanban-campania": `Kanban de ${m.project}`
     })[q], f = (q) => {
       g(q);
-    }, j = ["lista-campanias", "kanban-campania"], P = {
+    }, P = ["lista-campanias", "kanban-campania"], j = {
       "lista-campanias": ["lista", "gantt"],
       "kanban-campania": ["kanban", "lista", "gantt"]
-    }, T = () => {
+    }, k = () => {
       var q;
-      return ((q = _.find((I) => I.path === l)) == null ? void 0 : q.search) ?? "";
+      return ((q = _.find((K) => K.path === l)) == null ? void 0 : q.search) ?? "";
     }, M = (q) => {
       u(
-        (I) => I.map((N) => N.path === l ? { ...N, search: q } : N)
+        (K) => K.map((N) => N.path === l ? { ...N, search: q } : N)
       );
     };
     return A(() => {
       const q = setTimeout(() => {
         a({
           name: l === "lista-campanias" ? "search" : "taskName",
-          value: m == null ? void 0 : m.trim()
-        }), M(m);
+          value: p == null ? void 0 : p.trim()
+        }), M(p);
       }, 500);
       return () => {
         clearTimeout(q);
       };
-    }, [m]), /* @__PURE__ */ c("div", { className: "tw-bg-bg-card tw-p-m tw-rounded-lg tw-border tw-border-gray-200 tw-flex tw-flex-col tw-gap-m tw-w-full tw-h-full tw-min-h-[100%] tw-relative tw-overflow-hidden", children: [
+    }, [p]), /* @__PURE__ */ c("div", { className: "tw-bg-bg-card tw-p-m tw-rounded-lg tw-border tw-border-gray-200 tw-flex tw-flex-col tw-gap-m tw-w-full tw-h-full tw-min-h-[100%] tw-relative tw-overflow-hidden", children: [
       /* @__PURE__ */ c("div", { className: "tw-w-full tw-justify-between tw-flex tw-items-end tw-border-b tw-border-gray-200 tw-pb-m tw-px-l tw-flex-wrap tw-gap-l", children: [
         /* @__PURE__ */ c("div", { className: "tw-flex tw-gap-xl", children: [
           l === "kanban-campania" && /* @__PURE__ */ t(
@@ -3948,11 +3990,11 @@ const Cr = ({ path: r }) => /* @__PURE__ */ t(Pe, { children: /* @__PURE__ */ c(
               )
             }
           ),
-          /* @__PURE__ */ t("h2", { className: "tw-text-texts tw-font-medium", children: C(l) }),
-          j.includes(l) && /* @__PURE__ */ t(
-            Nr,
+          /* @__PURE__ */ t("h2", { className: "tw-text-texts tw-font-sans tw-text-[1.6rem] tw-font-semibold ", children: C(l) }),
+          P.includes(l) && /* @__PURE__ */ t(
+            _r,
             {
-              tabs: P[l],
+              tabs: j[l],
               renderItem: (q) => {
                 d(q);
               },
@@ -3960,7 +4002,7 @@ const Cr = ({ path: r }) => /* @__PURE__ */ t(Pe, { children: /* @__PURE__ */ c(
             }
           )
         ] }),
-        /* @__PURE__ */ c("div", { className: "tw-flex tw-items-center tw-gap-s", children: [
+        /* @__PURE__ */ c("div", { className: "tw-flex tw-items-center tw-gap-s ", children: [
           /* @__PURE__ */ t(
             "input",
             {
@@ -3969,8 +4011,8 @@ const Cr = ({ path: r }) => /* @__PURE__ */ t(Pe, { children: /* @__PURE__ */ c(
               },
               type: "text",
               placeholder: "Buscar",
-              value: m,
-              className: "tw-w-[200px] tw-h-[30px] tw-border-none tw-bg-bg-card tw-shadow-input tw-border tw-border-gray-200 tw-rounded-lg tw-px-l tw-text-xl "
+              value: p,
+              className: "tw-w-[200px] tw-h-[30px] tw-bg-bg-card tw-shadow-input tw-border tw-border-gray-200 tw-rounded-lg tw-px-l tw-text-xl  hover:tw-border-active hover:tw-border hover:tw-border-2 hover:tw-border-blue-500"
             }
           ),
           /* @__PURE__ */ t(
@@ -3982,44 +4024,44 @@ const Cr = ({ path: r }) => /* @__PURE__ */ t(Pe, { children: /* @__PURE__ */ c(
                 {
                   ref: h,
                   className: "tw-w-max tw-max-w-[400px] tw-h-fit tw-bg-bg-card tw-shadow-lg tw-rounded-lg tw-p-l",
-                  children: /* @__PURE__ */ t(Se, {})
+                  children: /* @__PURE__ */ t(Me, {})
                 }
               )
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ t("div", { className: "tw-overflow-y-auto tw-scrollbar-none tw-max-h-[100%] tw-h-full", children: /* @__PURE__ */ t(Ut, { project: p.id, children: /* @__PURE__ */ t(
-        yr,
+      /* @__PURE__ */ t("div", { className: "tw-overflow-y-auto tw-scrollbar-none tw-max-h-[100%] tw-h-full", children: /* @__PURE__ */ t(Ut, { project: m.id, children: /* @__PURE__ */ t(
+        vr,
         {
           path: l,
           tab: o,
           setPath: f,
-          project: p,
+          project: m,
           setProject: b
         }
       ) }) })
     ] });
   }, {}),
-  /* @__PURE__ */ t(_r, {})
+  /* @__PURE__ */ t(Cr, {})
 ] }) }), Tr = () => /* @__PURE__ */ t("div", { className: "tw-w-full tw-h-full tw-min-h-[100%] tw-relative", children: /* @__PURE__ */ t("div", { className: "tw-flex tw-justify-center tw-items-center tw-h-full", children: /* @__PURE__ */ c("div", { className: "tw-text-2xl tw-font-bold tw-flex tw-flex-col tw-items-center", children: [
   /* @__PURE__ */ t("div", { className: "tw-w-10 tw-h-10 tw-bg-primary-regular tw-rounded-full tw-animate-pulse" }),
   /* @__PURE__ */ t("p", { className: "tw-text-l tw-text-texts-enfasis", children: "un momento..." }),
   /* @__PURE__ */ t("p", { className: "tw-text-sm tw-text-texts-placeholder", children: "estamos buscando tu usuario" })
-] }) }) }), kr = () => /* @__PURE__ */ t("div", { className: "tw-w-full tw-h-full tw-min-h-[100%] tw-relative", children: /* @__PURE__ */ t("div", { className: "tw-flex tw-justify-center tw-items-center tw-h-full", children: /* @__PURE__ */ c("div", { className: "tw-text-2xl tw-font-bold tw-flex tw-flex-col tw-items-center", children: [
+] }) }) }), Fr = () => /* @__PURE__ */ t("div", { className: "tw-w-full tw-h-full tw-min-h-[100%] tw-relative", children: /* @__PURE__ */ t("div", { className: "tw-flex tw-justify-center tw-items-center tw-h-full", children: /* @__PURE__ */ c("div", { className: "tw-text-2xl tw-font-bold tw-flex tw-flex-col tw-items-center", children: [
   /* @__PURE__ */ t("div", { className: "tw-w-10 tw-h-10 tw-bg-primary-regular tw-rounded-full tw-animate-pulse" }),
   /* @__PURE__ */ t("p", { className: "tw-text-l tw-text-texts-enfasis", children: "No encontramos tu acceso" }),
   /* @__PURE__ */ t("p", { className: "tw-text-sm tw-text-texts-placeholder", children: "por favor, contacta al administrador" })
-] }) }) }), Ir = ({ path: r, user: e, url: s, mode: a }) => {
+] }) }) }), Kr = ({ path: r, user: e, url: s, mode: a }) => {
   const n = new oe();
   if (!e) return /* @__PURE__ */ t(Tr, {});
-  if (!e.accessToken) return /* @__PURE__ */ t(kr, {});
+  if (!e.accessToken) return /* @__PURE__ */ t(Fr, {});
   let i = { user: e, url: s, mode: a };
-  return /* @__PURE__ */ t(L, { children: /* @__PURE__ */ t(De, { ...i, children: /* @__PURE__ */ t(Ee, { ...i, children: /* @__PURE__ */ t("div", { className: "tw-w-full tw-h-full tw-min-h-[100%] tw-relative", children: /* @__PURE__ */ c(ie, { client: n, children: [
-    /* @__PURE__ */ t(Cr, { path: r }),
+  return /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(Re, { ...i, children: /* @__PURE__ */ t(De, { ...i, children: /* @__PURE__ */ t("div", { className: "tw-w-full tw-h-full tw-min-h-[100%] tw-relative", children: /* @__PURE__ */ c(ie, { client: n, children: [
+    /* @__PURE__ */ t(kr, { path: r }),
     " "
   ] }) }) }) }) });
 };
 export {
-  Ir as AppTasks
+  Kr as AppTasks
 };