npm - @imj_media/tareas - Versions diffs - 0.1.21 → 0.1.22 - Mend

@imj_media/tareas 0.1.21 → 0.1.22

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

Files changed (6) hide show

package/dist/packages/tareas/src/components/kanban-general/filters.d.ts +9 -0
package/dist/packages/tareas/src/context/filtersLayout.context.d.ts +1 -0
package/dist/packages/tareas/src/hooks/useFunctionsTasks.d.ts +3 -0
package/dist/tareas.cjs +2 -2
package/dist/tareas.es.js +833 -776
package/package.json +2 -2

package/dist/tareas.es.js CHANGED Viewed

@@ -1,39 +1,39 @@
-import { jsx as e, jsxs as o, Fragment as q } from "react/jsx-runtime";
+import { jsx as e, jsxs as o, Fragment as j } from "react/jsx-runtime";
 import "@imj_media/imj-ui/styles.css";
-import { useQueryClient as H, useQuery as ae, useMutation as Ke, useInfiniteQuery as ne, QueryClient as Ue, QueryClientProvider as Qe } from "@tanstack/react-query";
-import { useState as y, useEffect as _, useRef as L, createContext as V, useContext as G } from "react";
-import { Tooltip as K, Icons as C } from "@imj_media/tasks-modules";
-import X from "react-dom";
-import ve from "axios";
-import Ce from "qs";
-import { parseISO as He, formatDistanceToNow as Ve, format as _e } from "date-fns";
-import { es as re } from "date-fns/locale";
-import { Button as Fe, Avatar as J, AvatarImage as Z, AvatarFallback as k, Input as Ge, Label as Ye, Accordion as Xe, AccordionItem as Je, AccordionTrigger as Ze, AccordionContent as ke } from "@imj_media/imj-ui";
-import { useForm as et } from "react-hook-form";
-import { Paginator as tt } from "primereact/paginator";
-const at = ({ label: a, active: t, onClick: r, disabled: n }) => n ? /* @__PURE__ */ e(K, { dispatch: /* @__PURE__ */ o("button", { className: "text-texts-placeholder text-xs font-semibold cursor-help", children: [
+import { useQueryClient as V, useQuery as re, useMutation as Ce, useInfiniteQuery as se, QueryClient as Ge, QueryClientProvider as Ye } from "@tanstack/react-query";
+import { useState as y, useEffect as F, useRef as O, createContext as G, useContext as Y } from "react";
+import { Tooltip as H, Icons as C } from "@imj_media/tasks-modules";
+import Z from "react-dom";
+import Se from "axios";
+import Ae from "qs";
+import { parseISO as Xe, formatDistanceToNow as Je, format as qe } from "date-fns";
+import { es as le } from "date-fns/locale";
+import { Button as je, Avatar as k, AvatarImage as ee, AvatarFallback as te, Input as Ze, Label as ke, Accordion as et, AccordionItem as tt, AccordionTrigger as at, AccordionContent as nt } from "@imj_media/imj-ui";
+import { useForm as rt } from "react-hook-form";
+import { Paginator as st } from "primereact/paginator";
+const lt = ({ label: a, active: t, onClick: r, disabled: n }) => n ? /* @__PURE__ */ e(H, { dispatch: /* @__PURE__ */ o("button", { className: "text-texts-placeholder text-xs font-semibold cursor-help", children: [
   " ",
   a,
   " "
-] }), children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center px-3 py-2 bg-bg-card rounded-lg border border-border-card", children: /* @__PURE__ */ e("p", { className: "text-texts-placeholder text-xs font-semibold", children: "Espéralo muy pronto..." }) }) }) : /* @__PURE__ */ e("button", { disabled: n, onClick: r, className: `${t ? "text-texts-enfasis border-b-2 border-texts-enfasis" : ""} text-xs font-semibold ${n ? "cursor-not-allowed text-texts-placeholder" : "text-texts-subtext"} `, children: a }), nt = ({ tabs: a, renderItem: t, initialTab: r }) => {
-  const [n, l] = y(r ?? a[0].toLowerCase());
-  _(() => {
-    r && l(r);
+] }), children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center px-3 py-2 bg-bg-card rounded-lg border border-border-card", children: /* @__PURE__ */ e("p", { className: "text-texts-placeholder text-xs font-semibold", children: "Espéralo muy pronto..." }) }) }) : /* @__PURE__ */ e("button", { disabled: n, onClick: r, className: `${t ? "text-texts-enfasis border-b-2 border-texts-enfasis" : ""} text-xs font-semibold ${n ? "cursor-not-allowed text-texts-placeholder" : "text-texts-subtext"} `, children: a }), it = ({ tabs: a, renderItem: t, initialTab: r }) => {
+  const [n, s] = y(r ?? a[0].toLowerCase());
+  F(() => {
+    r && s(r);
   }, [r]);
-  const s = (i) => {
-    l(i), t(i);
+  const l = (i) => {
+    s(i), t(i);
   };
   return /* @__PURE__ */ e("div", { className: "flex", children: a.map((i, u) => /* @__PURE__ */ e("div", { className: `${u === 0 ? "border-l-2" : ""} border-r-2 border-gray-200 px-m`, children: /* @__PURE__ */ e(
-    at,
+    lt,
     {
-      onClick: () => s(i.toLowerCase()),
+      onClick: () => l(i.toLowerCase()),
       label: i,
       active: i.toLowerCase() === n,
       disabled: ["gantt"].includes(i.toLowerCase())
     },
     u
   ) })) });
-}, P = {
+}, S = {
   bg: {
     DEFAULT: "#EFEFEF",
     content: "#FAFAFA",
@@ -95,161 +95,161 @@ const at = ({ label: a, active: t, onClick: r, disabled: n }) => n ? /* @__PURE_
     regular: "#0EA5E9",
     pastel: "#0EA5E9"
   }
-}, le = () => {
+}, ie = () => {
   const [a, t] = y(null);
   return {
     //Properties
     position: a,
     //Methods
-    setElementPosition: (s) => {
-      var p;
-      let i = (p = s.current) == null ? void 0 : p.getBoundingClientRect(), u = (i == null ? void 0 : i.x) + ((i == null ? void 0 : i.width) ?? 0), c = (i == null ? void 0 : i.y) + (i == null ? void 0 : i.height);
+    setElementPosition: (l) => {
+      var x;
+      let i = (x = l.current) == null ? void 0 : x.getBoundingClientRect(), u = (i == null ? void 0 : i.x) + ((i == null ? void 0 : i.width) ?? 0), c = (i == null ? void 0 : i.y) + (i == null ? void 0 : i.height);
       t(a ? null : { x: u ?? 0, y: c ?? 0 });
     },
-    getChildrenSize: (s) => {
+    getChildrenSize: (l) => {
       var i;
-      return (i = s.current) == null ? void 0 : i.getBoundingClientRect();
+      return (i = l.current) == null ? void 0 : i.getBoundingClientRect();
     },
     clearPosition: () => {
       t(null);
     }
   };
-}, rt = ({ children: a, filterChildren: t }) => {
-  const { position: r, setElementPosition: n } = le(), l = L(null), s = ({ children: i }) => {
+}, ot = ({ children: a, filterChildren: t }) => {
+  const { position: r, setElementPosition: n } = ie(), s = O(null), l = ({ children: i }) => {
     const [u, c] = y();
-    return _(() => {
-      var p, d;
-      t.current && c(((r == null ? void 0 : r.x) ?? 0) - (((d = (p = t.current) == null ? void 0 : p.getBoundingClientRect()) == null ? void 0 : d.width) ?? 0));
-    }, [t == null ? void 0 : t.current, r == null ? void 0 : r.x]), r && X.createPortal(
+    return F(() => {
+      var x, d;
+      t.current && c(((r == null ? void 0 : r.x) ?? 0) - (((d = (x = t.current) == null ? void 0 : x.getBoundingClientRect()) == null ? void 0 : d.width) ?? 0));
+    }, [t == null ? void 0 : t.current, r == null ? void 0 : r.x]), r && Z.createPortal(
       /* @__PURE__ */ e("div", { className: `absolute w-fit h-fit ${u ? "block" : "hidden"}`, style: { top: `${r == null ? void 0 : r.y}px`, left: `${u}px`, zIndex: 1 }, children: i }),
       document.body
     );
   };
-  return /* @__PURE__ */ o(q, { children: [
+  return /* @__PURE__ */ o(j, { children: [
     /* @__PURE__ */ o(
       "label",
       {
-        ref: l,
+        ref: s,
         htmlFor: "filter-button",
         className: "flex cursor-pointer items-center gap-m p-s text-texts-enfasis fill-texts-enfasis bg-bg rounded-lg px-l h-[30px] shadow-button-primary hover:shadow-button-primary-hover ",
         children: [
-          /* @__PURE__ */ e(C, { icon: "filter", size: "xs", strokeWidth: 5, color: P.primary.regular }),
+          /* @__PURE__ */ e(C, { icon: "filter", size: "xs", strokeWidth: 5, color: S.primary.regular }),
           "Filtrar"
         ]
       }
     ),
     /* @__PURE__ */ e("button", { className: "hidden", id: "filter-button", onClick: () => {
-      n(l);
+      n(s);
     } }),
-    /* @__PURE__ */ e(s, { children: a })
+    /* @__PURE__ */ e(l, { children: a })
   ] });
-}, ye = (a) => {
+}, _e = (a) => {
   let t = {};
   return Object.entries(a).forEach(([r, n]) => {
     if (r.includes(".")) {
-      let [l, s] = r.split(".");
-      t[l] = t[l] || {}, t[l][s] = n;
+      let [s, l] = r.split(".");
+      t[s] = t[s] || {}, t[s][l] = n;
     } else
       t[r] = n;
   }), t;
-}, Te = V({}), lt = ({ children: a }) => {
-  const [t, r] = y({}), [n, l] = y({}), [s, i] = y([]), [u, c] = y(""), p = ({ name: m, value: x }) => {
-    function w(v) {
+}, De = G({}), ct = ({ children: a }) => {
+  const [t, r] = y({}), [n, s] = y({}), [l, i] = y([]), [u, c] = y(""), x = ({ name: p, value: m }) => {
+    function g(v) {
       return !isNaN(v) && v !== null && v !== "" ? parseFloat(v) : null;
     }
-    let f = w(x);
-    l((v) => {
-      let b = { ...v }, N = s == null ? void 0 : s.find((F) => F.label.toLowerCase().replace(/ /g, "_") === m);
-      return N ? b[N.id] = f ?? x : b[m] = f ?? x, b;
+    let b = g(m);
+    s((v) => {
+      let w = { ...v }, N = l == null ? void 0 : l.find((T) => T.label.toLowerCase().replace(/ /g, "_") === p);
+      return N ? w[N.id] = b ?? m : w[p] = b ?? m, w;
     });
   };
-  _(() => {
-    let m = s.map((x) => x.id === "owner.config" ? [x.id, "yo_y_mis_equipos"] : x.id === "dependency" ? [x.id, "ambas"] : [x.id, null]);
-    l(
-      Object.fromEntries(m)
+  F(() => {
+    let p = l.map((m) => m.id === "owner.config" ? [m.id, "yo_y_mis_equipos"] : m.id === "dependency" ? [m.id, "ambas"] : [m.id, null]);
+    s(
+      Object.fromEntries(p)
     );
-  }, [s]);
+  }, [l]);
   const d = () => {
-    let m = s.map((x) => x.id === "owner.config" ? [x.id, "yo_y_mis_equipos"] : x.id === "dependency" ? [x.id, "ambas"] : [x.id, null]);
-    l(Object.fromEntries(m)), r(ye(Object.fromEntries(m)));
-  }, g = () => {
-    let m = ye(n);
-    console.log({ filtersWithEstructure: m }), r(m);
+    let p = l.map((m) => m.id === "owner.config" ? [m.id, "yo_y_mis_equipos"] : m.id === "dependency" ? [m.id, "ambas"] : [m.id, null]);
+    s(Object.fromEntries(p)), r(_e(Object.fromEntries(p)));
+  }, f = () => {
+    let p = _e(n);
+    console.log({ filtersWithEstructure: p }), r(p);
   };
-  return /* @__PURE__ */ e(Te.Provider, { value: {
+  return /* @__PURE__ */ e(De.Provider, { value: {
     //properties
-    fields: s,
+    fields: l,
     filters: t,
     path: u,
     //methods
     defineFields: i,
-    updateFilters: p,
+    updateFilters: x,
     cleanFilters: d,
-    applyFilters: g,
+    applyFilters: f,
     initialFilters: n,
     selectPath: c
   }, children: a });
-}, $ = () => G(Te);
-function Pe(a, t = 300, r = { leading: !1, trailing: !0 }) {
-  let n, l = null;
-  return function(...s) {
-    const i = Date.now(), u = r.leading && !l;
-    clearTimeout(n), u && a(...s), l = i, n = setTimeout(() => {
-      r.trailing && (!r.leading || i - l >= t) && (a(...s), l = null);
+}, $ = () => Y(De);
+function $e(a, t = 300, r = { leading: !1, trailing: !0 }) {
+  let n, s = null;
+  return function(...l) {
+    const i = Date.now(), u = r.leading && !s;
+    clearTimeout(n), u && a(...l), s = i, n = setTimeout(() => {
+      r.trailing && (!r.leading || i - s >= t) && (a(...l), s = null);
     }, t);
   };
 }
-const st = () => {
+const dt = () => {
   const {
     fields: a,
     updateFilters: t,
     cleanFilters: r,
     applyFilters: n,
-    initialFilters: l
+    initialFilters: s
   } = $();
   return /* @__PURE__ */ o("div", { className: "flex flex-col gap-l min-w-[250px] z-[100]", children: [
     /* @__PURE__ */ o("div", { className: "flex justify-between items-center", children: [
       /* @__PURE__ */ e("p", { className: "text-texts text-m", children: "Filtros" }),
       /* @__PURE__ */ e("button", { className: "text-xs font-semibold flex cursor-pointer items-center gap-m p-s text-texts-enfasis fill-texts-enfasis bg-bg rounded-lg px-l h-fit shadow-button-primary hover:shadow-button-primary-hover ", onClick: r, children: "Limpiar" })
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col gap-m", children: a == null ? void 0 : a.map((s, i) => {
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-m", children: a == null ? void 0 : a.map((l, i) => {
       var u;
       return /* @__PURE__ */ o("div", { children: [
-        /* @__PURE__ */ e("p", { className: "text-sm", children: s.label }),
-        (s == null ? void 0 : s.type) === "select" ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e("p", { className: "text-sm", children: l.label }),
+        (l == null ? void 0 : l.type) === "select" ? /* @__PURE__ */ e(
           "select",
           {
             onChange: (c) => {
-              var p, d;
+              var x, d;
               t({
-                name: (p = c == null ? void 0 : c.target) == null ? void 0 : p.name,
+                name: (x = c == null ? void 0 : c.target) == null ? void 0 : x.name,
                 value: (d = c == null ? void 0 : c.target) == null ? void 0 : d.value
               });
             },
-            value: l == null ? void 0 : l[s == null ? void 0 : s.id],
+            value: s == null ? void 0 : s[l == null ? void 0 : l.id],
             className: "w-full h-[30px] shadow-input rounded-lg p-s",
-            name: s.id,
-            id: s.id,
-            children: (u = s == null ? void 0 : s.options) == null ? void 0 : u.map((c, p) => /* @__PURE__ */ e(
+            name: l.id,
+            id: l.id,
+            children: (u = l == null ? void 0 : l.options) == null ? void 0 : u.map((c, x) => /* @__PURE__ */ e(
               "option",
               {
                 value: c.id,
                 children: c.name
               },
-              p
+              x
             ))
           }
         ) : /* @__PURE__ */ e(
           "input",
           {
             className: "w-full h-[30px] shadow-input rounded-lg p-s",
-            type: s.type,
-            value: l == null ? void 0 : l[s == null ? void 0 : s.id],
-            name: s.label.toLowerCase().replace(/ /g, "_"),
-            onChange: Pe((c) => {
-              var p, d;
+            type: l.type,
+            value: s == null ? void 0 : s[l == null ? void 0 : l.id],
+            name: l.label.toLowerCase().replace(/ /g, "_"),
+            onChange: $e((c) => {
+              var x, d;
               return t({
-                name: (p = c == null ? void 0 : c.target) == null ? void 0 : p.name,
+                name: (x = c == null ? void 0 : c.target) == null ? void 0 : x.name,
                 value: (d = c == null ? void 0 : c.target) == null ? void 0 : d.value
               });
             }, 1e3)
@@ -259,31 +259,31 @@ const st = () => {
     }) }),
     /* @__PURE__ */ e("button", { className: "btn-primary rounded-md py-s", onClick: n, children: "Filtrar" })
   ] });
-}, z = (a) => {
+}, K = (a) => {
   const t = (n) => Object.prototype.toString.call(n) === "[object Object]", r = (n) => n.attributes ? {
     id: n.id,
     ...n.attributes
   } : n;
   if (Array.isArray(a))
-    return a.map((n) => z(n));
+    return a.map((n) => K(n));
   if (t(a)) {
     Array.isArray(a.data) ? a = [...a.data] : t(a.data) ? a = r({ ...a.data }) : a.data === null ? a = null : a = r(a);
     for (const n in a)
-      a[n] = z(a[n]);
+      a[n] = K(a[n]);
     return a;
   }
   return a;
 };
-class it {
+class ut {
   static toCampaignTasks(t) {
-    var n, l, s, i, u, c, p, d, g, m, x, w;
+    var n, s, l, i, u, c, x, d, f, p, m, g;
     let r = [];
-    return t != null && t.responsable && r.push({ id: t.responsable.id, name: t.responsable.nombre, image: (u = (i = (s = (l = (n = t.responsable) == null ? void 0 : n.userOBP) == null ? void 0 : l.imagen) == null ? void 0 : s.formats) == null ? void 0 : i.thumbnail) == null ? void 0 : u.url }), console.log("task", t), (c = t == null ? void 0 : t.equipo) != null && c.miembros && t.equipo.miembros.forEach((f) => {
-      var v, b, N, F;
-      r != null && r.find((T) => T.id === f.idUser.id) || f.idUser && r.push({ id: f.idUser.id, name: f.idUser.nombre, image: (F = (N = (b = (v = f == null ? void 0 : f.userOBP) == null ? void 0 : v.imagen) == null ? void 0 : b.formats) == null ? void 0 : N.thumbnail) == null ? void 0 : F.url });
+    return t != null && t.responsable && r.push({ id: t.responsable.id, name: t.responsable.nombre, image: (u = (i = (l = (s = (n = t.responsable) == null ? void 0 : n.userOBP) == null ? void 0 : s.imagen) == null ? void 0 : l.formats) == null ? void 0 : i.thumbnail) == null ? void 0 : u.url }), console.log("task", t), (c = t == null ? void 0 : t.equipo) != null && c.miembros && t.equipo.miembros.forEach((b) => {
+      var v, w, N, T;
+      r != null && r.find((_) => _.id === b.idUser.id) || b.idUser && r.push({ id: b.idUser.id, name: b.idUser.nombre, image: (T = (N = (w = (v = b == null ? void 0 : b.userOBP) == null ? void 0 : v.imagen) == null ? void 0 : w.formats) == null ? void 0 : N.thumbnail) == null ? void 0 : T.url });
     }), {
       isPrincipalTask: (t == null ? void 0 : t.tarea_principal) ?? !1,
-      projectName: ((p = t == null ? void 0 : t.proyecto) == null ? void 0 : p.nombre) ?? null,
+      projectName: ((x = t == null ? void 0 : t.proyecto) == null ? void 0 : x.nombre) ?? null,
       orden: (t == null ? void 0 : t.orden) ?? null,
       id: (t == null ? void 0 : t.id) ?? null,
       task: (t == null ? void 0 : t.texto_corto) ?? null,
@@ -298,16 +298,16 @@ class it {
       repeats: (t == null ? void 0 : t.repeticiones_realizadas) ?? null,
       comments: ((d = t == null ? void 0 : t.comentarios) == null ? void 0 : d.length) ?? null,
       willBePaused: t == null ? void 0 : t.es_pausable,
-      statusRequiredTask: ((g = t == null ? void 0 : t.id_t_requerida) == null ? void 0 : g.estatus) ?? null,
-      nameRequiredTask: ((m = t == null ? void 0 : t.id_t_requerida) == null ? void 0 : m.texto_corto) ?? null,
-      responsible: ((x = t == null ? void 0 : t.responsable) == null ? void 0 : x.id) ?? null,
-      tasks: ((w = t == null ? void 0 : t.tareas) == null ? void 0 : w.map((f) => ({ id: f.id, name: f.texto_corto, status: f.estatus }))) ?? null
+      statusRequiredTask: ((f = t == null ? void 0 : t.id_t_requerida) == null ? void 0 : f.estatus) ?? null,
+      nameRequiredTask: ((p = t == null ? void 0 : t.id_t_requerida) == null ? void 0 : p.texto_corto) ?? null,
+      responsible: ((m = t == null ? void 0 : t.responsable) == null ? void 0 : m.id) ?? null,
+      tasks: ((g = t == null ? void 0 : t.tareas) == null ? void 0 : g.map((b) => ({ id: b.id, name: b.texto_corto, status: b.estatus }))) ?? null
     };
   }
 }
-const ot = async ({ filters: a, tasks_api: t, project: r }) => {
+const mt = async ({ filters: a, tasks_api: t, project: r }) => {
   try {
-    const n = await t.get("/api/listado_tareas", {
+    const n = await t.get("/api/listado_tareas_flujo", {
       params: {
         ...a,
         project: {
@@ -316,20 +316,20 @@ const ot = async ({ filters: a, tasks_api: t, project: r }) => {
         includeAllTasks: !0
       }
     });
-    return z(n.data.tareas).map(it.toCampaignTasks);
+    return K(n.data.tareas).map(ut.toCampaignTasks);
   } catch (n) {
     console.log(n);
   }
-}, Ae = V({}), ct = ({ children: a, user: t, url: r }) => {
-  const n = ve.create({
+}, Ee = G({}), pt = ({ children: a, user: t, url: r }) => {
+  const n = Se.create({
     baseURL: r,
     headers: {
       Authorization: `Bearer ${t.accessToken}`
     },
-    paramsSerializer: (l) => Ce.stringify(l, { encodeValuesOnly: !0 })
+    paramsSerializer: (s) => Ae.stringify(s, { encodeValuesOnly: !0 })
   });
   return /* @__PURE__ */ e(
-    Ae.Provider,
+    Ee.Provider,
     {
       value: {
         //methods
@@ -338,16 +338,16 @@ const ot = async ({ filters: a, tasks_api: t, project: r }) => {
       children: a
     }
   );
-}, E = () => G(Ae), Se = V({}), dt = ({ children: a, user: t, url: r }) => {
-  const n = ve.create({
+}, E = () => Y(Ee), Me = G({}), ht = ({ children: a, user: t, url: r }) => {
+  const n = Se.create({
     baseURL: r,
     headers: {
       Authorization: `Bearer ${t.accessToken}`
     },
-    paramsSerializer: (l) => Ce.stringify(l, { encodeValuesOnly: !0 })
+    paramsSerializer: (s) => Ae.stringify(s, { encodeValuesOnly: !0 })
   });
   return /* @__PURE__ */ e(
-    Se.Provider,
+    Me.Provider,
     {
       value: {
         //properties
@@ -358,19 +358,19 @@ const ot = async ({ filters: a, tasks_api: t, project: r }) => {
       children: a
     }
   );
-}, I = () => G(Se), qe = V({}), ut = ({ children: a, project: t }) => {
+}, W = () => Y(Me), Le = G({}), xt = ({ children: a, project: t }) => {
   var v;
-  const r = H(), [n, l] = y([]), [s, i] = y([]), { tasks_api: u } = E(), { filters: c } = $(), { user: p } = I(), [d, g] = y({
+  const r = V(), [n, s] = y([]), [l, i] = y([]), { tasks_api: u } = E(), { filters: c } = $(), { user: x } = W(), [d, f] = y({
     owner: {
-      user: p.id,
+      user: x.id,
       config: ((v = c == null ? void 0 : c.owner) == null ? void 0 : v.config) ?? "yo_y_mis_equipos"
     },
     project: {
       id: t
     }
-  }), m = ae({
+  }), p = re({
     queryKey: ["tasksProject", c, t],
-    queryFn: () => ot({
+    queryFn: () => mt({
       filters: {
         ...d
       },
@@ -378,45 +378,45 @@ const ot = async ({ filters: a, tasks_api: t, project: r }) => {
       tasks_api: u
     })
   });
-  _(() => {
-    var b;
-    Object.keys(c).length > 0 && g({
+  F(() => {
+    var w;
+    Object.keys(c).length > 0 && f({
       ...c,
       owner: {
-        user: p.id,
-        config: ((b = c == null ? void 0 : c.owner) == null ? void 0 : b.config) ?? "yo_y_mis_equipos"
+        user: x.id,
+        config: ((w = c == null ? void 0 : c.owner) == null ? void 0 : w.config) ?? "yo_y_mis_equipos"
       },
       project: {
         id: t
       }
     });
-  }, [c]), _(() => {
+  }, [c]), F(() => {
     r.invalidateQueries({
       queryKey: ["tasksProject", c, t]
     });
   }, [d]);
-  const x = (b) => {
-    l((N) => [...N, b]);
-  }, w = (b) => {
-    i((N) => N.includes(b) ? N.filter((F) => F !== b) : [...N, b]);
-  }, f = t ?? null;
+  const m = (w) => {
+    s((N) => [...N, w]);
+  }, g = (w) => {
+    i((N) => N.includes(w) ? N.filter((T) => T !== w) : [...N, w]);
+  }, b = t ?? null;
   return /* @__PURE__ */ e(
-    qe.Provider,
+    Le.Provider,
     {
       value: {
         //properties
-        tasksProject: m,
+        tasksProject: p,
         selectedTasks: n,
-        projectID: f,
-        openTasks: s,
+        projectID: b,
+        openTasks: l,
         //methods
-        selectTask: x,
-        openTask: w
+        selectTask: m,
+        openTask: g
       },
       children: a
     }
   );
-}, Y = () => G(qe), mt = [
+}, X = () => Y(Le), gt = [
   {
     label: "Tipo de dependencia",
     type: "select",
@@ -467,51 +467,102 @@ const ot = async ({ filters: a, tasks_api: t, project: r }) => {
       name: "Muy dificil"
     }]
   }
-], pt = ({ id: a }) => {
-  const [t, r] = y(!1);
+], oe = () => {
+  const { tasks_api: a } = E(), { user: t } = W(), { filters: r, path: n } = $(), s = V(), { projectID: l } = X(), i = async ({ id: m }) => (await a.put(`/api/tareas/${m}`, {
+    data: {
+      estatus: 1,
+      responsable: t == null ? void 0 : t.id,
+      updated_by: t == null ? void 0 : t.id
+    }
+  })).data, u = async ({ id: m }) => (await a.post("/api/terminarTarea", {
+    id_task: m,
+    ended_at: (/* @__PURE__ */ new Date()).toISOString(),
+    id_user: t == null ? void 0 : t.id
+  })).data, c = async ({ id: m, data: g, user: b }) => {
+  }, x = async ({ id: m }) => {
+    await d({ id: m });
+  }, { mutateAsync: d } = Ce({
+    mutationFn: i,
+    onSuccess: () => {
+      const m = {
+        "kanban-general": "to_do_tasks",
+        "kanban-campania": "tasksProject"
+      };
+      try {
+        n === "kanban-general" && (s.invalidateQueries({ queryKey: [m[n], r] }), s.invalidateQueries({ queryKey: ["working_tasks", r] })), n === "kanban-campania" && s.invalidateQueries({ queryKey: [m[n], r, l] });
+      } catch (g) {
+        console.error("Error updating the element:", g);
+      }
+    },
+    onError: (m) => {
+      console.error("Failed to update the task.", m);
+    }
+  }), { mutateAsync: f } = Ce({
+    mutationFn: u,
+    onSuccess: () => {
+      const m = {
+        "kanban-general": "to_do_tasks",
+        "kanban-campania": "tasksProject"
+      };
+      n === "kanban-general" && (s.invalidateQueries({ queryKey: [m[n], r] }), s.invalidateQueries({ queryKey: ["done_tasks", r] })), n === "kanban-campania" && s.invalidateQueries({ queryKey: [m[n], r, l] });
+    },
+    onError: (m) => {
+      console.error("Failed to update the task.", m);
+    }
+  });
+  return {
+    //* Methods
+    updateTask: c,
+    startWorking: x,
+    completeTask: async ({ id: m }) => {
+      await f({ id: m });
+    }
+  };
+}, ft = ({ id: a }) => {
+  const [t, r] = y(!1), { completeTask: n } = oe();
   return { checked: t, checkTask: () => {
-    r(!t), console.log("completar tarea", a);
+    r(!t), n({ id: a });
   } };
-}, De = ({ id: a, nameRequiredTask: t, statusRequiredTask: r, status: n }) => {
-  const { checked: l, checkTask: s } = pt({ id: a });
+}, ze = ({ id: a, nameRequiredTask: t, statusRequiredTask: r, status: n }) => {
+  const { checked: s, checkTask: l } = ft({ id: a });
   let i = Math.random().toString();
-  return /* @__PURE__ */ o(q, { children: [
-    n === 1 && (r < 2 && t !== "" ? /* @__PURE__ */ e(K, { dispatch: /* @__PURE__ */ e("label", { htmlFor: i, children: /* @__PURE__ */ e(C, { icon: "info_circle", color: P.warning.regular, strokeWidth: 4 }) }), children: /* @__PURE__ */ o("div", { className: "px-m py-s max-w-[200px] bg-warning-light rounded-lg border-l-[5px] border-warning-regular text-warning-dark text-xs", children: [
-      /* @__PURE__ */ e("p", { className: "font-bold", children: "Requiere completar su tarea requerida:" }),
+  return /* @__PURE__ */ o(j, { children: [
+    t !== "" && r === 2 || !t ? n === 1 ? /* @__PURE__ */ e("label", { htmlFor: i, className: s ? "bg-success-regular rounded-full w-[20px] h-[20px] flex items-center justify-center mx-[2px] transition-all" : " transition-colors", children: /* @__PURE__ */ e(
+      C,
+      {
+        icon: s ? "check_outline" : "circle_checked",
+        color: s ? "white" : S.texts.placeholder,
+        strokeWidth: 4,
+        size: s ? "xs" : "s"
+      }
+    ) }) : /* @__PURE__ */ e(j, { children: " " }) : /* @__PURE__ */ e(H, { dispatch: /* @__PURE__ */ e("label", { className: "cursor-help", children: /* @__PURE__ */ e(C, { icon: "info_circle", color: S.warning.regular, strokeWidth: 4 }) }), children: /* @__PURE__ */ o("div", { className: " p-l max-w-[400px] w-fit bg-warning-light rounded-lg border-l-[5px] border-warning-regular text-warning-dark text-xs flex flex-col gap-m", children: [
+      /* @__PURE__ */ e("p", { className: "font-bold", children: " Requiere completar su tarea requerida: " }),
       /* @__PURE__ */ o("p", { children: [
         " ",
         t,
         " "
       ] })
-    ] }) }) : /* @__PURE__ */ e("label", { htmlFor: i, className: l ? "bg-success-regular rounded-full w-[20px] h-[20px] flex items-center justify-center mx-[2px] transition-all" : " transition-colors", children: /* @__PURE__ */ e(
-      C,
-      {
-        icon: l ? "check_outline" : "circle_checked",
-        color: l ? "white" : P.texts.placeholder,
-        strokeWidth: 4,
-        size: l ? "xs" : "s"
-      }
-    ) })),
-    /* @__PURE__ */ e("input", { id: i, checked: l, onChange: s, type: "checkbox", className: "hidden" })
+    ] }) }),
+    /* @__PURE__ */ e("input", { id: i, checked: s, onChange: l, type: "checkbox", className: "hidden" })
   ] });
-}, O = ({ imageUrl: a = "https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png", alt: t = "avatar" }) => /* @__PURE__ */ e(
+}, U = ({ imageUrl: a = "https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png", alt: t = "avatar" }) => /* @__PURE__ */ e(
   "img",
   {
     src: a === "" ? "https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png" : a,
     alt: t ?? "avatar",
     className: "w-[28px] h-[28px] min-w-[28px] min-h-[28px] rounded-full bg-containers border-2 border-white"
   }
-), we = ({ trigger: a, user: t, showUser: r = !0 }) => /* @__PURE__ */ e(K, { dispatch: a, children: r && /* @__PURE__ */ o("div", { className: "flex items-center gap-2 bg-containers w-fit h-fit p-2 rounded-lg border-containers", children: [
-  /* @__PURE__ */ e(O, { imageUrl: t.image ?? "", alt: t.name }),
+), Fe = ({ trigger: a, user: t, showUser: r = !0 }) => /* @__PURE__ */ e(H, { dispatch: a, children: r && /* @__PURE__ */ o("div", { className: "flex items-center gap-2 bg-containers w-fit h-fit p-2 rounded-lg border-containers", children: [
+  /* @__PURE__ */ e(U, { imageUrl: t.image ?? "", alt: t.name }),
   /* @__PURE__ */ e("p", { className: "text-xs font-bold content-text", children: t.name })
-] }) }), ht = ({ options: a, onselect: t }) => {
-  const [r, n] = y(null), l = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15), s = [...a].filter((i) => i.name.toLowerCase().includes((r == null ? void 0 : r.toLowerCase()) ?? ""));
+] }) }), bt = ({ options: a, onselect: t }) => {
+  const [r, n] = y(null), s = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15), l = [...a].filter((i) => i.name.toLowerCase().includes((r == null ? void 0 : r.toLowerCase()) ?? ""));
   return /* @__PURE__ */ o("div", { className: "h-fit w-full min-w-max", children: [
     /* @__PURE__ */ o("div", { className: "relative flex items-center", children: [
       /* @__PURE__ */ e(
         "input",
         {
-          id: l,
+          id: s,
           value: r ?? "",
           onChange: (i) => n(i.target.value),
           type: "text",
@@ -521,15 +572,15 @@ const ot = async ({ filters: a, tasks_api: t, project: r }) => {
       ),
       /* @__PURE__ */ e("div", { className: "absolute right-[8px]", children: /* @__PURE__ */ e(C, { icon: "search", size: "xs", strokeWidth: 3 }) })
     ] }),
-    /* @__PURE__ */ e("div", { className: "bg-bg-card border-cards rounded-lg p-2 flex flex-col gap-s overflow-y-auto max-h-[120px] min-w-max", children: s.map((i) => /* @__PURE__ */ o("button", { onClick: () => {
+    /* @__PURE__ */ e("div", { className: "bg-bg-card border-cards rounded-lg p-2 flex flex-col gap-s overflow-y-auto max-h-[120px] min-w-max", children: l.map((i) => /* @__PURE__ */ o("button", { onClick: () => {
       t(i);
     }, className: "flex gap-s items-center max-w-[200px] min-w-full hover:bg-primary-light cursor-pointer", children: [
-      /* @__PURE__ */ e(O, { imageUrl: i.image, alt: i.name }),
+      /* @__PURE__ */ e(U, { imageUrl: i.image, alt: i.name }),
       /* @__PURE__ */ e("p", { className: "text-xs font-bold content-text", children: i.name })
     ] })) })
   ] });
 };
-class xt {
+class yt {
   static toDomain(t) {
     return {
       id: t.id,
@@ -538,141 +589,141 @@ class xt {
     };
   }
 }
-const gt = () => {
+const wt = () => {
   const { tasks_api: a } = E();
-  return { teams: ae({
+  return { teams: re({
     queryKey: ["teams", "all"],
     queryFn: async () => {
       const r = await a.get("/api/equipos");
-      return z(r.data).map(xt.toDomain);
+      return K(r.data).map(yt.toDomain);
     }
   }) };
 };
-class ft {
+class Nt {
   static toUsers(t) {
-    var r, n, l;
+    var r, n, s;
     return {
       id: t.id,
       name: t.nombre,
-      image: (l = (n = (r = t.imagen) == null ? void 0 : r.formats) == null ? void 0 : n.thumbnail) == null ? void 0 : l.url
+      image: (s = (n = (r = t.imagen) == null ? void 0 : r.formats) == null ? void 0 : n.thumbnail) == null ? void 0 : s.url
     };
   }
 }
-const bt = async ({
+const vt = async ({
   tasks_api: a
 }) => {
   try {
     const t = await a.get("/api/allOBPUsers");
-    return z(t.data).map(ft.toUsers);
+    return K(t.data).map(Nt.toUsers);
   } catch (t) {
     throw console.log("Error al obtener los usuarios comerciales", t), `Error al obtener los usuarios comerciales: ${t}`;
   }
-}, yt = () => {
+}, Ct = () => {
   const { tasks_api: a } = E();
   return {
-    users: ae({
+    users: re({
       queryKey: ["users"],
-      queryFn: () => bt({ tasks_api: a }),
+      queryFn: () => vt({ tasks_api: a }),
       staleTime: 1e3 * 60 * 60 * 24
     })
   };
-}, je = (a) => new Intl.DateTimeFormat("es-MX", { month: "long" }).format(a);
-function wt(a) {
+}, Be = (a) => new Intl.DateTimeFormat("es-MX", { month: "long" }).format(a);
+function _t(a) {
   const t = ["domingo", "lunes", "martes", "miércoles", "jueves", "viernes", "sábado"], r = new Date(a).getDay();
   return t[r];
 }
-const Ne = (a) => {
-  let t = a || /* @__PURE__ */ new Date(), r = t.getDate(), n = je(t.getMonth()).slice(0, 3), l = t.getFullYear().toString().slice(-2), s = wt(t).slice(0, 3);
-  return `${s.charAt(0).toUpperCase() + s.slice(1)} ${r} ${n.charAt(0).toUpperCase() + n.slice(1)} ${l}`;
-}, se = (a) => ({
+const Te = (a) => {
+  let t = a || /* @__PURE__ */ new Date(), r = t.getDate(), n = Be(t.getMonth()).slice(0, 3), s = t.getFullYear().toString().slice(-2), l = _t(t).slice(0, 3);
+  return `${l.charAt(0).toUpperCase() + l.slice(1)} ${r} ${n.charAt(0).toUpperCase() + n.slice(1)} ${s}`;
+}, ce = (a) => ({
   ...a,
   image: a.image ? `https://devobp.imjmedia.com.mx${a.image}` : ""
-}), $e = ({
+}), Ie = ({
   users: a,
   onClick: t,
   responsible: r
 }) => {
   let n = `button-assign-users-${Math.random().toString(36).substring(2, 15)}`;
-  const { setElementPosition: l, position: s, clearPosition: i } = le(), u = L(null), c = () => r ? null : a.length > 3 && /* @__PURE__ */ e(
-    K,
+  const { setElementPosition: s, position: l, clearPosition: i } = ie(), u = O(null), c = () => r ? null : a.length > 3 && /* @__PURE__ */ e(
+    H,
     {
       dispatch: /* @__PURE__ */ e("div", { className: "w-[28px] h-[28px] rounded-full btn-primary flex items-center justify-center border-2 border-white ml-[-8px]", children: /* @__PURE__ */ e("p", { className: "text-xs font-bold text-white ", children: `+${a.length - 3}` }) }),
-      children: /* @__PURE__ */ e("div", { className: "bg-containers w-fit h-fit p-2 rounded-lg border-containers", children: a == null ? void 0 : a.slice(3).map((m, x) => /* @__PURE__ */ o("div", { className: "flex items-center gap-2 ", children: [
-        /* @__PURE__ */ e(O, { imageUrl: m.image ?? "", alt: m.name }, x),
-        /* @__PURE__ */ e("p", { className: "text-xs font-bold content-text", children: m.name })
-      ] }, x)) })
+      children: /* @__PURE__ */ e("div", { className: "bg-containers w-fit h-fit p-2 rounded-lg border-containers", children: a == null ? void 0 : a.slice(3).map((p, m) => /* @__PURE__ */ o("div", { className: "flex items-center gap-2 ", children: [
+        /* @__PURE__ */ e(U, { imageUrl: p.image ?? "", alt: p.name }, m),
+        /* @__PURE__ */ e("p", { className: "text-xs font-bold content-text", children: p.name })
+      ] }, m)) })
     }
-  ), p = () => {
+  ), x = () => {
     if (r) {
-      let m = a.find(
-        (x) => x.id === r
+      let p = a.find(
+        (m) => m.id === r
       );
       return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        we,
+        Fe,
         {
           trigger: /* @__PURE__ */ e(
-            O,
+            U,
             {
-              imageUrl: m == null ? void 0 : m.image,
-              alt: m == null ? void 0 : m.name
+              imageUrl: p == null ? void 0 : p.image,
+              alt: p == null ? void 0 : p.name
             },
             r
           ),
-          user: m,
-          showUser: !(s != null && s.x)
+          user: p,
+          showUser: !(l != null && l.x)
         }
       ) });
     }
-    return (a == null ? void 0 : a.length) > 0 && a.slice(0, 3).map((m, x) => /* @__PURE__ */ e("div", { className: `${x === 0 ? "" : "ml-[-8px]"}`, children: /* @__PURE__ */ e(
-      we,
+    return (a == null ? void 0 : a.length) > 0 && a.slice(0, 3).map((p, m) => /* @__PURE__ */ e("div", { className: `${m === 0 ? "" : "ml-[-8px]"}`, children: /* @__PURE__ */ e(
+      Fe,
       {
-        trigger: /* @__PURE__ */ e(O, { imageUrl: m.image, alt: m.name }, x),
-        user: m,
-        showUser: !(s != null && s.x)
+        trigger: /* @__PURE__ */ e(U, { imageUrl: p.image, alt: p.name }, m),
+        user: p,
+        showUser: !(l != null && l.x)
       }
     ) }));
-  }, d = ({ children: m }) => /* @__PURE__ */ e("label", { ref: u, htmlFor: n, className: "cursor-pointer flex items-center", children: m });
+  }, d = ({ children: p }) => /* @__PURE__ */ e("label", { ref: u, htmlFor: n, className: "cursor-pointer flex items-center", children: p });
   if (a.length === 0)
     return /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(C, { icon: "user", size: "xs", strokeWidth: 3 }) });
-  const g = () => {
-    var F;
-    const [m, x] = y(), [w, f] = y("team"), { teams: v } = gt(), { users: b } = yt();
-    _(() => {
-      var T, A;
-      u.current && x(((s == null ? void 0 : s.x) ?? 0) - (((A = (T = u.current) == null ? void 0 : T.getBoundingClientRect()) == null ? void 0 : A.width) ?? 0));
-    }, [u == null ? void 0 : u.current, s == null ? void 0 : s.x]);
+  const f = () => {
+    var T;
+    const [p, m] = y(), [g, b] = y("team"), { teams: v } = wt(), { users: w } = Ct();
+    F(() => {
+      var _, A;
+      u.current && m(((l == null ? void 0 : l.x) ?? 0) - (((A = (_ = u.current) == null ? void 0 : _.getBoundingClientRect()) == null ? void 0 : A.width) ?? 0));
+    }, [u == null ? void 0 : u.current, l == null ? void 0 : l.x]);
     const N = () => {
-      const T = [
+      const _ = [
         { id: "team", label: "Equipo" },
         { id: "responsible", label: "Responsable" }
       ];
-      return /* @__PURE__ */ e("div", { className: "w-full flex justify-center gap-l text-texts-placeholder font-bold", children: T.map((A, h) => /* @__PURE__ */ e(
+      return /* @__PURE__ */ e("div", { className: "w-full flex justify-center gap-l text-texts-placeholder font-bold", children: _.map((A, R) => /* @__PURE__ */ e(
         "button",
         {
-          className: `w-full text-sm border-texts-placeholder text-center ${w === A.id ? "text-primary-pastel" : ""} ${h === T.length - 1 ? "border-r-0" : " border-r-2"}`,
-          onClick: () => f(A.id),
+          className: `w-full text-sm border-texts-placeholder text-center ${g === A.id ? "text-primary-pastel" : ""} ${R === _.length - 1 ? "border-r-0" : " border-r-2"}`,
+          onClick: () => b(A.id),
           children: A.label
         }
       )) });
     };
-    return (s == null ? void 0 : s.x) && X.createPortal(
+    return (l == null ? void 0 : l.x) && Z.createPortal(
       /* @__PURE__ */ e(
         "div",
         {
-          className: `absolute w-[300px] h-fit ${m ? "block" : "hidden"}`,
-          style: { top: `${s == null ? void 0 : s.y}px`, left: `${m}px`, zIndex: 1 },
+          className: `absolute w-[300px] h-fit ${p ? "block" : "hidden"}`,
+          style: { top: `${l == null ? void 0 : l.y}px`, left: `${p}px`, zIndex: 1 },
           children: /* @__PURE__ */ o("div", { className: "flex flex-col gap-m bg-bg-card border-cards rounded-lg p-2 max-h-[200px] overflow-y-hidden", children: [
             /* @__PURE__ */ e(N, {}),
             /* @__PURE__ */ e(
-              ht,
+              bt,
               {
-                options: w === "team" ? v.data.map((T) => ({
-                  id: T.id,
-                  name: T.name,
+                options: g === "team" ? v.data.map((_) => ({
+                  id: _.id,
+                  name: _.name,
                   image: ""
-                })) : (F = b.data) == null ? void 0 : F.map(se),
-                onselect: (T) => {
-                  i(), t && t(T);
+                })) : (T = w.data) == null ? void 0 : T.map(ce),
+                onselect: (_) => {
+                  i(), t && t(_);
                 }
               }
             )
@@ -682,9 +733,9 @@ const Ne = (a) => {
       document.body
     );
   };
-  return /* @__PURE__ */ o(q, { children: [
+  return /* @__PURE__ */ o(j, { children: [
     /* @__PURE__ */ o(d, { children: [
-      p(),
+      x(),
       c()
     ] }),
     /* @__PURE__ */ e(
@@ -692,61 +743,29 @@ const Ne = (a) => {
       {
         className: "hidden",
         id: n,
-        onClick: () => l(u)
+        onClick: () => s(u)
       }
     ),
-    /* @__PURE__ */ e(g, {})
+    /* @__PURE__ */ e(f, {})
   ] });
-}, Ee = () => {
-  const { tasks_api: a } = E(), { user: t } = I(), { filters: r, path: n } = $(), l = H(), { projectID: s } = Y(), i = async ({ id: d }) => (await a.put(`/api/tareas/${d}`, {
-    data: {
-      estatus: 1,
-      responsable: t == null ? void 0 : t.id,
-      updated_by: t == null ? void 0 : t.id
-    }
-  })).data, u = async ({ id: d, data: g, user: m }) => {
-  }, c = async ({ id: d }) => {
-    await p({ id: d });
-  }, { mutateAsync: p } = Ke({
-    mutationFn: i,
-    onSuccess: () => {
-      const d = {
-        "kanban-general": "to_do_tasks",
-        "kanban-campania": "tasksProject"
-      };
-      try {
-        n === "kanban-general" && (l.invalidateQueries({ queryKey: [d[n], r] }), l.invalidateQueries({ queryKey: ["working_tasks", r] })), n === "kanban-campania" && l.invalidateQueries({ queryKey: [d[n], r, s] });
-      } catch (g) {
-        console.error("Error updating the element:", g);
-      }
-    },
-    onError: (d) => {
-      console.error("Failed to update the task.", d);
-    }
-  });
-  return {
-    //* Methods
-    updateTask: u,
-    startWorking: c
-  };
-}, Be = ({ priority: a, id: t }) => {
-  const { updateTask: r } = Ee(), n = Math.random().toString(36), [l, s] = y(null), i = (c) => ({
-    0: P.primary.regular,
-    1: P.success.regular,
-    2: P.warning.regular,
-    3: P.danger.regular
+}, Oe = ({ priority: a, id: t }) => {
+  const { updateTask: r } = oe(), n = Math.random().toString(36), [s, l] = y(null), i = (c) => ({
+    0: S.primary.regular,
+    1: S.success.regular,
+    2: S.warning.regular,
+    3: S.danger.regular
   })[c], u = () => {
-    if (!l) return null;
-    const c = ({ priority: p, text: d }) => /* @__PURE__ */ o("button", { onClick: () => {
-      r({ id: t, data: { prioridad: p }, user: 272 }), s(null);
+    if (!s) return null;
+    const c = ({ priority: x, text: d }) => /* @__PURE__ */ o("button", { onClick: () => {
+      r({ id: t, data: { prioridad: x }, user: 272 }), l(null);
     }, className: "flex gap-m items-center px-l py-s hover:bg-primary-light", children: [
-      /* @__PURE__ */ e(C, { icon: "flag", size: "xs", strokeWidth: 3, color: i(p) }),
-      /* @__PURE__ */ e("p", { className: "text-sm", style: { color: i(p) }, children: d })
+      /* @__PURE__ */ e(C, { icon: "flag", size: "xs", strokeWidth: 3, color: i(x) }),
+      /* @__PURE__ */ e("p", { className: "text-sm", style: { color: i(x) }, children: d })
     ] });
-    return X.createPortal(
+    return Z.createPortal(
       /* @__PURE__ */ o("div", { onBlur: () => {
-        s(null);
-      }, id: `${n}-options`, style: { top: `${l.y + 5}px`, left: `${l.x + 5}px`, zIndex: 1 }, className: `absolute h-fit p-m flex flex-col gap-2 bg-bg-card rounded-xl shadow-lg
+        l(null);
+      }, id: `${n}-options`, style: { top: `${s.y + 5}px`, left: `${s.x + 5}px`, zIndex: 1 }, className: `absolute h-fit p-m flex flex-col gap-2 bg-bg-card rounded-xl shadow-lg
                 w-max`, children: [
         /* @__PURE__ */ e(c, { priority: 0, text: "Baja" }),
         /* @__PURE__ */ e(c, { priority: 1, text: "Normal" }),
@@ -761,7 +780,7 @@ const Ne = (a) => {
       "label",
       {
         onBlur: () => {
-          s(null);
+          l(null);
         },
         htmlFor: n,
         className: "flex items-center gap-2 cursor-pointer active:opacity-50",
@@ -773,7 +792,7 @@ const Ne = (a) => {
       {
         id: n,
         onClick: (c) => {
-          s(l ? null : { x: c.clientX, y: c.clientY });
+          l(s ? null : { x: c.clientX, y: c.clientY });
         },
         className: "hidden"
       }
@@ -781,54 +800,54 @@ const Ne = (a) => {
     /* @__PURE__ */ e(u, {})
   ] });
 };
-function Nt({ items: a }) {
+function Ft({ items: a }) {
   var n;
   const [t, r] = y(1);
-  return /* @__PURE__ */ o(q, { children: [
-    /* @__PURE__ */ e("div", { className: "flex flex-row mb-2 border-b border-neutral-100 bg-white mt-4", children: a.map((l, s) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ o(j, { children: [
+    /* @__PURE__ */ e("div", { className: "flex flex-row mb-2 border-b border-neutral-100 bg-white mt-4", children: a.map((s, l) => /* @__PURE__ */ e(
       "div",
       {
-        className: `border-r border-neutral-100 pr-3 py-1 ${s !== 0 ? "px-3" : ""}`,
+        className: `border-r border-neutral-100 pr-3 py-1 ${l !== 0 ? "px-3" : ""}`,
         children: /* @__PURE__ */ e(
-          Fe,
+          je,
           {
             variant: "ghost",
-            onClick: () => r(l.id),
-            className: `text-sm font-normal rounded-none py-1 h-8 ${t === l.id ? "text-primary border-b border-primary" : "text-neutral-400 border-b-0"}`,
-            children: l.label
+            onClick: () => r(s.id),
+            className: `text-sm font-normal rounded-none py-1 h-8 ${t === s.id ? "text-primary border-b border-primary" : "text-neutral-400 border-b-0"}`,
+            children: s.label
           },
-          l.id
+          s.id
         )
       },
-      l.id
+      s.id
     )) }),
-    /* @__PURE__ */ e("div", { className: "pt-4 flex-1 overflow-y-auto bg-white", children: (n = a.find((l) => l.id === t)) == null ? void 0 : n.component })
+    /* @__PURE__ */ e("div", { className: "pt-4 flex-1 overflow-y-auto bg-white", children: (n = a.find((s) => s.id === t)) == null ? void 0 : n.component })
   ] });
 }
-const Le = "https://devobp.imjmedia.com.mx";
-function ie(a) {
+const We = "https://devobp.imjmedia.com.mx";
+function de(a) {
   return a ? a.split(" ").map((n) => {
-    var l;
-    return (l = n[0]) == null ? void 0 : l.toUpperCase();
+    var s;
+    return (s = n[0]) == null ? void 0 : s.toUpperCase();
   }).slice(0, 2).join("") : "";
 }
-const vt = "https://devobp.imjmedia.com.mx";
-function Ct({ comment: a }) {
-  var r, n, l, s, i, u;
+const Tt = "https://devobp.imjmedia.com.mx";
+function Pt({ comment: a }) {
+  var r, n, s, l, i, u;
   function t(c) {
-    const p = He(c);
-    return Ve(p, { locale: re, addSuffix: !0 });
+    const x = Xe(c);
+    return Je(x, { locale: le, addSuffix: !0 });
   }
   return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ o("div", { className: "flex flex-row gap-3 items-start", children: [
-    /* @__PURE__ */ o(J, { className: "w-[28px] h-[28px]", children: [
+    /* @__PURE__ */ o(k, { className: "w-[28px] h-[28px]", children: [
       /* @__PURE__ */ e(
-        Z,
+        ee,
         {
-          src: `${vt}${(s = (l = (n = (r = a == null ? void 0 : a.autor) == null ? void 0 : r.imagen) == null ? void 0 : n.formats) == null ? void 0 : l.thumbnail) == null ? void 0 : s.url}`,
+          src: `${Tt}${(l = (s = (n = (r = a == null ? void 0 : a.autor) == null ? void 0 : r.imagen) == null ? void 0 : n.formats) == null ? void 0 : s.thumbnail) == null ? void 0 : l.url}`,
           alt: "@shadcn"
         }
       ),
-      /* @__PURE__ */ e(k, { children: ie((i = a == null ? void 0 : a.autor) == null ? void 0 : i.nombre) })
+      /* @__PURE__ */ e(te, { children: de((i = a == null ? void 0 : a.autor) == null ? void 0 : i.nombre) })
     ] }),
     /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ o("div", { className: "flex flex-row gap-2", children: [
@@ -839,64 +858,64 @@ function Ct({ comment: a }) {
     ] })
   ] }) });
 }
-function _t({ currentUser: a, data: t, taskId: r, onNewComment: n }) {
-  var g, m, x;
-  const { tasks_api: l } = E(), { register: s, handleSubmit: i, reset: u } = et(), [c, p] = y([]);
-  return _(() => {
+function St({ currentUser: a, data: t, taskId: r, onNewComment: n }) {
+  var f, p, m;
+  const { tasks_api: s } = E(), { register: l, handleSubmit: i, reset: u } = rt(), [c, x] = y([]);
+  return F(() => {
     if (t != null && t.comentarios) {
-      const w = [...t.comentarios].sort(
-        (f, v) => new Date(v.createdAt).getTime() - new Date(f.createdAt).getTime()
+      const g = [...t.comentarios].sort(
+        (b, v) => new Date(v.createdAt).getTime() - new Date(b.createdAt).getTime()
       );
-      p(w);
+      x(g);
     }
   }, [t]), /* @__PURE__ */ o("div", { className: "flex flex-col h-full gap-4", children: [
-    /* @__PURE__ */ o("form", { onSubmit: i(async (w) => {
+    /* @__PURE__ */ o("form", { onSubmit: i(async (g) => {
       try {
-        const f = {
+        const b = {
           autor: {
             id: a == null ? void 0 : a.id,
             email: a == null ? void 0 : a.email,
             nombre: a == null ? void 0 : a.nombre,
             imagen: a == null ? void 0 : a.imagen
           },
-          comentario: w == null ? void 0 : w.comment,
+          comentario: g == null ? void 0 : g.comment,
           createdAt: (/* @__PURE__ */ new Date()).toISOString()
         };
-        await l.post("/api/comentarios", {
+        await s.post("/api/comentarios", {
           data: {
             autor: a == null ? void 0 : a.id,
-            comentario: w.comment,
+            comentario: g.comment,
             tarea: r
           }
-        }), n(!0), p((v) => [f, ...v]), u();
-      } catch (f) {
-        console.error("Error al agregar comentario:", f);
+        }), n(!0), x((v) => [b, ...v]), u();
+      } catch (b) {
+        console.error("Error al agregar comentario:", b);
       }
     }), className: "flex flex-row items-center gap-3", children: [
-      /* @__PURE__ */ o(J, { className: "w-[28px] h-[28px]", children: [
+      /* @__PURE__ */ o(k, { className: "w-[28px] h-[28px]", children: [
         /* @__PURE__ */ e(
-          Z,
+          ee,
           {
-            src: `${Le}${(x = (m = (g = a == null ? void 0 : a.imagen) == null ? void 0 : g.formats) == null ? void 0 : m.thumbnail) == null ? void 0 : x.url}`,
+            src: `${We}${(m = (p = (f = a == null ? void 0 : a.imagen) == null ? void 0 : f.formats) == null ? void 0 : p.thumbnail) == null ? void 0 : m.url}`,
             alt: "@shadcn"
           }
         ),
-        /* @__PURE__ */ e(k, { className: "border border-x-primary-pastel", children: ie(a == null ? void 0 : a.nombre) })
+        /* @__PURE__ */ e(te, { className: "border border-x-primary-pastel", children: de(a == null ? void 0 : a.nombre) })
       ] }),
       /* @__PURE__ */ e(
-        Ge,
+        Ze,
         {
-          ...s("comment", { required: !0 }),
+          ...l("comment", { required: !0 }),
           autoComplete: "off",
           placeholder: "Escribe un comentario",
           className: "w-full bg-white border border-neutral-200"
         }
       )
     ] }),
-    c.map((w, f) => /* @__PURE__ */ e(Ct, { comment: w }, f))
+    c.map((g, b) => /* @__PURE__ */ e(Pt, { comment: g }, b))
   ] });
 }
-function Ft({ data: a }) {
+function At({ data: a }) {
   const t = {
     0: {
       color: "bg-gray-400",
@@ -914,21 +933,21 @@ function Ft({ data: a }) {
       color: "bg-success-regular",
       label: "Finalizada"
     }
-  }, r = (n) => n ? _e(new Date(n), "d MMM", { locale: re }) : "";
+  }, r = (n) => n ? qe(new Date(n), "d MMM", { locale: le }) : "";
   return /* @__PURE__ */ o("div", { children: [
     /* @__PURE__ */ o("div", { className: "flex flex-row items-center gap-4", children: [
-      /* @__PURE__ */ e(Ye, { className: "text-lg font-medium text-neutral-900", children: "Tareas dependientes" }),
+      /* @__PURE__ */ e(ke, { className: "text-lg font-medium text-neutral-900", children: "Tareas dependientes" }),
       /* @__PURE__ */ e("span", { className: "text-sm font-normal text-neutral-600 bg-[#E1EBF9] w-6 h-6 rounded-full flex items-center justify-center text-primary", children: a == null ? void 0 : a.length })
     ] }),
     /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 border border-neutral-200 rounded-lg mt-3", children: a == null ? void 0 : a.map((n) => {
-      var l, s, i, u, c;
+      var s, l, i, u, c;
       return /* @__PURE__ */ o(
         "div",
         {
           className: "flex flex-row w-full items-center justify-between gap-s border-b border-neutral-200 py-1 px-2",
           children: [
             /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e(O, { imageUrl: (u = (i = (s = (l = n.responsable) == null ? void 0 : l.image) == null ? void 0 : s.formats) == null ? void 0 : i.thumbnail) == null ? void 0 : u.url }),
+              /* @__PURE__ */ e(U, { imageUrl: (u = (i = (l = (s = n.responsable) == null ? void 0 : s.image) == null ? void 0 : l.formats) == null ? void 0 : i.thumbnail) == null ? void 0 : u.url }),
               /* @__PURE__ */ e("p", { className: "text-sm font-normal w-[400px] text-nowrap text-ellipsis overflow-hidden", children: n == null ? void 0 : n.texto_corto })
             ] }),
             /* @__PURE__ */ o("div", { className: "flex items-center gap-1", children: [
@@ -947,26 +966,26 @@ function Ft({ data: a }) {
     }) })
   ] });
 }
-const Tt = "https://devobp.imjmedia.com.mx";
-function Pt({ isOpen: a, setIsOpen: t, taskId: r }) {
-  var w, f, v, b, N, F, T, A, h, S, D;
-  const [n, l] = y(null), [s, i] = y(!1), [u, c] = y(null), { tasks_api: p } = E(), { user: d } = I();
-  _(() => {
-    if (a && r || s) {
-      const j = async () => {
-        const B = await p.get(`/api/detalleTarea/${r}`);
-        l(B == null ? void 0 : B.data);
-      }, M = async () => {
-        var U, Q;
-        const B = await p.get(`/api/users/${d.id}`), R = await p.post("/api/obtenerUsuarioOBP/", {
-          emailList: [(U = B == null ? void 0 : B.data) == null ? void 0 : U.email]
+const qt = "https://devobp.imjmedia.com.mx";
+function jt({ isOpen: a, setIsOpen: t, taskId: r }) {
+  var g, b, v, w, N, T, _, A, R, M, z;
+  const [n, s] = y(null), [l, i] = y(!1), [u, c] = y(null), { tasks_api: x } = E(), { user: d } = W();
+  F(() => {
+    if (a && r || l) {
+      const h = async () => {
+        const P = await x.get(`/api/detalleTarea/${r}`);
+        s(P == null ? void 0 : P.data);
+      }, q = async () => {
+        var I, L;
+        const P = await x.get(`/api/users/${d.id}`), D = await x.post("/api/obtenerUsuarioOBP/", {
+          emailList: [(I = P == null ? void 0 : P.data) == null ? void 0 : I.email]
         });
-        c((Q = R == null ? void 0 : R.data) == null ? void 0 : Q.data[0]);
+        c((L = D == null ? void 0 : D.data) == null ? void 0 : L.data[0]);
       };
-      j(), M();
+      h(), q();
     }
-  }, [a, r, s]);
-  const g = {
+  }, [a, r, l]);
+  const f = {
     0: {
       label: "Sin prioridad",
       color: "text-primary-regular",
@@ -987,14 +1006,14 @@ function Pt({ isOpen: a, setIsOpen: t, taskId: r }) {
       color: "text-danger-regular",
       iconColor: "#C34335"
     }
-  }, m = (j) => j ? _e(j, "d MMM yyyy, h:mmaaa", {
-    locale: re
-  }) : "Fecha no disponible", x = [
+  }, p = (h) => h ? qe(h, "d MMM yyyy, h:mmaaa", {
+    locale: le
+  }) : "Fecha no disponible", m = [
     {
       id: 1,
       label: "Todo",
       component: /* @__PURE__ */ e(
-        _t,
+        St,
         {
           taskId: r,
           currentUser: u,
@@ -1006,10 +1025,10 @@ function Pt({ isOpen: a, setIsOpen: t, taskId: r }) {
     {
       id: 2,
       label: "Dependencias",
-      component: /* @__PURE__ */ e(Ft, { data: n == null ? void 0 : n.ids_t_dependientes })
+      component: /* @__PURE__ */ e(At, { data: n == null ? void 0 : n.ids_t_dependientes })
     }
   ];
-  return /* @__PURE__ */ e(q, { children: /* @__PURE__ */ o(q, { children: [
+  return /* @__PURE__ */ e(j, { children: /* @__PURE__ */ o(j, { children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -1025,7 +1044,7 @@ function Pt({ isOpen: a, setIsOpen: t, taskId: r }) {
           /* @__PURE__ */ o("div", { className: "w-full flex flex-row justify-between pb-4 gap-10 border-none", children: [
             /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-neutral-900", children: n == null ? void 0 : n.texto_corto }),
             /* @__PURE__ */ e(
-              Fe,
+              je,
               {
                 variant: "shadow",
                 size: "sm",
@@ -1045,29 +1064,29 @@ function Pt({ isOpen: a, setIsOpen: t, taskId: r }) {
             /* @__PURE__ */ e("p", { className: "text-neutral-600 font-normal text-sm", children: (n == null ? void 0 : n.texto_largo) ?? "Sin descripción" })
           ] }),
           /* @__PURE__ */ e(
-            Xe,
+            et,
             {
               type: "single",
               collapsible: !0,
               defaultValue: "item-1",
               className: "w-full flex flex-col border border-neutral-200 rounded-xl mt-4",
-              children: /* @__PURE__ */ o(Je, { value: "item-1", className: "border-none", children: [
-                /* @__PURE__ */ e(Ze, { className: "text-neutral-900 font-medium text-sm w-full flex flex-row border-b border-neutral-200 p-4 ", children: "Detalles" }),
-                /* @__PURE__ */ e(ke, { className: "border-none", children: /* @__PURE__ */ o("div", { className: "w-full grid grid-cols-3 gap-4 p-4", children: [
+              children: /* @__PURE__ */ o(tt, { value: "item-1", className: "border-none", children: [
+                /* @__PURE__ */ e(at, { className: "text-neutral-900 font-medium text-sm w-full flex flex-row border-b border-neutral-200 p-4 ", children: "Detalles" }),
+                /* @__PURE__ */ e(nt, { className: "border-none", children: /* @__PURE__ */ o("div", { className: "w-full grid grid-cols-3 gap-4 p-4", children: [
                   /* @__PURE__ */ o("div", { className: "flex flex-col w-auto gap-2", children: [
                     /* @__PURE__ */ e("span", { className: "text-sm text-neutral-900 font-medium", children: "Responsable" }),
-                    (w = n == null ? void 0 : n.responsable) != null && w.nombre ? /* @__PURE__ */ o("div", { className: "flex flex-row gap-2 items-center", children: [
-                      /* @__PURE__ */ o(J, { className: "w-[28px] h-[28px]", children: [
+                    (g = n == null ? void 0 : n.responsable) != null && g.nombre ? /* @__PURE__ */ o("div", { className: "flex flex-row gap-2 items-center", children: [
+                      /* @__PURE__ */ o(k, { className: "w-[28px] h-[28px]", children: [
                         /* @__PURE__ */ e(
-                          Z,
+                          ee,
                           {
-                            src: `${Tt}${(N = (b = (v = (f = n == null ? void 0 : n.responsable) == null ? void 0 : f.imagen) == null ? void 0 : v.formats) == null ? void 0 : b.thumbnail) == null ? void 0 : N.url}`,
+                            src: `${qt}${(N = (w = (v = (b = n == null ? void 0 : n.responsable) == null ? void 0 : b.imagen) == null ? void 0 : v.formats) == null ? void 0 : w.thumbnail) == null ? void 0 : N.url}`,
                             alt: "@shadcn"
                           }
                         ),
-                        /* @__PURE__ */ e(k, { children: ie((F = n == null ? void 0 : n.responsable) == null ? void 0 : F.nombre) })
+                        /* @__PURE__ */ e(te, { children: de((T = n == null ? void 0 : n.responsable) == null ? void 0 : T.nombre) })
                       ] }),
-                      /* @__PURE__ */ e("span", { className: "text-xs text-neutral-600 font-normal", children: (T = n == null ? void 0 : n.responsable) == null ? void 0 : T.nombre })
+                      /* @__PURE__ */ e("span", { className: "text-xs text-neutral-600 font-normal", children: (_ = n == null ? void 0 : n.responsable) == null ? void 0 : _.nombre })
                     ] }) : /* @__PURE__ */ e("span", { className: "text-xs text-neutral-600 font-normal", children: "Sin responsable" })
                   ] }),
                   /* @__PURE__ */ o("div", { className: "flex flex-col w-auto gap-2", children: [
@@ -1083,14 +1102,14 @@ function Pt({ isOpen: a, setIsOpen: t, taskId: r }) {
                           icon: "flag",
                           size: "xs",
                           strokeWidth: 5,
-                          color: (h = g[n == null ? void 0 : n.prioridad]) == null ? void 0 : h.iconColor
+                          color: (R = f[n == null ? void 0 : n.prioridad]) == null ? void 0 : R.iconColor
                         }
                       ),
                       /* @__PURE__ */ e(
                         "span",
                         {
-                          className: `text-sm text-neutral-600 font-normal ${(S = g[n == null ? void 0 : n.prioridad]) == null ? void 0 : S.color}`,
-                          children: ((D = g[n == null ? void 0 : n.prioridad]) == null ? void 0 : D.label) ?? "Sin prioridad"
+                          className: `text-sm text-neutral-600 font-normal ${(M = f[n == null ? void 0 : n.prioridad]) == null ? void 0 : M.color}`,
+                          children: ((z = f[n == null ? void 0 : n.prioridad]) == null ? void 0 : z.label) ?? "Sin prioridad"
                         }
                       )
                     ] })
@@ -1101,110 +1120,110 @@ function Pt({ isOpen: a, setIsOpen: t, taskId: r }) {
                   ] }),
                   /* @__PURE__ */ o("div", { className: "flex flex-col w-auto gap-2", children: [
                     /* @__PURE__ */ e("span", { className: "text-sm text-neutral-900 font-medium", children: "Fecha estimada de inicio" }),
-                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: m(n == null ? void 0 : n.f_inicio_estimada) })
+                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: p(n == null ? void 0 : n.f_inicio_estimada) })
                   ] }),
                   /* @__PURE__ */ o("div", { className: "flex flex-col w-auto gap-2", children: [
                     /* @__PURE__ */ e("span", { className: "text-sm text-neutral-900 font-medium", children: "Fecha estimada de fin" }),
-                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: m(n == null ? void 0 : n.f_fin_estimada) })
+                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: p(n == null ? void 0 : n.f_fin_estimada) })
                   ] }),
                   /* @__PURE__ */ o("div", { className: "flex flex-col w-auto gap-2", children: [
                     /* @__PURE__ */ e("span", { className: "text-sm text-neutral-900 font-medium", children: "Fecha de fin" }),
-                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: m(n == null ? void 0 : n.ffin) })
+                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: p(n == null ? void 0 : n.ffin) })
                   ] }),
                   /* @__PURE__ */ o("div", { className: "flex flex-col w-auto gap-2", children: [
                     /* @__PURE__ */ e("span", { className: "text-sm text-neutral-900 font-medium", children: "Creado" }),
-                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: m(n == null ? void 0 : n.createdAt) })
+                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: p(n == null ? void 0 : n.createdAt) })
                   ] }),
                   /* @__PURE__ */ o("div", { className: "flex flex-col w-auto gap-2", children: [
                     /* @__PURE__ */ e("span", { className: "text-sm text-neutral-900 font-medium", children: "Última modificación" }),
-                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: m(n == null ? void 0 : n.updatedAt) })
+                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: p(n == null ? void 0 : n.updatedAt) })
                   ] })
                 ] }) })
               ] })
             }
           ),
-          /* @__PURE__ */ e(Nt, { items: x })
+          /* @__PURE__ */ e(Ft, { items: m })
         ] })
       }
     )
   ] }) });
 }
-const At = ({
+const Dt = ({
   id: a,
   task: t,
   endDate: r,
   users: n,
-  willBePaused: l,
-  nameProject: s,
+  willBePaused: s,
+  nameProject: l,
   idProject: i,
   comments: u,
   priority: c,
-  responsible: p,
+  responsible: x,
   nameRequiredTask: d,
-  statusRequiredTask: g,
-  status: m
+  statusRequiredTask: f,
+  status: p
 }) => {
-  const x = L(null), [w, f] = y(!1), { setElementPosition: v, position: b } = le(), { startWorking: N } = Ee(), F = L(!1), T = ({ children: h }) => {
-    const [S, D] = y();
-    return _(() => {
-      var j, M;
-      x.current && D(
-        ((b == null ? void 0 : b.x) ?? 0) - (((M = (j = x.current) == null ? void 0 : j.getBoundingClientRect()) == null ? void 0 : M.width) ?? 0)
+  const m = O(null), [g, b] = y(!1), { setElementPosition: v, position: w } = ie(), { startWorking: N, completeTask: T } = oe(), _ = O(!1), A = ({ children: M }) => {
+    const [z, h] = y();
+    return F(() => {
+      var q, P;
+      m.current && h(
+        ((w == null ? void 0 : w.x) ?? 0) - (((P = (q = m.current) == null ? void 0 : q.getBoundingClientRect()) == null ? void 0 : P.width) ?? 0)
       );
-    }, [x == null ? void 0 : x.current, b == null ? void 0 : b.x]), b && X.createPortal(
+    }, [m == null ? void 0 : m.current, w == null ? void 0 : w.x]), w && Z.createPortal(
       /* @__PURE__ */ e(
         "div",
         {
-          className: `absolute w-fit h-fit ${S ? "block" : "hidden"}`,
-          style: { top: `${b == null ? void 0 : b.y}px`, left: `${S}px`, zIndex: 1 },
-          children: h
+          className: `absolute w-fit h-fit ${z ? "block" : "hidden"}`,
+          style: { top: `${w == null ? void 0 : w.y}px`, left: `${z}px`, zIndex: 1 },
+          children: M
         }
       ),
       document.body
     );
   };
-  return /* @__PURE__ */ o(q, { children: [
+  return /* @__PURE__ */ o(j, { children: [
     /* @__PURE__ */ o("div", { className: "bg-bg-card border-cards max-w-[350px] rounded-lg relative h-fit p-[12px_12px] hover:border-active hover:bg-active cursor-pointer ", children: [
       /* @__PURE__ */ e(() => /* @__PURE__ */ o("div", { className: "flex justify-between items-center w-full h-fit relative", children: [
         /* @__PURE__ */ o("div", { className: "flex items-center gap-[8px] w-[calc(100%-32px)] ", children: [
-          /* @__PURE__ */ e(
-            De,
+          p < 2 && /* @__PURE__ */ e(
+            ze,
             {
               id: a,
               nameRequiredTask: d ?? "",
-              statusRequiredTask: g ?? 0,
-              status: m
+              statusRequiredTask: f ?? 0,
+              status: p
             }
           ),
-          /* @__PURE__ */ e("p", { className: "title-text", onClick: () => f(!0), children: t })
+          /* @__PURE__ */ e("p", { className: "title-text", onClick: () => b(!0), children: t })
         ] }),
-        m < 2 && /* @__PURE__ */ e(
+        p < 2 && (d !== "" && f === 2 || !d) && /* @__PURE__ */ e(
           "button",
           {
-            ref: x,
+            ref: m,
             onClick: () => {
-              v(x);
+              v(m);
             },
             className: "flex items-center justify-center text-sm font-extrabold bg-bg hover:filter-[drop-shadow(0_0_10px_#000000)] rounded-full w-[24px] h-[24px] m-block",
             children: /* @__PURE__ */ e("span", { className: "rotate-90", children: /* @__PURE__ */ e(C, { icon: "elipsis", size: "xs" }) })
           }
         ),
-        /* @__PURE__ */ e(T, { children: F != null && F.current ? /* @__PURE__ */ e("div", { className: "w-max h-fit bg-bg-card rounded-lg p-l shadow-lg flex items-center gap-2 hover:bg-primary-light", children: /* @__PURE__ */ e("p", { className: "text-sm font-normal text-primary-pastel font-regular", children: "Moviendo..." }) }) : /* @__PURE__ */ o(
+        /* @__PURE__ */ e(A, { children: _ != null && _.current ? /* @__PURE__ */ e("div", { className: "w-max h-fit bg-bg-card rounded-lg p-l shadow-lg flex items-center gap-2 hover:bg-primary-light", children: /* @__PURE__ */ e("p", { className: "text-sm font-normal text-primary-pastel font-regular", children: "Moviendo..." }) }) : /* @__PURE__ */ o(
           "button",
           {
             className: "w-max h-fit bg-bg-card rounded-lg p-l shadow-lg flex items-center gap-2 hover:bg-primary-light",
             onClick: () => {
-              F.current = !0, m === 0 && N({ id: a });
+              _.current = !0, p === 0 ? N({ id: a }) : T({ id: a });
             },
             children: [
-              /* @__PURE__ */ e("p", { className: "text-sm font-normal text-texts-placeholder font-regular", children: m === 0 ? "Mover a trabajando" : "Mover a completadas" }),
+              /* @__PURE__ */ e("p", { className: "text-sm font-normal text-texts-placeholder font-regular", children: p === 0 ? "Mover a trabajando" : "Mover a completadas" }),
               /* @__PURE__ */ e(
                 C,
                 {
                   icon: "arrow_right",
                   size: "xs",
                   strokeWidth: 4,
-                  color: P.primary.regular
+                  color: S.primary.regular
                 }
               )
             ]
@@ -1212,23 +1231,23 @@ const At = ({
         ) })
       ] }), {}),
       /* @__PURE__ */ o("div", { className: "flex flex-col gap-[4px] py-2", children: [
-        /* @__PURE__ */ e("p", { className: "subtitle-text", children: s }),
+        /* @__PURE__ */ e("p", { className: "subtitle-text", children: l }),
         i && // TODO: Add nameMEDIUM
         /* @__PURE__ */ e("p", { className: "content-text", children: i })
       ] }),
       /* @__PURE__ */ o("div", { className: "flex justify-between items-center w-full h-fit relative pt-5 pb-1", children: [
         /* @__PURE__ */ o("div", { className: "flex items-center relative", children: [
           /* @__PURE__ */ e(
-            $e,
+            Ie,
             {
-              responsible: p,
-              users: n.filter((h) => p ? h.id === p : !0).map(se),
+              responsible: x,
+              users: n.filter((M) => x ? M.id === x : !0).map(ce),
               onClick: () => {
               }
             }
           ),
-          l && /* @__PURE__ */ e(
-            K,
+          s && /* @__PURE__ */ e(
+            H,
             {
               dispatch: /* @__PURE__ */ o("button", { className: "text-sm font-regular text-gray-400 flex items-center gap-2", children: [
                 /* @__PURE__ */ e(C, { icon: "pause", size: "s", strokeWidth: 2 }),
@@ -1240,17 +1259,17 @@ const At = ({
         ] }),
         /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e(C, { icon: "difficulty", size: "xs" }),
-          /* @__PURE__ */ e(Be, { priority: c, id: a }),
+          /* @__PURE__ */ e(Oe, { priority: c, id: a }),
           /* @__PURE__ */ e(
             C,
             {
               icon: "calendar",
               size: "xs",
               strokeWidth: 3,
-              color: P.texts.subtext
+              color: S.texts.subtext
             }
           ),
-          /* @__PURE__ */ e("p", { className: "text-sm font-regular text-texts-subtext", children: `${r.getDate()} ${je(r.getMonth()).slice(0, 3)}` })
+          /* @__PURE__ */ e("p", { className: "text-sm font-regular text-texts-subtext", children: `${r.getDate()} ${Be(r.getMonth()).slice(0, 3)}` })
         ] })
       ] }),
       u > 0 && /* @__PURE__ */ e("div", { className: "border-t border-gray-200 mt-4 pt-2", children: /* @__PURE__ */ o("button", { className: "flex items-center gap-2", children: [
@@ -1258,9 +1277,9 @@ const At = ({
         /* @__PURE__ */ e("span", { className: "text-sm font-regular text-gray-400", children: u })
       ] }) })
     ] }),
-    /* @__PURE__ */ e(Pt, { taskId: a, isOpen: w, setIsOpen: f })
+    /* @__PURE__ */ e(jt, { taskId: a, isOpen: g, setIsOpen: b })
   ] });
-}, St = () => /* @__PURE__ */ o("div", { className: "bg-gray-200 h-[150px] w-full animate-pulse rounded-md flex flex-col gap-[50px] p-4", children: [
+}, $t = () => /* @__PURE__ */ o("div", { className: "bg-gray-200 h-[150px] w-full animate-pulse rounded-md flex flex-col gap-[50px] p-4", children: [
   /* @__PURE__ */ o("div", { className: "flex h-[30px] gap-3", children: [
     /* @__PURE__ */ e("div", { className: "w-[30px] min-w-[30px] h-full bg-gray-300 rounded-full" }),
     /* @__PURE__ */ e("div", { className: "w-full h-full bg-gray-300" }),
@@ -1270,23 +1289,23 @@ const At = ({
     /* @__PURE__ */ e("div", { className: "w-full h-[30px] bg-gray-300" }),
     /* @__PURE__ */ e("div", { className: "w-full h-[30px] bg-gray-300" })
   ] })
-] }), ee = ({ title: a, tasks: t, loadNextPage: r, isFetching: n, total: l }) => {
-  const s = L(null), i = L(null), u = L(!1);
-  _(() => {
+] }), ae = ({ title: a, tasks: t, loadNextPage: r, isFetching: n, total: s }) => {
+  const l = O(null), i = O(null), u = O(!1);
+  F(() => {
     var d;
-    s != null && s.current && (i != null && i.current) && (i.current.style.minHeight = `${((d = s == null ? void 0 : s.current) == null ? void 0 : d.clientHeight) - 50}px`);
-  }, [s == null ? void 0 : s.current]);
+    l != null && l.current && (i != null && i.current) && (i.current.style.minHeight = `${((d = l == null ? void 0 : l.current) == null ? void 0 : d.clientHeight) - 50}px`);
+  }, [l == null ? void 0 : l.current]);
   const c = (d) => {
     if (u.current) return;
-    const { scrollTop: g, clientHeight: m, scrollHeight: x } = d == null ? void 0 : d.target, w = g / (x - m) * 100;
-    w <= 95 || w >= 95 && (u.current = !0, r && r(), setTimeout(() => {
+    const { scrollTop: f, clientHeight: p, scrollHeight: m } = d == null ? void 0 : d.target, g = f / (m - p) * 100;
+    g <= 95 || g >= 95 && (u.current = !0, r && r(), setTimeout(() => {
       u.current = !1;
     }, 200));
   };
   return /* @__PURE__ */ o(
     "div",
     {
-      ref: s,
+      ref: l,
       className: ` flex flex-col bg-containers w-fit max-w-[400px] min-w-[400px] h-full min-h-[100%] pb-[200px] relative p-[16px] rounded-lg overflow-hidden border-t-4 ${{
         "Por hacer": "border-texts-placeholder",
         Trabajando: "border-primary-regular",
@@ -1302,10 +1321,10 @@ const At = ({
                 icon: "group_files",
                 size: "xs",
                 strokeWidth: 5,
-                color: P.texts.placeholder
+                color: S.texts.placeholder
               }
             ),
-            /* @__PURE__ */ e("p", { className: "text-md text-texts-placeholder", children: l ?? 0 })
+            /* @__PURE__ */ e("p", { className: "text-md text-texts-placeholder", children: s ?? 0 })
           ] }) })
         ] }),
         /* @__PURE__ */ o(
@@ -1315,34 +1334,34 @@ const At = ({
             className: "flex flex-col gap-[12px] overflow-y-auto scrollbar-none py-4",
             onScroll: c,
             children: [
-              t == null ? void 0 : t.map((d) => /* @__PURE__ */ e(At, { ...d }, d.id)),
-              n ? /* @__PURE__ */ e(St, {}) : /* @__PURE__ */ e("p", { className: "text-center text-gray-500", children: "No hay más tareas por mostrar..." })
+              t == null ? void 0 : t.map((d) => /* @__PURE__ */ e(Dt, { ...d }, d.id)),
+              n ? /* @__PURE__ */ e($t, {}) : /* @__PURE__ */ e("p", { className: "text-center text-gray-500", children: "No hay más tareas por mostrar..." })
             ]
           }
         )
       ]
     }
   );
-}, qt = () => {
-  var l;
-  const { defineFields: a } = $(), { tasksProject: t } = Y();
-  _(() => {
+}, Et = () => {
+  var s;
+  const { defineFields: a } = $(), { tasksProject: t } = X();
+  F(() => {
     (async () => {
-      let i = [...mt];
+      let i = [...gt];
       a(i);
     })();
   }, []);
-  let r = (l = t == null ? void 0 : t.data) == null ? void 0 : l.filter((s) => {
+  let r = (s = t == null ? void 0 : t.data) == null ? void 0 : s.filter((l) => {
     var i;
-    return ((i = s == null ? void 0 : s.tasks) == null ? void 0 : i.length) === 0;
-  }).reduce((s, i) => (s[i.status] = s[i.status] || [], s[i.status].push(i), s), {});
-  return /* @__PURE__ */ e("div", { className: "flex gap-4 w-full h-full min-h-[100%] relative ", children: ["Por hacer", "Trabajando", "Completadas"].map((s, i) => {
+    return ((i = l == null ? void 0 : l.tasks) == null ? void 0 : i.length) === 0;
+  }).reduce((l, i) => (l[i.status] = l[i.status] || [], l[i.status].push(i), l), {});
+  return /* @__PURE__ */ e("div", { className: "flex gap-4 w-full h-full min-h-[100%] relative ", children: ["Por hacer", "Trabajando", "Completadas"].map((l, i) => {
     var u;
     return /* @__PURE__ */ e(
-      ee,
+      ae,
       {
         total: ((u = r == null ? void 0 : r[i]) == null ? void 0 : u.length) ?? 0,
-        title: s,
+        title: l,
         tasks: (r == null ? void 0 : r[i]) ?? [],
         isFetching: t == null ? void 0 : t.isFetching,
         isLoadingData: t == null ? void 0 : t.isLoading
@@ -1350,16 +1369,16 @@ const At = ({
     );
   }) });
 };
-class Dt {
+class Mt {
   static toKanbanTasks(t) {
-    var n, l, s, i, u, c, p, d, g, m, x;
+    var n, s, l, i, u, c, x, d, f, p, m;
     let r = [];
-    return t != null && t.responsable && r.push({ id: t.responsable.id, name: t.responsable.nombre, image: (u = (i = (s = (l = (n = t.responsable) == null ? void 0 : n.userOBP) == null ? void 0 : l.imagen) == null ? void 0 : s.formats) == null ? void 0 : i.thumbnail) == null ? void 0 : u.url }), (c = t == null ? void 0 : t.equipo) != null && c.miembros && t.equipo.miembros.forEach((w) => {
-      var f, v, b, N;
-      r != null && r.find((F) => F.id === w.idUser.id) || w.idUser && r.push({ id: w.idUser.id, name: w.idUser.nombre, image: (N = (b = (v = (f = w == null ? void 0 : w.userOBP) == null ? void 0 : f.imagen) == null ? void 0 : v.formats) == null ? void 0 : b.thumbnail) == null ? void 0 : N.url });
+    return t != null && t.responsable && r.push({ id: t.responsable.id, name: t.responsable.nombre, image: (u = (i = (l = (s = (n = t.responsable) == null ? void 0 : n.userOBP) == null ? void 0 : s.imagen) == null ? void 0 : l.formats) == null ? void 0 : i.thumbnail) == null ? void 0 : u.url }), (c = t == null ? void 0 : t.equipo) != null && c.miembros && t.equipo.miembros.forEach((g) => {
+      var b, v, w, N;
+      r != null && r.find((T) => T.id === g.idUser.id) || g.idUser && r.push({ id: g.idUser.id, name: g.idUser.nombre, image: (N = (w = (v = (b = g == null ? void 0 : g.userOBP) == null ? void 0 : b.imagen) == null ? void 0 : v.formats) == null ? void 0 : w.thumbnail) == null ? void 0 : N.url });
     }), {
       comments: 0,
-      nameProject: (p = t == null ? void 0 : t.proyecto) == null ? void 0 : p.nombre,
+      nameProject: (x = t == null ? void 0 : t.proyecto) == null ? void 0 : x.nombre,
       idProject: (d = t == null ? void 0 : t.proyecto) == null ? void 0 : d.id,
       willBePaused: t.es_pausable,
       difficulty: t.nivel_dificultad,
@@ -1369,55 +1388,55 @@ class Dt {
       status: t.estatus,
       task: t.texto_corto,
       users: r,
-      responsible: ((g = t == null ? void 0 : t.responsable) == null ? void 0 : g.id) ?? null,
-      statusRequiredTask: ((m = t.id_t_requerida) == null ? void 0 : m.estatus) ?? null,
-      nameRequiredTask: ((x = t.id_t_requerida) == null ? void 0 : x.texto_corto) ?? null
+      responsible: ((f = t == null ? void 0 : t.responsable) == null ? void 0 : f.id) ?? null,
+      statusRequiredTask: ((p = t.id_t_requerida) == null ? void 0 : p.estatus) ?? null,
+      nameRequiredTask: ((m = t.id_t_requerida) == null ? void 0 : m.texto_corto) ?? null
     };
   }
 }
-const oe = async ({ filters: a, tasks_api: t }) => {
+const ue = async ({ filters: a, tasks_api: t }) => {
   try {
-    return (await t.get("/api/listado_tareas", { params: a })).data.tareas.map(z).map(Dt.toKanbanTasks);
+    return (await t.get("/api/listado_tareas", { params: a })).data.tareas.map(K).map(Mt.toKanbanTasks);
   } catch (r) {
     throw console.log({ error: r }), `Error al obtener las tareas: ${r}`;
   }
-}, ce = (a) => {
+}, me = (a) => {
   var t;
   if (a != null && a.hasNextPage) {
     const r = (t = a == null ? void 0 : a.data) == null ? void 0 : t.pages[a.data.pages.length - 1];
     (r == null ? void 0 : r.length) === 30 && (a == null || a.fetchNextPage());
   }
-}, W = (a) => ({
+}, Q = (a) => ({
   pagination: {
     page: a,
     pageSize: 30,
     withCount: !0
   }
-}), jt = () => {
-  var p;
-  const a = H(), { tasks_api: t } = E(), { user: r } = I(), { filters: n } = $(), [l, s] = y(0), [i, u] = y({
+}), Lt = () => {
+  var x;
+  const a = V(), { tasks_api: t } = E(), { user: r } = W(), { filters: n } = $(), [s, l] = y(0), [i, u] = y({
     owner: {
       user: r.id,
-      config: ((p = n == null ? void 0 : n.owner) == null ? void 0 : p.config) ?? "yo_y_mis_equipos"
+      config: ((x = n == null ? void 0 : n.owner) == null ? void 0 : x.config) ?? "yo_y_mis_equipos"
     },
     status: "por_hacer"
-  }), c = ne({
+  }), c = se({
     initialPageParam: 1,
     queryKey: ["to_do_tasks", i],
-    queryFn: ({ pageParam: d }) => oe({
+    queryFn: ({ pageParam: d }) => ue({
       filters: {
         ...i,
         status: "por_hacer",
-        ...W(d)
+        ...Q(d)
       },
       tasks_api: t,
       page: d
     }),
     staleTime: 1e3 * 60 * 60 * 24,
     // mantains the data for 24 hours
-    getNextPageParam: (d, g) => g.length + 1
+    getNextPageParam: (d, f) => f.length + 1
   });
-  return _(() => {
+  return F(() => {
     var d;
     Object.keys(n).length > 0 && u({
       ...n,
@@ -1427,57 +1446,57 @@ const oe = async ({ filters: a, tasks_api: t }) => {
       },
       status: "por_hacer"
     });
-  }, [n]), _(() => {
+  }, [n]), F(() => {
     a.invalidateQueries({
       queryKey: ["to_do_tasks", i]
     });
-  }, [i]), _(() => {
+  }, [i]), F(() => {
     (async () => {
-      const g = await t.get("/api/listado_tareas", {
+      const f = await t.get("/api/listado_tareas", {
         params: {
           ...i,
           status: "por_hacer",
-          ...W(1),
+          ...Q(1),
           tasks_api: t,
           justCount: !0
         }
       });
-      s(g.data.total);
+      l(f.data.total);
     })();
   }, [i, c == null ? void 0 : c.data]), {
     //Properties
     toDoTasks: c,
-    total: l
+    total: s
   };
-}, $t = () => {
-  var n, l;
-  const { toDoTasks: a, total: t } = jt(), r = [...((l = (n = a == null ? void 0 : a.data) == null ? void 0 : n.pages) == null ? void 0 : l.flat()) ?? []];
-  return /* @__PURE__ */ e(ee, { total: t, title: "Por hacer", tasks: r, loadNextPage: () => ce(a), isFetching: a == null ? void 0 : a.isFetching, isLoadingData: a == null ? void 0 : a.isLoading });
-}, Et = () => {
-  var p;
-  const a = H(), { tasks_api: t } = E(), { user: r } = I(), { filters: n } = $(), [l, s] = y(0), [i, u] = y({
+}, zt = () => {
+  var n, s;
+  const { toDoTasks: a, total: t } = Lt(), r = [...((s = (n = a == null ? void 0 : a.data) == null ? void 0 : n.pages) == null ? void 0 : s.flat()) ?? []];
+  return /* @__PURE__ */ e(ae, { total: t, title: "Por hacer", tasks: r, loadNextPage: () => me(a), isFetching: a == null ? void 0 : a.isFetching, isLoadingData: a == null ? void 0 : a.isLoading });
+}, Bt = () => {
+  var x;
+  const a = V(), { tasks_api: t } = E(), { user: r } = W(), { filters: n } = $(), [s, l] = y(0), [i, u] = y({
     owner: {
       user: r.id,
-      config: ((p = n == null ? void 0 : n.owner) == null ? void 0 : p.config) ?? "yo_y_mis_equipos"
+      config: ((x = n == null ? void 0 : n.owner) == null ? void 0 : x.config) ?? "yo_y_mis_equipos"
     },
     status: "trabajando"
-  }), c = ne({
+  }), c = se({
     initialPageParam: 1,
     queryKey: ["working_tasks", n],
-    queryFn: ({ pageParam: d }) => oe({
+    queryFn: ({ pageParam: d }) => ue({
       filters: {
         ...i,
         status: "trabajando",
-        ...W(d)
+        ...Q(d)
       },
       tasks_api: t,
       page: d
     }),
     staleTime: 1e3 * 60 * 60 * 24,
     // mantains the data for 24 hours
-    getNextPageParam: (d, g) => g.length + 1
+    getNextPageParam: (d, f) => f.length + 1
   });
-  return _(() => {
+  return F(() => {
     var d;
     Object.keys(n).length > 0 && u({
       ...n,
@@ -1487,66 +1506,66 @@ const oe = async ({ filters: a, tasks_api: t }) => {
       },
       status: "trabajando"
     });
-  }, [n]), _(() => {
+  }, [n]), F(() => {
     a.invalidateQueries({
       queryKey: ["working_tasks", n]
     });
-  }, [i]), _(() => {
+  }, [i]), F(() => {
     (async () => {
-      const g = await t.get("/api/listado_tareas", {
+      const f = await t.get("/api/listado_tareas", {
         params: {
           ...i,
           status: "trabajando",
-          ...W(1),
+          ...Q(1),
           tasks_api: t,
           justCount: !0
         }
       });
-      s(g.data.total);
+      l(f.data.total);
     })();
   }, [i, c == null ? void 0 : c.data]), {
     //Properties
     workingTasks: c,
-    total: l
+    total: s
   };
-}, Bt = () => {
-  var n, l;
-  const { workingTasks: a, total: t } = Et(), r = [...((l = (n = a == null ? void 0 : a.data) == null ? void 0 : n.pages) == null ? void 0 : l.flat()) ?? []];
+}, It = () => {
+  var n, s;
+  const { workingTasks: a, total: t } = Bt(), r = [...((s = (n = a == null ? void 0 : a.data) == null ? void 0 : n.pages) == null ? void 0 : s.flat()) ?? []];
   return /* @__PURE__ */ e(
-    ee,
+    ae,
     {
       total: t,
       title: "Trabajando",
       tasks: r,
-      loadNextPage: () => ce(a),
+      loadNextPage: () => me(a),
       isFetching: a == null ? void 0 : a.isFetching
     }
   );
-}, Lt = () => {
-  var p;
-  const a = H(), { user: t } = I(), { tasks_api: r } = E(), { filters: n } = $(), [l, s] = y(0), [i, u] = y({
+}, Ot = () => {
+  var x;
+  const a = V(), { user: t } = W(), { tasks_api: r } = E(), { filters: n } = $(), [s, l] = y(0), [i, u] = y({
     owner: {
       user: t.id,
-      config: ((p = n == null ? void 0 : n.owner) == null ? void 0 : p.config) ?? "yo_y_mis_equipos"
+      config: ((x = n == null ? void 0 : n.owner) == null ? void 0 : x.config) ?? "yo_y_mis_equipos"
     },
     status: "completadas"
-  }), c = ne({
+  }), c = se({
     initialPageParam: 1,
     queryKey: ["done_tasks", i],
-    queryFn: ({ pageParam: d }) => oe({
+    queryFn: ({ pageParam: d }) => ue({
       filters: {
         ...i,
         status: "completadas",
-        ...W(d)
+        ...Q(d)
       },
       tasks_api: r,
       page: d
     }),
     staleTime: 1e3 * 60 * 60 * 24,
     // mantains the data for 24 hours
-    getNextPageParam: (d, g) => g.length + 1
+    getNextPageParam: (d, f) => f.length + 1
   });
-  return _(() => {
+  return F(() => {
     var d;
     Object.keys(n).length > 0 && u({
       ...n,
@@ -1556,43 +1575,43 @@ const oe = async ({ filters: a, tasks_api: t }) => {
       },
       status: "completadas"
     });
-  }, [n]), _(() => {
+  }, [n]), F(() => {
     a.invalidateQueries({
       queryKey: ["done_tasks", i]
     });
-  }, [i]), _(() => {
+  }, [i]), F(() => {
     (async () => {
-      const g = await r.get("/api/listado_tareas", {
+      const f = await r.get("/api/listado_tareas", {
         params: {
           ...i,
           status: "completadas",
-          ...W(1),
+          ...Q(1),
           justCount: !0,
           tasks_api: r
         }
       });
-      s(g.data.total);
+      l(f.data.total);
     })();
   }, [c == null ? void 0 : c.data, i]), {
     // Properties
     doneTasks: c,
-    total: l
+    total: s
   };
-}, Mt = () => {
-  var n, l;
-  const { doneTasks: a, total: t } = Lt(), r = [...((l = (n = a == null ? void 0 : a.data) == null ? void 0 : n.pages) == null ? void 0 : l.flat()) ?? []];
+}, Wt = () => {
+  var n, s;
+  const { doneTasks: a, total: t } = Ot(), r = [...((s = (n = a == null ? void 0 : a.data) == null ? void 0 : n.pages) == null ? void 0 : s.flat()) ?? []];
   return /* @__PURE__ */ e(
-    ee,
+    ae,
     {
       title: "Completadas",
       tasks: r,
-      loadNextPage: () => ce(a),
+      loadNextPage: () => me(a),
       isFetching: a == null ? void 0 : a.isFetching,
       total: t
     }
   );
 };
-class te {
+class ne {
   static toSalesmanUsers(t) {
     return {
       id: t.id,
@@ -1600,8 +1619,8 @@ class te {
     };
   }
 }
-const zt = () => {
-  const { tasks_api: a } = E(), { filters: t } = $(), { user: r } = I();
+const Rt = () => {
+  const { tasks_api: a } = E(), { filters: t } = $(), { user: r } = W();
   return {
     //methods
     getSalesmanAndProjects: async () => {
@@ -1622,7 +1641,7 @@ const zt = () => {
         }), */
       ]);
       return {
-        salesmanUsers: i.data.map(te.toSalesmanUsers)
+        salesmanUsers: i.data.map(ne.toSalesmanUsers)
         // projects: projects.data.map(SalesmanUsersMapper.toSalesmanUsers),
       };
     },
@@ -1637,11 +1656,11 @@ const zt = () => {
           },
           justProjects: !0
         }
-      })).data.map(te.toSalesmanUsers);
+      })).data.map(ne.toSalesmanUsers);
     },
-    getSalesmans: async () => (await a.get("/api/obtener-comerciales")).data.map(te.toSalesmanUsers)
+    getSalesmans: async () => (await a.get("/api/obtener-comerciales")).data.map(ne.toSalesmanUsers)
   };
-}, It = [
+}, Kt = [
   {
     label: "Tipo de dependencia",
     type: "select",
@@ -1687,53 +1706,76 @@ const zt = () => {
     label: "Por dificultad",
     type: "select",
     id: "difficulty",
-    options: [{
-      id: 0,
-      name: "Muy facil"
-    }, {
-      id: 1,
-      name: "Facil"
-    }, {
-      id: 2,
-      name: "Media"
-    }, {
-      id: 3,
-      name: "Dificil"
-    }, {
-      id: 4,
-      name: "Muy dificil"
-    }]
+    options: [
+      {
+        id: 0,
+        name: "Muy facil"
+      },
+      {
+        id: 1,
+        name: "Facil"
+      },
+      {
+        id: 2,
+        name: "Media"
+      },
+      {
+        id: 3,
+        name: "Dificil"
+      },
+      {
+        id: 4,
+        name: "Muy dificil"
+      }
+    ]
   }
-], Rt = () => {
-  const { defineFields: a } = $(), { getSalesmanAndProjects: t } = zt();
-  return _(() => {
+], Pe = [
+  {
+    label: "Responsable",
+    type: "select",
+    id: "responsable.responsableType",
+    options: [
+      { id: "yo_y_mis_equipos", name: "Yo y mis equipos" },
+      { id: "mis_equipos", name: "Mis equipos" },
+      { id: "yo", name: "Yo" }
+    ]
+  },
+  {
+    label: "Por Ejecutivo",
+    type: "select",
+    id: "ejecutivo",
+    options: []
+  }
+], Ut = () => {
+  const { defineFields: a } = $(), { getSalesmanAndProjects: t } = Rt();
+  return F(() => {
     (async () => {
-      let n = [...It], {
-        salesmanUsers: l
+      let n = [...Kt], {
+        salesmanUsers: s
         /* , projects */
       } = await t();
-      a(n.map((s) => (s.id === "salesman.name" && (s.options = l), s)));
+      a(n.map((l) => (l.id === "salesman.name" && (l.options = s), l)));
     })();
   }, []), /* @__PURE__ */ o("div", { className: "flex gap-4 w-full h-full min-h-[100%] relative ", children: [
-    /* @__PURE__ */ e($t, {}),
-    /* @__PURE__ */ e(Bt, {}),
-    /* @__PURE__ */ e(Mt, {})
+    /* @__PURE__ */ e(zt, {}),
+    /* @__PURE__ */ e(It, {}),
+    /* @__PURE__ */ e(Wt, {})
   ] });
-}, Me = V({}), Ot = ({ children: a }) => {
+}, Re = G({}), Qt = ({ children: a }) => {
   const [t, r] = y([]);
-  _(() => {
+  F(() => {
     console.log({ selectedTasks: t });
   }, [t]);
-  const n = (l) => {
-    r((s) => s.includes(l) ? s.filter((i) => i !== l) : [...s, l]);
+  const n = (s) => {
+    r((l) => l.includes(s) ? l.filter((i) => i !== s) : [...l, s]);
   };
-  return /* @__PURE__ */ e(Me.Provider, { value: {
+  return /* @__PURE__ */ e(Re.Provider, { value: {
     //properties
     selectedTasks: t,
     //methods
     selectTask: n
   }, children: a });
-}, Wt = () => G(Me), ze = () => {
+}, Ht = () => Y(Re), Ke = () => {
   const a = () => /* @__PURE__ */ o("div", { className: "w-full flex gap-m", children: [
     /* @__PURE__ */ e("div", { className: "w-[30px] h-[30px] min-w-[30px] min-h-[30px] bg-gray-200 rounded-full animate-pulse" }),
     /* @__PURE__ */ e("div", { className: "w-[30%] h-[30px] bg-gray-200 rounded-md animate-pulse" }),
@@ -1758,152 +1800,155 @@ const zt = () => {
       /* @__PURE__ */ e("div", { className: "pl-5", children: /* @__PURE__ */ e(a, {}) })
     ] })
   ] });
-}, Ie = ({
+}, Ue = ({
   startDate: a,
   endDate: t
-}) => /* @__PURE__ */ o(q, { children: [
+}) => /* @__PURE__ */ o(j, { children: [
   /* @__PURE__ */ o("div", { className: "gap-s bg-gray-100 rounded-md h-[30px] w-fit flex justify-center items-center px-xxxl", children: [
-    /* @__PURE__ */ e(C, { icon: "calendar", size: "xs", strokeWidth: 4, color: P.texts.subtext }),
+    /* @__PURE__ */ e(C, { icon: "calendar", size: "xs", strokeWidth: 4, color: S.texts.subtext }),
     /* @__PURE__ */ o("p", { className: "text-sm", children: [
       " ",
-      Ne(a)
+      Te(a)
     ] })
   ] }),
-  /* @__PURE__ */ e(C, { icon: "arrow_right", size: "xs", strokeWidth: 4, color: P.texts.DEFAULT }),
+  /* @__PURE__ */ e(C, { icon: "arrow_right", size: "xs", strokeWidth: 4, color: S.texts.DEFAULT }),
   /* @__PURE__ */ o("div", { className: "gap-s bg-gray-100 rounded-md h-[30px] w-fit flex justify-center items-center px-xxxl", children: [
-    /* @__PURE__ */ e(C, { icon: "calendar", size: "xs", strokeWidth: 4, color: P.texts.subtext }),
+    /* @__PURE__ */ e(C, { icon: "calendar", size: "xs", strokeWidth: 4, color: S.texts.subtext }),
     /* @__PURE__ */ o("p", { className: "text-sm", children: [
       " ",
-      Ne(t)
+      Te(t)
     ] })
   ] })
-] }), Kt = ({ id: a }) => /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e("button", { onClick: () => alert("pausar tarea " + a), children: /* @__PURE__ */ e(C, { icon: "pause", size: "xs", strokeWidth: 4, color: P.texts.subtext }) }) }), Re = ({ id: a, priority: t }) => /* @__PURE__ */ o(q, { children: [
-  /* @__PURE__ */ e("button", { className: "gap-s bg-gray-100 rounded-md h-[30px] w-[30px] flex justify-center items-center hover:bg-gray-200", children: /* @__PURE__ */ e(C, { icon: "align_center", size: "xs", strokeWidth: 4, color: P.texts.subtext }) }),
-  /* @__PURE__ */ e("div", { className: "gap-s bg-success-medium border border-success-pastel rounded-md h-[30px] w-[30px] flex justify-center items-center", children: /* @__PURE__ */ e(Be, { id: a, priority: t }) }),
-  /* @__PURE__ */ e("button", { className: "gap-s bg-danger-light border border-danger-regular rounded-md h-[30px] w-[30px] flex justify-center items-center", children: /* @__PURE__ */ e(C, { icon: "difficulty", size: "xs", strokeWidth: 4, color: P.danger.regular }) })
-] }), Ut = ({ id: a }) => {
-  const { selectedTasks: t, selectTask: r } = Wt();
-  return /* @__PURE__ */ o(q, { children: [
-    /* @__PURE__ */ e("label", { className: "cursor-pointer w-[20px] h-[20px] border-2 border-gray-200 rounded-md flex justify-center items-center", htmlFor: a.toString(), children: /* @__PURE__ */ e("span", { className: `${t.includes(a) ? "opacity-100" : "opacity-0"} transition-opacity duration-500`, children: /* @__PURE__ */ e(C, { icon: "check_outline", size: "xs", color: P.primary.regular, strokeWidth: 6 }) }) }),
+] }), Vt = ({ id: a }) => /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e("button", { onClick: () => alert("pausar tarea " + a), children: /* @__PURE__ */ e(C, { icon: "pause", size: "xs", strokeWidth: 4, color: S.texts.subtext }) }) }), Qe = ({ id: a, priority: t }) => /* @__PURE__ */ o(j, { children: [
+  /* @__PURE__ */ e("button", { className: "gap-s bg-gray-100 rounded-md h-[30px] w-[30px] flex justify-center items-center hover:bg-gray-200", children: /* @__PURE__ */ e(C, { icon: "align_center", size: "xs", strokeWidth: 4, color: S.texts.subtext }) }),
+  /* @__PURE__ */ e("div", { className: "gap-s bg-success-medium border border-success-pastel rounded-md h-[30px] w-[30px] flex justify-center items-center", children: /* @__PURE__ */ e(Oe, { id: a, priority: t }) }),
+  /* @__PURE__ */ e("button", { className: "gap-s bg-danger-light border border-danger-regular rounded-md h-[30px] w-[30px] flex justify-center items-center", children: /* @__PURE__ */ e(C, { icon: "difficulty", size: "xs", strokeWidth: 4, color: S.danger.regular }) })
+] }), Gt = ({ id: a }) => {
+  const { selectedTasks: t, selectTask: r } = Ht();
+  return /* @__PURE__ */ o(j, { children: [
+    /* @__PURE__ */ e("label", { className: "cursor-pointer w-[20px] h-[20px] border-2 border-gray-200 rounded-md flex justify-center items-center", htmlFor: a.toString(), children: /* @__PURE__ */ e("span", { className: `${t.includes(a) ? "opacity-100" : "opacity-0"} transition-opacity duration-500`, children: /* @__PURE__ */ e(C, { icon: "check_outline", size: "xs", color: S.primary.regular, strokeWidth: 6 }) }) }),
     /* @__PURE__ */ e("input", { className: "hidden", id: a.toString(), type: "checkbox", onChange: () => r(a) })
   ] });
-}, Oe = ({ task: a }) => /* @__PURE__ */ e(
-  K,
+}, He = ({ task: a }) => /* @__PURE__ */ e(
+  H,
   {
     dispatch: /* @__PURE__ */ e("p", { className: "text-sm text-texts-subtext max-w-[400px] truncate", children: a }),
     children: /* @__PURE__ */ e("p", { className: "text-sm text-texts-subtext p-2 max-w-[400px]", children: a })
   }
-), Qt = ({ id: a }) => {
-  var n, l;
-  const { tasksProject: t } = Y(), r = (n = t == null ? void 0 : t.data) == null ? void 0 : n.find((s) => s.id === a);
+), Yt = ({ id: a }) => {
+  var n, s;
+  const { tasksProject: t } = X(), r = (n = t == null ? void 0 : t.data) == null ? void 0 : n.find((l) => l.id === a);
   return /* @__PURE__ */ o("div", { className: "ml-[30px] mb-3 mt-1  flex flex-wrap items-center gap-xl", children: [
-    !(r != null && r.nameRequiredTask) || (r == null ? void 0 : r.nameRequiredTask) !== "" && (r == null ? void 0 : r.statusRequiredTask) === 2 && /* @__PURE__ */ e(Ut, { id: a }),
-    /* @__PURE__ */ e(De, { id: a, nameRequiredTask: (r == null ? void 0 : r.nameRequiredTask) ?? "", status: r == null ? void 0 : r.status, statusRequiredTask: (r == null ? void 0 : r.statusRequiredTask) ?? 0 }, a),
-    (r == null ? void 0 : r.willBePaused) && /* @__PURE__ */ e(Kt, { id: a }),
+    !(r != null && r.nameRequiredTask) || (r == null ? void 0 : r.nameRequiredTask) !== "" && (r == null ? void 0 : r.statusRequiredTask) === 2 && /* @__PURE__ */ e(Gt, { id: a }),
+    /* @__PURE__ */ e(ze, { id: a, nameRequiredTask: (r == null ? void 0 : r.nameRequiredTask) ?? "", status: r == null ? void 0 : r.status, statusRequiredTask: (r == null ? void 0 : r.statusRequiredTask) ?? 0 }, a),
+    (r == null ? void 0 : r.willBePaused) && /* @__PURE__ */ e(Vt, { id: a }),
     /* @__PURE__ */ e(
-      $e,
+      Ie,
       {
         onClick: () => {
         },
         responsible: r == null ? void 0 : r.responsible,
-        users: ((l = r == null ? void 0 : r.users) == null ? void 0 : l.map(se)) ?? []
+        users: ((s = r == null ? void 0 : r.users) == null ? void 0 : s.map(ce)) ?? []
       }
     ),
-    /* @__PURE__ */ e(Oe, { task: (r == null ? void 0 : r.task) ?? "" }),
-    /* @__PURE__ */ e(Re, { id: a, priority: r == null ? void 0 : r.priority }),
-    /* @__PURE__ */ e(Ie, { startDate: r == null ? void 0 : r.startDate, endDate: r == null ? void 0 : r.endDate })
+    /* @__PURE__ */ e(He, { task: (r == null ? void 0 : r.task) ?? "" }),
+    /* @__PURE__ */ e(Qe, { id: a, priority: r == null ? void 0 : r.priority }),
+    /* @__PURE__ */ e(Ue, { startDate: r == null ? void 0 : r.startDate, endDate: r == null ? void 0 : r.endDate })
   ] });
-}, We = ({ id: a }) => {
-  var s, i, u, c, p, d, g;
-  const { tasksProject: t, openTasks: r, openTask: n } = Y(), l = (s = t == null ? void 0 : t.data) == null ? void 0 : s.find((m) => m.id === a);
-  return l ? (console.log({ task: l }), /* @__PURE__ */ o("div", { className: "flex flex-col gap-m mb-2 ", children: [
+}, Ve = ({ id: a }) => {
+  var l, i, u, c, x, d, f;
+  const { tasksProject: t, openTasks: r, openTask: n } = X(), s = (l = t == null ? void 0 : t.data) == null ? void 0 : l.find((p) => p.id === a);
+  return s ? (console.log({ task: s }), /* @__PURE__ */ o("div", { className: "flex flex-col gap-m mb-2 ", children: [
     /* @__PURE__ */ o("div", { className: "flex items-center gap-m flex-wrap hover:bg-gray-100", children: [
-      /* @__PURE__ */ e("button", { className: `${r.includes(a) ? "" : "-rotate-90"} transition-all duration-300`, onClick: () => n(a), children: /* @__PURE__ */ e(C, { icon: "angle_down_outline", color: P.texts.subtext }) }),
-      /* @__PURE__ */ e("div", { className: "flex items-center justify-center min-w-[20px] min-h-[20px] w-fit h-[20px] mx-1 bg-primary-medium rounded-full", children: /* @__PURE__ */ e("p", { className: "text-sm text-primary", children: ((i = l == null ? void 0 : l.tasks) == null ? void 0 : i.length) === 0 ? 1 : (u = l == null ? void 0 : l.tasks) == null ? void 0 : u.length }) }),
-      /* @__PURE__ */ e(Oe, { task: (l == null ? void 0 : l.task) ?? "" }),
-      /* @__PURE__ */ e(Re, { id: a, priority: l == null ? void 0 : l.priority }),
-      /* @__PURE__ */ e(Ie, { startDate: l == null ? void 0 : l.startDate, endDate: l == null ? void 0 : l.endDate }),
+      /* @__PURE__ */ e("button", { className: `${r.includes(a) ? "" : "-rotate-90"} transition-all duration-300`, onClick: () => n(a), children: /* @__PURE__ */ e(C, { icon: "angle_down_outline", color: S.texts.subtext }) }),
+      /* @__PURE__ */ e("div", { className: "flex items-center justify-center min-w-[20px] min-h-[20px] w-fit h-[20px] mx-1 bg-primary-medium rounded-full", children: /* @__PURE__ */ e("p", { className: "text-sm text-primary", children: ((i = s == null ? void 0 : s.tasks) == null ? void 0 : i.length) === 0 ? 1 : (u = s == null ? void 0 : s.tasks) == null ? void 0 : u.length }) }),
+      /* @__PURE__ */ e(He, { task: (s == null ? void 0 : s.task) ?? "" }),
+      /* @__PURE__ */ e(Qe, { id: a, priority: s == null ? void 0 : s.priority }),
+      /* @__PURE__ */ e(Ue, { startDate: s == null ? void 0 : s.startDate, endDate: s == null ? void 0 : s.endDate }),
       /* @__PURE__ */ o("button", { className: "gap-s bg-gray-100 rounded-md h-[30px] flex justify-center items-center w-fit px-m hover:bg-gray-200", children: [
-        /* @__PURE__ */ e(C, { icon: "subtasks", size: "xs", strokeWidth: 5, color: P.texts.subtext }),
-        /* @__PURE__ */ e("p", { children: ((c = l == null ? void 0 : l.tasks) == null ? void 0 : c.length) === 0 ? 1 : (p = l == null ? void 0 : l.tasks) == null ? void 0 : p.length })
+        /* @__PURE__ */ e(C, { icon: "subtasks", size: "xs", strokeWidth: 5, color: S.texts.subtext }),
+        /* @__PURE__ */ e("p", { children: ((c = s == null ? void 0 : s.tasks) == null ? void 0 : c.length) === 0 ? 1 : (x = s == null ? void 0 : s.tasks) == null ? void 0 : x.length })
       ] })
     ] }),
-    r.includes(a) && /* @__PURE__ */ e("div", { className: "ml-[30px]", children: ((d = l == null ? void 0 : l.tasks) == null ? void 0 : d.length) > 0 ? (g = l == null ? void 0 : l.tasks) == null ? void 0 : g.map((m) => /* @__PURE__ */ e(We, { id: m == null ? void 0 : m.id })) : /* @__PURE__ */ e(Qt, { id: l == null ? void 0 : l.id }) })
+    r.includes(a) && /* @__PURE__ */ e("div", { className: "ml-[30px]", children: ((d = s == null ? void 0 : s.tasks) == null ? void 0 : d.length) > 0 ? (f = s == null ? void 0 : s.tasks) == null ? void 0 : f.map((p) => /* @__PURE__ */ e(Ve, { id: p == null ? void 0 : p.id })) : /* @__PURE__ */ e(Yt, { id: s == null ? void 0 : s.id }) })
   ] })) : null;
-}, Ht = () => {
+}, Xt = () => {
   var n;
-  const { tasksProject: a, projectID: t } = Y();
-  if (a != null && a.isFetching || a != null && a.isLoading) return /* @__PURE__ */ e(ze, {});
-  let r = [...(n = a == null ? void 0 : a.data) == null ? void 0 : n.filter((l) => l.isPrincipalTask)];
-  return /* @__PURE__ */ e("div", { className: "flex flex-col gap-m", children: /* @__PURE__ */ e(Ot, { project: t, children: r == null ? void 0 : r.sort((l, s) => l.orden - s.orden).map((l) => /* @__PURE__ */ e("div", { className: "flex flex-col gap-m border-b border-gray-200 pb-m", children: /* @__PURE__ */ e(We, { id: l.id }) })) }) });
-}, Vt = ({
+  const { tasksProject: a, projectID: t } = X();
+  if (a != null && a.isFetching || a != null && a.isLoading) return /* @__PURE__ */ e(Ke, {});
+  let r = [...(n = a == null ? void 0 : a.data) == null ? void 0 : n.filter((s) => s.isPrincipalTask)];
+  return /* @__PURE__ */ e("div", { className: "flex flex-col gap-m", children: /* @__PURE__ */ e(Qt, { project: t, children: r == null ? void 0 : r.sort((s, l) => s.orden - l.orden).map((s) => /* @__PURE__ */ e("div", { className: "flex flex-col gap-m border-b border-gray-200 pb-m", children: /* @__PURE__ */ e(Ve, { id: s.id }) })) }) });
+}, Jt = ({
   setPath: a,
   setProject: t
 }) => {
-  const [r, n] = y([]), [l, s] = y(!0), [i, u] = y(0), [c, p] = y(10), [d, g] = y(0), [m, x] = y("nombre"), { defineFields: w } = $(), { tasks_api: f } = E(), v = async (h, S) => {
+  const [r, n] = y([]), [s, l] = y(!0), [i, u] = y(0), [c, x] = y(10), [d, f] = y(0), [p, m] = y("nombre"), { filters: g, defineFields: b } = $(), { tasks_api: v } = E(), { user: w } = W(), N = async (h, q) => {
+    var P, D, I;
     try {
-      s(!0);
-      const D = await f.get("/api/listado_campanias", {
+      l(!0);
+      const L = {
+        filters: {
+          search: (g == null ? void 0 : g.taskName) ?? "",
+          responsable: {
+            idUser: w.id,
+            responsableType: (P = g == null ? void 0 : g.responsable) == null ? void 0 : P.responsableType
+          },
+          ejecutivo: (g == null ? void 0 : g.ejecutivo) ?? ""
+        }
+      };
+      console.log("FiltrosPARAMS: ", L);
+      const B = await v.get("/api/listado_campanias", {
         params: {
           pagination: {
             page: h,
-            pageSize: S
+            pageSize: q
           },
-          orderBy: m
-          // Agregar orderBy a los parámetros
-          //agrega consulta de filtros
+          orderBy: p,
+          ...L
         }
-      }), j = z(D.data);
-      n(j), g(D.data.meta.total);
-    } catch (D) {
-      console.error("Error fetching data en Lista Campaña:", D);
+      }), J = K(B == null ? void 0 : B.data);
+      n(J), f((I = (D = B == null ? void 0 : B.data) == null ? void 0 : D.meta) == null ? void 0 : I.total);
+    } catch (L) {
+      console.error("Error fetching data en Lista Campaña:", L);
     } finally {
-      s(!1);
+      l(!1);
+    }
+  }, T = async () => {
+    try {
+      const h = await v.get("/api/obtener-comerciales");
+      return [...Pe].map((P) => (P.id === "ejecutivo" && (P.options = h.data.map((D) => ({
+        id: D.nombre,
+        name: D.nombre
+      }))), P));
+    } catch (h) {
+      return console.error("Error fetching salesman data:", h), [...Pe];
     }
   };
-  _(() => {
-    w([
-      {
-        label: "Búsqueda",
-        type: "text",
-        id: "search"
-      },
-      {
-        label: "Responsable",
-        type: "select",
-        id: "responsable.responsableType",
-        options: [
-          { id: "yo_y_mis_equipos", name: "Yo y mis equipos" },
-          { id: "mis_equipos", name: "Mis equipos" },
-          { id: "yo", name: "Yo" }
-        ]
-      },
-      {
-        label: "Ejecutivo",
-        type: "text",
-        id: "ejecutivo"
-      }
-    ]);
-  }, []), _(() => {
+  F(() => {
+    (async () => {
+      const q = await T();
+      b(q);
+    })();
+  }, []), F(() => {
     const h = Math.floor(i / c) + 1;
-    v(h, c);
-  }, [i, c, m]);
-  const b = (h) => {
-    u(h.first), p(h.rows);
-  }, N = [
+    N(h, c);
+  }, [i, c, p, g]);
+  const _ = (h) => {
+    u(h.first), x(h.rows);
+  }, A = [
     { label: "5 filas", value: 5 },
     { label: "10 filas", value: 10 },
     { label: "15 filas", value: 15 },
     { label: "20 filas", value: 20 },
     { label: "25 filas", value: 25 },
     { label: "50 filas", value: 50 }
-  ], F = (h) => {
-    const S = parseInt(h.target.value, 10);
-    p(S), b({ first: 0, rows: S });
-  }, T = (h) => {
-    x((S) => S === h ? `${h}:desc` : h);
-  }, A = (h) => m === h ? "↑↓" : m === `${h}:desc` ? "↓↑" : "↑↓";
-  return /* @__PURE__ */ e("div", { className: "table-container", children: l ? /* @__PURE__ */ e("div", { style: { width: "100%" }, children: /* @__PURE__ */ e(ze, {}) }) : /* @__PURE__ */ o(q, { children: [
+  ], R = (h) => {
+    const q = parseInt(h.target.value, 10);
+    x(q), _({ first: 0, rows: q });
+  }, M = (h) => {
+    m((q) => q === h ? `${h}:desc` : h);
+  }, z = (h) => p === h ? "↑↓" : p === `${h}:desc` ? "↓↑" : "↑↓";
+  return /* @__PURE__ */ e("div", { className: "table-container", children: s ? /* @__PURE__ */ e("div", { style: { width: "100%" }, children: /* @__PURE__ */ e(Ke, {}) }) : /* @__PURE__ */ o(j, { children: [
     /* @__PURE__ */ o(
       "table",
       {
@@ -1914,15 +1959,15 @@ const zt = () => {
           borderSpacing: "0"
         },
         children: [
-          /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ o("tr", { children: [
-            /* @__PURE__ */ o("th", { onClick: () => T("nombre"), children: [
-              /* @__PURE__ */ e("label", { style: { color: "#C4C4C4", fontSize: "10px" }, children: A("nombre") }),
+          /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ o("tr", { style: { color: "#F5F5F5" }, children: [
+            /* @__PURE__ */ o("th", { onClick: () => M("nombre"), children: [
+              /* @__PURE__ */ e("label", { style: { color: "#C4C4C4", fontSize: "10px" }, children: z("nombre") }),
               "Campaña"
             ] }),
             /* @__PURE__ */ e(
               "th",
               {
-                onClick: () => T("inicia"),
+                onClick: () => M("inicia"),
                 style: { textAlign: "center", whiteSpace: "nowrap" },
                 children: /* @__PURE__ */ o(
                   "div",
@@ -1933,7 +1978,7 @@ const zt = () => {
                       width: "fit-content"
                     },
                     children: [
-                      /* @__PURE__ */ e("label", { style: { color: "#C4C4C4", fontSize: "10px" }, children: A("inicia") }),
+                      /* @__PURE__ */ e("label", { style: { color: "#C4C4C4", fontSize: "10px" }, children: z("inicia") }),
                       " ",
                       /* @__PURE__ */ e(
                         C,
@@ -1953,7 +1998,7 @@ const zt = () => {
             /* @__PURE__ */ e(
               "th",
               {
-                onClick: () => T("termina"),
+                onClick: () => M("termina"),
                 style: { whiteSpace: "nowrap", textAlign: "center" },
                 children: /* @__PURE__ */ o(
                   "div",
@@ -1971,7 +2016,7 @@ const zt = () => {
                             color: "#C4C4C4",
                             fontSize: "10px"
                           },
-                          children: A("termina")
+                          children: z("termina")
                         }
                       ),
                       /* @__PURE__ */ e(
@@ -1992,98 +2037,111 @@ const zt = () => {
             /* @__PURE__ */ e("th", { children: "Status" }),
             /* @__PURE__ */ e("th", { children: "Responsable" })
           ] }) }),
-          /* @__PURE__ */ e("tbody", { children: r == null ? void 0 : r.map((h, S) => {
-            var D, j, M, B, R, U, Q, de, ue, me, pe, he, xe, ge, fe, be;
-            return /* @__PURE__ */ o("tr", { className: "table-row", children: [
-              /* @__PURE__ */ e("td", { children: (D = h == null ? void 0 : h.campania) == null ? void 0 : D.nombre }),
-              /* @__PURE__ */ o("td", { children: [
-                " ",
-                (j = h == null ? void 0 : h.campania) == null ? void 0 : j.inicia
-              ] }),
-              /* @__PURE__ */ e("td", { children: (M = h == null ? void 0 : h.campania) == null ? void 0 : M.termina }),
-              /* @__PURE__ */ e("td", { children: /* @__PURE__ */ o(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "15px",
-                    padding: "none",
-                    fontSize: "10px",
-                    width: "auto",
-                    minWidth: "170px"
-                  },
-                  children: [
-                    /* @__PURE__ */ o(
-                      "label",
-                      {
-                        style: {
-                          width: "50px",
-                          minWidth: "50px",
-                          textAlign: "right",
-                          color: "#000"
-                        },
-                        children: [
-                          h == null ? void 0 : h.progreso,
-                          "%"
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ e(
-                      "div",
-                      {
-                        style: {
-                          position: "relative",
-                          height: "10px",
-                          flex: 1,
-                          backgroundColor: "#C4C4C4",
-                          borderRadius: "10px",
-                          overflow: "hidden"
-                        },
-                        children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e("tbody", { children: r == null ? void 0 : r.map((h, q) => {
+            var P, D, I, L, B, J, pe, he, xe, ge, fe, be, ye, we, Ne, ve;
+            return /* @__PURE__ */ o(
+              "tr",
+              {
+                className: "table-row",
+                onClick: () => {
+                  t({
+                    id: h == null ? void 0 : h.id,
+                    project: h == null ? void 0 : h.nombre
+                  }), a("kanban-campania");
+                },
+                children: [
+                  /* @__PURE__ */ e("td", { children: (P = h == null ? void 0 : h.campania) == null ? void 0 : P.nombre }),
+                  /* @__PURE__ */ o("td", { children: [
+                    " ",
+                    (D = h == null ? void 0 : h.campania) == null ? void 0 : D.inicia
+                  ] }),
+                  /* @__PURE__ */ e("td", { children: (I = h == null ? void 0 : h.campania) == null ? void 0 : I.termina }),
+                  /* @__PURE__ */ e("td", { children: /* @__PURE__ */ o(
+                    "div",
+                    {
+                      style: {
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "15px",
+                        padding: "none",
+                        fontSize: "10px",
+                        width: "auto",
+                        minWidth: "170px"
+                      },
+                      children: [
+                        /* @__PURE__ */ o(
+                          "label",
+                          {
+                            style: {
+                              width: "50px",
+                              minWidth: "50px",
+                              textAlign: "right",
+                              color: "#000"
+                            },
+                            children: [
+                              h == null ? void 0 : h.progreso,
+                              "%"
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ e(
                           "div",
                           {
                             style: {
-                              position: "absolute",
-                              top: 0,
-                              left: 0,
-                              height: "100%",
-                              width: `${h.progreso}%`,
-                              backgroundColor: h.progreso === 100 ? "#039B59" : h.progreso > 50 ? "#3658C1" : h.progreso > 0 ? "#DC8921" : "#C4C4C4",
+                              position: "relative",
+                              height: "10px",
+                              flex: 1,
+                              backgroundColor: "#C4C4C4",
                               borderRadius: "10px",
-                              transition: "width 0.3s ease-in-out"
-                            }
+                              overflow: "hidden"
+                            },
+                            children: /* @__PURE__ */ e(
+                              "div",
+                              {
+                                style: {
+                                  position: "absolute",
+                                  top: 0,
+                                  left: 0,
+                                  height: "100%",
+                                  width: `${h.progreso}%`,
+                                  backgroundColor: h.progreso === 100 ? "#039B59" : h.progreso > 50 ? "#3658C1" : h.progreso > 0 ? "#DC8921" : "#C4C4C4",
+                                  borderRadius: "10px",
+                                  transition: "width 0.3s ease-in-out"
+                                }
+                              }
+                            )
                           }
                         )
-                      }
-                    )
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ e("td", { children: /* @__PURE__ */ o("div", { className: "avatar-container", children: [
-                /* @__PURE__ */ o(J, { className: "w-[28px] h-[28px]", children: [
-                  /* @__PURE__ */ e(
-                    Z,
-                    {
-                      src: `${Le}${(de = (Q = (U = (R = (B = h == null ? void 0 : h.campania) == null ? void 0 : B.responsable) == null ? void 0 : R.imagen) == null ? void 0 : U.formats) == null ? void 0 : Q.thumbnail) == null ? void 0 : de.url}`,
-                      alt: (pe = (me = (ue = h == null ? void 0 : h.campania) == null ? void 0 : ue.responsable) == null ? void 0 : me.nombre) == null ? void 0 : pe.charAt(
-                        0
-                      )
+                      ]
                     }
-                  ),
-                  /* @__PURE__ */ e(
-                    k,
-                    {
-                      style: {
-                        boxShadow: "10px 5px 10px rgba(0, 0, 0, 0.5)"
-                      },
-                      children: (ge = (xe = (he = h == null ? void 0 : h.campania) == null ? void 0 : he.responsable) == null ? void 0 : xe.nombre) == null ? void 0 : ge.charAt(0)
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ e("span", { style: { marginLeft: "8px", fontSize: "10px" }, children: (be = (fe = h == null ? void 0 : h.campania) == null ? void 0 : fe.responsable) == null ? void 0 : be.nombre })
-              ] }) })
-            ] }, S);
+                  ) }),
+                  /* @__PURE__ */ e("td", { children: /* @__PURE__ */ o("div", { className: "avatar-container", children: [
+                    /* @__PURE__ */ o(k, { className: "avatar w-[28px] h-[28px]", children: [
+                      /* @__PURE__ */ e(
+                        ee,
+                        {
+                          src: `${We}${(he = (pe = (J = (B = (L = h == null ? void 0 : h.campania) == null ? void 0 : L.responsable) == null ? void 0 : B.imagen) == null ? void 0 : J.formats) == null ? void 0 : pe.thumbnail) == null ? void 0 : he.url}`,
+                          alt: (fe = (ge = (xe = h == null ? void 0 : h.campania) == null ? void 0 : xe.responsable) == null ? void 0 : ge.nombre) == null ? void 0 : fe.charAt(
+                            0
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ e(
+                        te,
+                        {
+                          style: {
+                            boxShadow: "10px 5px 10px rgba(0, 0, 0, 0.5)"
+                          },
+                          children: (we = (ye = (be = h == null ? void 0 : h.campania) == null ? void 0 : be.responsable) == null ? void 0 : ye.nombre) == null ? void 0 : we.charAt(0)
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ e("span", { style: { marginLeft: "8px", fontSize: "10px" }, children: (ve = (Ne = h == null ? void 0 : h.campania) == null ? void 0 : Ne.responsable) == null ? void 0 : ve.nombre })
+                  ] }) })
+                ]
+              },
+              q
+            );
           }) })
         ]
       }
@@ -2107,7 +2165,6 @@ const zt = () => {
                 textAlign: "left",
                 width: "auto",
                 height: "auto",
-                padding: "12px",
                 whiteSpace: "nowrap"
               },
               children: [
@@ -2118,13 +2175,13 @@ const zt = () => {
             }
           ),
           /* @__PURE__ */ e(
-            tt,
+            st,
             {
               first: i,
               rows: c,
               totalRecords: d,
               rowsPerPageOptions: [5, 10, 20, 50],
-              onPageChange: b,
+              onPageChange: _,
               className: "pagination",
               template: "FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink"
             }
@@ -2144,8 +2201,8 @@ const zt = () => {
                   {
                     className: "select",
                     value: c,
-                    onChange: (h) => F(h),
-                    children: N.map((h) => /* @__PURE__ */ e(
+                    onChange: (h) => R(h),
+                    children: A.map((h) => /* @__PURE__ */ e(
                       "option",
                       {
                         className: "option-select",
@@ -2164,51 +2221,51 @@ const zt = () => {
       }
     )
   ] }) });
-}, Gt = ({ path: a, tab: t, setPath: r, project: n, setProject: l }) => {
-  const s = {
-    "kanban-general": { kanban: /* @__PURE__ */ e(Rt, {}) },
+}, Zt = ({ path: a, tab: t, setPath: r, project: n, setProject: s }) => {
+  const l = {
+    "kanban-general": { kanban: /* @__PURE__ */ e(Ut, {}) },
     "lista-campanias": {
-      lista: /* @__PURE__ */ e(Vt, { setPath: r, setProject: l }),
+      lista: /* @__PURE__ */ e(Jt, { setPath: r, setProject: s }),
       gantt: /* @__PURE__ */ e("div", { children: "gantt-campanias" })
     },
     "kanban-campania": {
-      kanban: /* @__PURE__ */ e(qt, {}),
-      lista: /* @__PURE__ */ e(Ht, {}),
+      kanban: /* @__PURE__ */ e(Et, {}),
+      lista: /* @__PURE__ */ e(Xt, {}),
       gantt: /* @__PURE__ */ e("div", { children: "kanban-campania-gantt" })
     }
   };
-  return a === "kanban-campania" ? /* @__PURE__ */ e(ut, { project: n == null ? void 0 : n.id, children: s[a][t] }) : s[a][t];
-}, Yt = ({ path: a }) => /* @__PURE__ */ e(lt, { children: /* @__PURE__ */ e(() => {
-  const { selectPath: r, updateFilters: n, applyFilters: l } = $(), [s, i] = y("kanban"), [u, c] = y(a), [p, d] = y({
+  return a === "kanban-campania" ? /* @__PURE__ */ e(xt, { project: n == null ? void 0 : n.id, children: l[a][t] }) : l[a][t];
+}, kt = ({ path: a }) => /* @__PURE__ */ e(ct, { children: /* @__PURE__ */ e(() => {
+  const { selectPath: r, updateFilters: n, applyFilters: s } = $(), [l, i] = y("kanban"), [u, c] = y(a), [x, d] = y({
     id: 1839,
     project: "Kanban de Campania"
-  }), [g, m] = y(""), x = L(null);
-  _(() => {
+  }), [f, p] = y(""), m = O(null);
+  F(() => {
     i("kanban"), r(u);
-  }, [a]), _(() => {
-    (g == null ? void 0 : g.trim()) === "" && n({
+  }, [a]), F(() => {
+    (f == null ? void 0 : f.trim()) === "" && n({
       name: "taskName",
       value: null
-    }), l();
-  }, [g]);
-  const w = (N) => ({
+    }), s();
+  }, [f]);
+  const g = (N) => ({
     "kanban-general": "Kanban General",
     "lista-campanias": "Campanias",
-    "kanban-campania": `Kanban de ${p.project}`
-  })[N], f = (N) => {
+    "kanban-campania": `Kanban de ${x.project}`
+  })[N], b = (N) => {
     c(N);
-  }, v = ["lista-campanias", "kanban-campania"], b = {
+  }, v = ["lista-campanias", "kanban-campania"], w = {
     "lista-campanias": ["lista", "gantt"],
     "kanban-campania": ["kanban", "lista", "gantt"]
   };
   return /* @__PURE__ */ o("div", { className: "bg-bg-card p-m rounded-lg border border-gray-200 flex flex-col gap-m w-full h-full min-h-[100%] relative overflow-hidden", children: [
     /* @__PURE__ */ o("div", { className: "w-full justify-between flex items-end border-b border-gray-200 pb-m px-l flex-wrap gap-l", children: [
       /* @__PURE__ */ o("div", { className: "flex gap-xl", children: [
-        /* @__PURE__ */ e("h2", { className: "text-texts font-medium", children: w(u) }),
+        /* @__PURE__ */ e("h2", { className: "text-texts font-medium", children: g(u) }),
         v.includes(u) && /* @__PURE__ */ e(
-          nt,
+          it,
           {
-            tabs: b[u],
+            tabs: w[u],
             renderItem: (N) => {
               i(N);
             }
@@ -2219,13 +2276,13 @@ const zt = () => {
         /* @__PURE__ */ e(
           "input",
           {
-            onChange: Pe(
+            onChange: $e(
               (N) => {
-                var F, T, A;
+                var T, _, A;
                 n({
                   name: "taskName",
-                  value: (T = (F = N == null ? void 0 : N.target) == null ? void 0 : F.value) == null ? void 0 : T.trim()
-                }), m((A = N == null ? void 0 : N.target) == null ? void 0 : A.value);
+                  value: (_ = (T = N == null ? void 0 : N.target) == null ? void 0 : T.value) == null ? void 0 : _.trim()
+                }), p((A = N == null ? void 0 : N.target) == null ? void 0 : A.value);
               },
               1e3
             ),
@@ -2235,15 +2292,15 @@ const zt = () => {
           }
         ),
         /* @__PURE__ */ e(
-          rt,
+          ot,
           {
-            filterChildren: x,
+            filterChildren: m,
             children: /* @__PURE__ */ e(
               "div",
               {
-                ref: x,
+                ref: m,
                 className: "w-max max-w-[400px] h-fit bg-bg-card shadow-lg rounded-lg p-l",
-                children: /* @__PURE__ */ e(st, {})
+                children: /* @__PURE__ */ e(dt, {})
               }
             )
           }
@@ -2251,34 +2308,34 @@ const zt = () => {
       ] })
     ] }),
     /* @__PURE__ */ e("div", { className: "overflow-auto scrollbar-none", children: /* @__PURE__ */ e(
-      Gt,
+      Zt,
       {
         path: u,
-        tab: s,
-        setPath: f,
-        project: p,
+        tab: l,
+        setPath: b,
+        project: x,
         setProject: d
       }
     ) })
   ] });
-}, {}) }), Xt = () => /* @__PURE__ */ e("div", { className: "w-full h-full min-h-[100%] relative", children: /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-full", children: /* @__PURE__ */ o("div", { className: "text-2xl font-bold flex flex-col items-center", children: [
+}, {}) }), ea = () => /* @__PURE__ */ e("div", { className: "w-full h-full min-h-[100%] relative", children: /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-full", children: /* @__PURE__ */ o("div", { className: "text-2xl font-bold flex flex-col items-center", children: [
   /* @__PURE__ */ e("div", { className: "w-10 h-10 bg-primary-regular rounded-full animate-pulse" }),
   /* @__PURE__ */ e("p", { className: "text-l text-texts-enfasis", children: "un momento..." }),
   /* @__PURE__ */ e("p", { className: "text-sm text-texts-placeholder", children: "estamos buscando tu usuario" })
-] }) }) }), Jt = () => /* @__PURE__ */ e("div", { className: "w-full h-full min-h-[100%] relative", children: /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-full", children: /* @__PURE__ */ o("div", { className: "text-2xl font-bold flex flex-col items-center", children: [
+] }) }) }), ta = () => /* @__PURE__ */ e("div", { className: "w-full h-full min-h-[100%] relative", children: /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-full", children: /* @__PURE__ */ o("div", { className: "text-2xl font-bold flex flex-col items-center", children: [
   /* @__PURE__ */ e("div", { className: "w-10 h-10 bg-primary-regular rounded-full animate-pulse" }),
   /* @__PURE__ */ e("p", { className: "text-l text-texts-enfasis", children: "No encontramos tu acceso" }),
   /* @__PURE__ */ e("p", { className: "text-sm text-texts-placeholder", children: "por favor, contacta al administrador" })
-] }) }) }), ua = ({ path: a, user: t, url: r }) => {
-  const n = new Ue();
-  if (!t) return /* @__PURE__ */ e(Xt, {});
-  if (!t.accessToken) return /* @__PURE__ */ e(Jt, {});
-  let l = { user: t, url: r };
-  return /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(dt, { ...l, children: /* @__PURE__ */ e(ct, { ...l, children: /* @__PURE__ */ e("div", { className: "w-full h-full min-h-[100%] relative", children: /* @__PURE__ */ o(Qe, { client: n, children: [
-    /* @__PURE__ */ e(Yt, { path: a }),
+] }) }) }), xa = ({ path: a, user: t, url: r }) => {
+  const n = new Ge();
+  if (!t) return /* @__PURE__ */ e(ea, {});
+  if (!t.accessToken) return /* @__PURE__ */ e(ta, {});
+  let s = { user: t, url: r };
+  return /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(ht, { ...s, children: /* @__PURE__ */ e(pt, { ...s, children: /* @__PURE__ */ e("div", { className: "w-full h-full min-h-[100%] relative", children: /* @__PURE__ */ o(Ye, { client: n, children: [
+    /* @__PURE__ */ e(kt, { path: a }),
     " "
   ] }) }) }) }) });
 };
 export {
-  ua as AppTasks
+  xa as AppTasks
 };