Cambios de Roberto
This commit is contained in:
48
bun.lock
48
bun.lock
@@ -32,6 +32,8 @@
|
|||||||
"clsx": "^2.1.1",
|
"clsx": "^2.1.1",
|
||||||
"cmdk": "^1.1.1",
|
"cmdk": "^1.1.1",
|
||||||
"gsap": "^3.13.0",
|
"gsap": "^3.13.0",
|
||||||
|
"jspdf": "^3.0.3",
|
||||||
|
"jspdf-autotable": "^5.0.2",
|
||||||
"lucide-react": "^0.540.0",
|
"lucide-react": "^0.540.0",
|
||||||
"next-themes": "^0.4.6",
|
"next-themes": "^0.4.6",
|
||||||
"react": "^19.0.0",
|
"react": "^19.0.0",
|
||||||
@@ -482,12 +484,18 @@
|
|||||||
|
|
||||||
"@types/node": ["@types/node@24.3.0", "", { "dependencies": { "undici-types": "~7.10.0" } }, "sha512-aPTXCrfwnDLj4VvXrm+UUCQjNEvJgNA8s5F1cvwQU+3KNltTOkBm1j30uNLyqqPNe7gE3KFzImYoZEfLhp4Yow=="],
|
"@types/node": ["@types/node@24.3.0", "", { "dependencies": { "undici-types": "~7.10.0" } }, "sha512-aPTXCrfwnDLj4VvXrm+UUCQjNEvJgNA8s5F1cvwQU+3KNltTOkBm1j30uNLyqqPNe7gE3KFzImYoZEfLhp4Yow=="],
|
||||||
|
|
||||||
|
"@types/pako": ["@types/pako@2.0.4", "", {}, "sha512-VWDCbrLeVXJM9fihYodcLiIv0ku+AlOa/TQ1SvYOaBuyrSKgEcro95LJyIsJ4vSo6BXIxOKxiJAat04CmST9Fw=="],
|
||||||
|
|
||||||
"@types/phoenix": ["@types/phoenix@1.6.6", "", {}, "sha512-PIzZZlEppgrpoT2QgbnDU+MMzuR6BbCjllj0bM70lWoejMeNJAxCchxnv7J3XFkI8MpygtRpzXrIlmWUBclP5A=="],
|
"@types/phoenix": ["@types/phoenix@1.6.6", "", {}, "sha512-PIzZZlEppgrpoT2QgbnDU+MMzuR6BbCjllj0bM70lWoejMeNJAxCchxnv7J3XFkI8MpygtRpzXrIlmWUBclP5A=="],
|
||||||
|
|
||||||
|
"@types/raf": ["@types/raf@3.4.3", "", {}, "sha512-c4YAvMedbPZ5tEyxzQdMoOhhJ4RD3rngZIdwC2/qDN3d7JpEhB6fiBRKVY1lg5B7Wk+uPBjn5f39j1/2MY1oOw=="],
|
||||||
|
|
||||||
"@types/react": ["@types/react@19.1.10", "", { "dependencies": { "csstype": "^3.0.2" } }, "sha512-EhBeSYX0Y6ye8pNebpKrwFJq7BoQ8J5SO6NlvNwwHjSj6adXJViPQrKlsyPw7hLBLvckEMO1yxeGdR82YBBlDg=="],
|
"@types/react": ["@types/react@19.1.10", "", { "dependencies": { "csstype": "^3.0.2" } }, "sha512-EhBeSYX0Y6ye8pNebpKrwFJq7BoQ8J5SO6NlvNwwHjSj6adXJViPQrKlsyPw7hLBLvckEMO1yxeGdR82YBBlDg=="],
|
||||||
|
|
||||||
"@types/react-dom": ["@types/react-dom@19.1.7", "", { "peerDependencies": { "@types/react": "^19.0.0" } }, "sha512-i5ZzwYpqjmrKenzkoLM2Ibzt6mAsM7pxB6BCIouEVVmgiqaMj1TjaK7hnA36hbW5aZv20kx7Lw6hWzPWg0Rurw=="],
|
"@types/react-dom": ["@types/react-dom@19.1.7", "", { "peerDependencies": { "@types/react": "^19.0.0" } }, "sha512-i5ZzwYpqjmrKenzkoLM2Ibzt6mAsM7pxB6BCIouEVVmgiqaMj1TjaK7hnA36hbW5aZv20kx7Lw6hWzPWg0Rurw=="],
|
||||||
|
|
||||||
|
"@types/trusted-types": ["@types/trusted-types@2.0.7", "", {}, "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw=="],
|
||||||
|
|
||||||
"@types/unist": ["@types/unist@3.0.3", "", {}, "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="],
|
"@types/unist": ["@types/unist@3.0.3", "", {}, "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="],
|
||||||
|
|
||||||
"@types/use-sync-external-store": ["@types/use-sync-external-store@0.0.6", "", {}, "sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg=="],
|
"@types/use-sync-external-store": ["@types/use-sync-external-store@0.0.6", "", {}, "sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg=="],
|
||||||
@@ -536,6 +544,8 @@
|
|||||||
|
|
||||||
"bail": ["bail@2.0.2", "", {}, "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw=="],
|
"bail": ["bail@2.0.2", "", {}, "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw=="],
|
||||||
|
|
||||||
|
"base64-arraybuffer": ["base64-arraybuffer@1.0.2", "", {}, "sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ=="],
|
||||||
|
|
||||||
"binary-extensions": ["binary-extensions@2.3.0", "", {}, "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw=="],
|
"binary-extensions": ["binary-extensions@2.3.0", "", {}, "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw=="],
|
||||||
|
|
||||||
"braces": ["braces@3.0.3", "", { "dependencies": { "fill-range": "^7.1.1" } }, "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA=="],
|
"braces": ["braces@3.0.3", "", { "dependencies": { "fill-range": "^7.1.1" } }, "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA=="],
|
||||||
@@ -548,6 +558,8 @@
|
|||||||
|
|
||||||
"canvas-confetti": ["canvas-confetti@1.9.3", "", {}, "sha512-rFfTURMvmVEX1gyXFgn5QMn81bYk70qa0HLzcIOSVEyl57n6o9ItHeBtUSWdvKAPY0xlvBHno4/v3QPrT83q9g=="],
|
"canvas-confetti": ["canvas-confetti@1.9.3", "", {}, "sha512-rFfTURMvmVEX1gyXFgn5QMn81bYk70qa0HLzcIOSVEyl57n6o9ItHeBtUSWdvKAPY0xlvBHno4/v3QPrT83q9g=="],
|
||||||
|
|
||||||
|
"canvg": ["canvg@3.0.11", "", { "dependencies": { "@babel/runtime": "^7.12.5", "@types/raf": "^3.4.0", "core-js": "^3.8.3", "raf": "^3.4.1", "regenerator-runtime": "^0.13.7", "rgbcolor": "^1.0.1", "stackblur-canvas": "^2.0.0", "svg-pathdata": "^6.0.3" } }, "sha512-5ON+q7jCTgMp9cjpu4Jo6XbvfYwSB2Ow3kzHKfIyJfaCAOHLbdKPQqGKgfED/R5B+3TFFfe8pegYA+b423SRyA=="],
|
||||||
|
|
||||||
"ccount": ["ccount@2.0.1", "", {}, "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg=="],
|
"ccount": ["ccount@2.0.1", "", {}, "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg=="],
|
||||||
|
|
||||||
"chai": ["chai@5.3.1", "", { "dependencies": { "assertion-error": "^2.0.1", "check-error": "^2.1.1", "deep-eql": "^5.0.1", "loupe": "^3.1.0", "pathval": "^2.0.0" } }, "sha512-48af6xm9gQK8rhIcOxWwdGzIervm8BVTin+yRp9HEvU20BtVZ2lBywlIJBzwaDtvo0FvjeL7QdCADoUoqIbV3A=="],
|
"chai": ["chai@5.3.1", "", { "dependencies": { "assertion-error": "^2.0.1", "check-error": "^2.1.1", "deep-eql": "^5.0.1", "loupe": "^3.1.0", "pathval": "^2.0.0" } }, "sha512-48af6xm9gQK8rhIcOxWwdGzIervm8BVTin+yRp9HEvU20BtVZ2lBywlIJBzwaDtvo0FvjeL7QdCADoUoqIbV3A=="],
|
||||||
@@ -578,6 +590,10 @@
|
|||||||
|
|
||||||
"cookie-es": ["cookie-es@1.2.2", "", {}, "sha512-+W7VmiVINB+ywl1HGXJXmrqkOhpKrIiVZV6tQuV54ZyQC7MMuBt81Vc336GMLoHBq5hV/F9eXgt5Mnx0Rha5Fg=="],
|
"cookie-es": ["cookie-es@1.2.2", "", {}, "sha512-+W7VmiVINB+ywl1HGXJXmrqkOhpKrIiVZV6tQuV54ZyQC7MMuBt81Vc336GMLoHBq5hV/F9eXgt5Mnx0Rha5Fg=="],
|
||||||
|
|
||||||
|
"core-js": ["core-js@3.46.0", "", {}, "sha512-vDMm9B0xnqqZ8uSBpZ8sNtRtOdmfShrvT6h2TuQGLs0Is+cR0DYbj/KWP6ALVNbWPpqA/qPLoOuppJN07humpA=="],
|
||||||
|
|
||||||
|
"css-line-break": ["css-line-break@2.1.0", "", { "dependencies": { "utrie": "^1.0.2" } }, "sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w=="],
|
||||||
|
|
||||||
"cssstyle": ["cssstyle@4.6.0", "", { "dependencies": { "@asamuzakjp/css-color": "^3.2.0", "rrweb-cssom": "^0.8.0" } }, "sha512-2z+rWdzbbSZv6/rhtvzvqeZQHrBaqgogqt85sqFNbabZOuFbCVFb8kPeEtZjiKkbrm395irpNKiYeFeLiQnFPg=="],
|
"cssstyle": ["cssstyle@4.6.0", "", { "dependencies": { "@asamuzakjp/css-color": "^3.2.0", "rrweb-cssom": "^0.8.0" } }, "sha512-2z+rWdzbbSZv6/rhtvzvqeZQHrBaqgogqt85sqFNbabZOuFbCVFb8kPeEtZjiKkbrm395irpNKiYeFeLiQnFPg=="],
|
||||||
|
|
||||||
"csstype": ["csstype@3.1.3", "", {}, "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="],
|
"csstype": ["csstype@3.1.3", "", {}, "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="],
|
||||||
@@ -628,6 +644,8 @@
|
|||||||
|
|
||||||
"dom-accessibility-api": ["dom-accessibility-api@0.5.16", "", {}, "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg=="],
|
"dom-accessibility-api": ["dom-accessibility-api@0.5.16", "", {}, "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg=="],
|
||||||
|
|
||||||
|
"dompurify": ["dompurify@3.3.0", "", { "optionalDependencies": { "@types/trusted-types": "^2.0.7" } }, "sha512-r+f6MYR1gGN1eJv0TVQbhA7if/U7P87cdPl3HN5rikqaBSBxLiCb/b9O+2eG0cxz0ghyU+mU1QkbsOwERMYlWQ=="],
|
||||||
|
|
||||||
"electron-to-chromium": ["electron-to-chromium@1.5.204", "", {}, "sha512-s9VbBXWxfDrl67PlO4avwh0/GU2vcwx8Fph3wlR8LJl7ySGYId59EFE17VWVcuC3sLWNPENm6Z/uGqKbkPCcXA=="],
|
"electron-to-chromium": ["electron-to-chromium@1.5.204", "", {}, "sha512-s9VbBXWxfDrl67PlO4avwh0/GU2vcwx8Fph3wlR8LJl7ySGYId59EFE17VWVcuC3sLWNPENm6Z/uGqKbkPCcXA=="],
|
||||||
|
|
||||||
"enhanced-resolve": ["enhanced-resolve@5.18.3", "", { "dependencies": { "graceful-fs": "^4.2.4", "tapable": "^2.2.0" } }, "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww=="],
|
"enhanced-resolve": ["enhanced-resolve@5.18.3", "", { "dependencies": { "graceful-fs": "^4.2.4", "tapable": "^2.2.0" } }, "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww=="],
|
||||||
@@ -654,8 +672,12 @@
|
|||||||
|
|
||||||
"extend": ["extend@3.0.2", "", {}, "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="],
|
"extend": ["extend@3.0.2", "", {}, "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="],
|
||||||
|
|
||||||
|
"fast-png": ["fast-png@6.4.0", "", { "dependencies": { "@types/pako": "^2.0.3", "iobuffer": "^5.3.2", "pako": "^2.1.0" } }, "sha512-kAqZq1TlgBjZcLr5mcN6NP5Rv4V2f22z00c3g8vRrwkcqjerx7BEhPbOnWCPqaHUl2XWQBJQvOT/FQhdMT7X/Q=="],
|
||||||
|
|
||||||
"fdir": ["fdir@6.5.0", "", { "peerDependencies": { "picomatch": "^3 || ^4" }, "optionalPeers": ["picomatch"] }, "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg=="],
|
"fdir": ["fdir@6.5.0", "", { "peerDependencies": { "picomatch": "^3 || ^4" }, "optionalPeers": ["picomatch"] }, "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg=="],
|
||||||
|
|
||||||
|
"fflate": ["fflate@0.8.2", "", {}, "sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A=="],
|
||||||
|
|
||||||
"fill-range": ["fill-range@7.1.1", "", { "dependencies": { "to-regex-range": "^5.0.1" } }, "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg=="],
|
"fill-range": ["fill-range@7.1.1", "", { "dependencies": { "to-regex-range": "^5.0.1" } }, "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg=="],
|
||||||
|
|
||||||
"fsevents": ["fsevents@2.3.3", "", { "os": "darwin" }, "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw=="],
|
"fsevents": ["fsevents@2.3.3", "", { "os": "darwin" }, "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw=="],
|
||||||
@@ -682,6 +704,8 @@
|
|||||||
|
|
||||||
"html-url-attributes": ["html-url-attributes@3.0.1", "", {}, "sha512-ol6UPyBWqsrO6EJySPz2O7ZSr856WDrEzM5zMqp+FJJLGMW35cLYmmZnl0vztAZxRUoNZJFTCohfjuIJ8I4QBQ=="],
|
"html-url-attributes": ["html-url-attributes@3.0.1", "", {}, "sha512-ol6UPyBWqsrO6EJySPz2O7ZSr856WDrEzM5zMqp+FJJLGMW35cLYmmZnl0vztAZxRUoNZJFTCohfjuIJ8I4QBQ=="],
|
||||||
|
|
||||||
|
"html2canvas": ["html2canvas@1.4.1", "", { "dependencies": { "css-line-break": "^2.1.0", "text-segmentation": "^1.0.3" } }, "sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA=="],
|
||||||
|
|
||||||
"http-proxy-agent": ["http-proxy-agent@7.0.2", "", { "dependencies": { "agent-base": "^7.1.0", "debug": "^4.3.4" } }, "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig=="],
|
"http-proxy-agent": ["http-proxy-agent@7.0.2", "", { "dependencies": { "agent-base": "^7.1.0", "debug": "^4.3.4" } }, "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig=="],
|
||||||
|
|
||||||
"https-proxy-agent": ["https-proxy-agent@7.0.6", "", { "dependencies": { "agent-base": "^7.1.2", "debug": "4" } }, "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw=="],
|
"https-proxy-agent": ["https-proxy-agent@7.0.6", "", { "dependencies": { "agent-base": "^7.1.2", "debug": "4" } }, "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw=="],
|
||||||
@@ -694,6 +718,8 @@
|
|||||||
|
|
||||||
"internmap": ["internmap@2.0.3", "", {}, "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg=="],
|
"internmap": ["internmap@2.0.3", "", {}, "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg=="],
|
||||||
|
|
||||||
|
"iobuffer": ["iobuffer@5.4.0", "", {}, "sha512-DRebOWuqDvxunfkNJAlc3IzWIPD5xVxwUNbHr7xKB8E6aLJxIPfNX3CoMJghcFjpv6RWQsrcJbghtEwSPoJqMA=="],
|
||||||
|
|
||||||
"is-alphabetical": ["is-alphabetical@2.0.1", "", {}, "sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ=="],
|
"is-alphabetical": ["is-alphabetical@2.0.1", "", {}, "sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ=="],
|
||||||
|
|
||||||
"is-alphanumerical": ["is-alphanumerical@2.0.1", "", { "dependencies": { "is-alphabetical": "^2.0.0", "is-decimal": "^2.0.0" } }, "sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw=="],
|
"is-alphanumerical": ["is-alphanumerical@2.0.1", "", { "dependencies": { "is-alphabetical": "^2.0.0", "is-decimal": "^2.0.0" } }, "sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw=="],
|
||||||
@@ -726,6 +752,10 @@
|
|||||||
|
|
||||||
"json5": ["json5@2.2.3", "", { "bin": { "json5": "lib/cli.js" } }, "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg=="],
|
"json5": ["json5@2.2.3", "", { "bin": { "json5": "lib/cli.js" } }, "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg=="],
|
||||||
|
|
||||||
|
"jspdf": ["jspdf@3.0.3", "", { "dependencies": { "@babel/runtime": "^7.26.9", "fast-png": "^6.2.0", "fflate": "^0.8.1" }, "optionalDependencies": { "canvg": "^3.0.11", "core-js": "^3.6.0", "dompurify": "^3.2.4", "html2canvas": "^1.0.0-rc.5" } }, "sha512-eURjAyz5iX1H8BOYAfzvdPfIKK53V7mCpBTe7Kb16PaM8JSXEcUQNBQaiWMI8wY5RvNOPj4GccMjTlfwRBd+oQ=="],
|
||||||
|
|
||||||
|
"jspdf-autotable": ["jspdf-autotable@5.0.2", "", { "peerDependencies": { "jspdf": "^2 || ^3" } }, "sha512-YNKeB7qmx3pxOLcNeoqAv3qTS7KuvVwkFe5AduCawpop3NOkBUtqDToxNc225MlNecxT4kP2Zy3z/y/yvGdXUQ=="],
|
||||||
|
|
||||||
"lightningcss": ["lightningcss@1.30.1", "", { "dependencies": { "detect-libc": "^2.0.3" }, "optionalDependencies": { "lightningcss-darwin-arm64": "1.30.1", "lightningcss-darwin-x64": "1.30.1", "lightningcss-freebsd-x64": "1.30.1", "lightningcss-linux-arm-gnueabihf": "1.30.1", "lightningcss-linux-arm64-gnu": "1.30.1", "lightningcss-linux-arm64-musl": "1.30.1", "lightningcss-linux-x64-gnu": "1.30.1", "lightningcss-linux-x64-musl": "1.30.1", "lightningcss-win32-arm64-msvc": "1.30.1", "lightningcss-win32-x64-msvc": "1.30.1" } }, "sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg=="],
|
"lightningcss": ["lightningcss@1.30.1", "", { "dependencies": { "detect-libc": "^2.0.3" }, "optionalDependencies": { "lightningcss-darwin-arm64": "1.30.1", "lightningcss-darwin-x64": "1.30.1", "lightningcss-freebsd-x64": "1.30.1", "lightningcss-linux-arm-gnueabihf": "1.30.1", "lightningcss-linux-arm64-gnu": "1.30.1", "lightningcss-linux-arm64-musl": "1.30.1", "lightningcss-linux-x64-gnu": "1.30.1", "lightningcss-linux-x64-musl": "1.30.1", "lightningcss-win32-arm64-msvc": "1.30.1", "lightningcss-win32-x64-msvc": "1.30.1" } }, "sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg=="],
|
||||||
|
|
||||||
"lightningcss-darwin-arm64": ["lightningcss-darwin-arm64@1.30.1", "", { "os": "darwin", "cpu": "arm64" }, "sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ=="],
|
"lightningcss-darwin-arm64": ["lightningcss-darwin-arm64@1.30.1", "", { "os": "darwin", "cpu": "arm64" }, "sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ=="],
|
||||||
@@ -836,6 +866,8 @@
|
|||||||
|
|
||||||
"nwsapi": ["nwsapi@2.2.21", "", {}, "sha512-o6nIY3qwiSXl7/LuOU0Dmuctd34Yay0yeuZRLFmDPrrdHpXKFndPj3hM+YEPVHYC5fx2otBx4Ilc/gyYSAUaIA=="],
|
"nwsapi": ["nwsapi@2.2.21", "", {}, "sha512-o6nIY3qwiSXl7/LuOU0Dmuctd34Yay0yeuZRLFmDPrrdHpXKFndPj3hM+YEPVHYC5fx2otBx4Ilc/gyYSAUaIA=="],
|
||||||
|
|
||||||
|
"pako": ["pako@2.1.0", "", {}, "sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug=="],
|
||||||
|
|
||||||
"parse-entities": ["parse-entities@4.0.2", "", { "dependencies": { "@types/unist": "^2.0.0", "character-entities-legacy": "^3.0.0", "character-reference-invalid": "^2.0.0", "decode-named-character-reference": "^1.0.0", "is-alphanumerical": "^2.0.0", "is-decimal": "^2.0.0", "is-hexadecimal": "^2.0.0" } }, "sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw=="],
|
"parse-entities": ["parse-entities@4.0.2", "", { "dependencies": { "@types/unist": "^2.0.0", "character-entities-legacy": "^3.0.0", "character-reference-invalid": "^2.0.0", "decode-named-character-reference": "^1.0.0", "is-alphanumerical": "^2.0.0", "is-decimal": "^2.0.0", "is-hexadecimal": "^2.0.0" } }, "sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw=="],
|
||||||
|
|
||||||
"parse5": ["parse5@7.3.0", "", { "dependencies": { "entities": "^6.0.0" } }, "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw=="],
|
"parse5": ["parse5@7.3.0", "", { "dependencies": { "entities": "^6.0.0" } }, "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw=="],
|
||||||
@@ -844,6 +876,8 @@
|
|||||||
|
|
||||||
"pathval": ["pathval@2.0.1", "", {}, "sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ=="],
|
"pathval": ["pathval@2.0.1", "", {}, "sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ=="],
|
||||||
|
|
||||||
|
"performance-now": ["performance-now@2.1.0", "", {}, "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow=="],
|
||||||
|
|
||||||
"picocolors": ["picocolors@1.1.1", "", {}, "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="],
|
"picocolors": ["picocolors@1.1.1", "", {}, "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="],
|
||||||
|
|
||||||
"picomatch": ["picomatch@4.0.3", "", {}, "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q=="],
|
"picomatch": ["picomatch@4.0.3", "", {}, "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q=="],
|
||||||
@@ -858,6 +892,8 @@
|
|||||||
|
|
||||||
"punycode": ["punycode@2.3.1", "", {}, "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg=="],
|
"punycode": ["punycode@2.3.1", "", {}, "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg=="],
|
||||||
|
|
||||||
|
"raf": ["raf@3.4.1", "", { "dependencies": { "performance-now": "^2.1.0" } }, "sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA=="],
|
||||||
|
|
||||||
"react": ["react@19.1.1", "", {}, "sha512-w8nqGImo45dmMIfljjMwOGtbmC/mk4CMYhWIicdSflH91J9TyCyczcPFXJzrZ/ZXcgGRFeP6BU0BEJTw6tZdfQ=="],
|
"react": ["react@19.1.1", "", {}, "sha512-w8nqGImo45dmMIfljjMwOGtbmC/mk4CMYhWIicdSflH91J9TyCyczcPFXJzrZ/ZXcgGRFeP6BU0BEJTw6tZdfQ=="],
|
||||||
|
|
||||||
"react-dom": ["react-dom@19.1.1", "", { "dependencies": { "scheduler": "^0.26.0" }, "peerDependencies": { "react": "^19.1.1" } }, "sha512-Dlq/5LAZgF0Gaz6yiqZCf6VCcZs1ghAJyrsu84Q/GT0gV+mCxbfmKNoGRKBYMJ8IEdGPqu49YWXD02GCknEDkw=="],
|
"react-dom": ["react-dom@19.1.1", "", { "dependencies": { "scheduler": "^0.26.0" }, "peerDependencies": { "react": "^19.1.1" } }, "sha512-Dlq/5LAZgF0Gaz6yiqZCf6VCcZs1ghAJyrsu84Q/GT0gV+mCxbfmKNoGRKBYMJ8IEdGPqu49YWXD02GCknEDkw=="],
|
||||||
@@ -886,6 +922,8 @@
|
|||||||
|
|
||||||
"redux-thunk": ["redux-thunk@3.1.0", "", { "peerDependencies": { "redux": "^5.0.0" } }, "sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw=="],
|
"redux-thunk": ["redux-thunk@3.1.0", "", { "peerDependencies": { "redux": "^5.0.0" } }, "sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw=="],
|
||||||
|
|
||||||
|
"regenerator-runtime": ["regenerator-runtime@0.13.11", "", {}, "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="],
|
||||||
|
|
||||||
"remark-parse": ["remark-parse@11.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0", "mdast-util-from-markdown": "^2.0.0", "micromark-util-types": "^2.0.0", "unified": "^11.0.0" } }, "sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA=="],
|
"remark-parse": ["remark-parse@11.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0", "mdast-util-from-markdown": "^2.0.0", "micromark-util-types": "^2.0.0", "unified": "^11.0.0" } }, "sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA=="],
|
||||||
|
|
||||||
"remark-rehype": ["remark-rehype@11.1.2", "", { "dependencies": { "@types/hast": "^3.0.0", "@types/mdast": "^4.0.0", "mdast-util-to-hast": "^13.0.0", "unified": "^11.0.0", "vfile": "^6.0.0" } }, "sha512-Dh7l57ianaEoIpzbp0PC9UKAdCSVklD8E5Rpw7ETfbTl3FqcOOgq5q2LVDhgGCkaBv7p24JXikPdvhhmHvKMsw=="],
|
"remark-rehype": ["remark-rehype@11.1.2", "", { "dependencies": { "@types/hast": "^3.0.0", "@types/mdast": "^4.0.0", "mdast-util-to-hast": "^13.0.0", "unified": "^11.0.0", "vfile": "^6.0.0" } }, "sha512-Dh7l57ianaEoIpzbp0PC9UKAdCSVklD8E5Rpw7ETfbTl3FqcOOgq5q2LVDhgGCkaBv7p24JXikPdvhhmHvKMsw=="],
|
||||||
@@ -894,6 +932,8 @@
|
|||||||
|
|
||||||
"resolve-pkg-maps": ["resolve-pkg-maps@1.0.0", "", {}, "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw=="],
|
"resolve-pkg-maps": ["resolve-pkg-maps@1.0.0", "", {}, "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw=="],
|
||||||
|
|
||||||
|
"rgbcolor": ["rgbcolor@1.0.1", "", {}, "sha512-9aZLIrhRaD97sgVhtJOW6ckOEh6/GnvQtdVNfdZ6s67+3/XwLS9lBcQYzEEhYVeUowN7pRzMLsyGhK2i/xvWbw=="],
|
||||||
|
|
||||||
"rollup": ["rollup@4.46.3", "", { "dependencies": { "@types/estree": "1.0.8" }, "optionalDependencies": { "@rollup/rollup-android-arm-eabi": "4.46.3", "@rollup/rollup-android-arm64": "4.46.3", "@rollup/rollup-darwin-arm64": "4.46.3", "@rollup/rollup-darwin-x64": "4.46.3", "@rollup/rollup-freebsd-arm64": "4.46.3", "@rollup/rollup-freebsd-x64": "4.46.3", "@rollup/rollup-linux-arm-gnueabihf": "4.46.3", "@rollup/rollup-linux-arm-musleabihf": "4.46.3", "@rollup/rollup-linux-arm64-gnu": "4.46.3", "@rollup/rollup-linux-arm64-musl": "4.46.3", "@rollup/rollup-linux-loongarch64-gnu": "4.46.3", "@rollup/rollup-linux-ppc64-gnu": "4.46.3", "@rollup/rollup-linux-riscv64-gnu": "4.46.3", "@rollup/rollup-linux-riscv64-musl": "4.46.3", "@rollup/rollup-linux-s390x-gnu": "4.46.3", "@rollup/rollup-linux-x64-gnu": "4.46.3", "@rollup/rollup-linux-x64-musl": "4.46.3", "@rollup/rollup-win32-arm64-msvc": "4.46.3", "@rollup/rollup-win32-ia32-msvc": "4.46.3", "@rollup/rollup-win32-x64-msvc": "4.46.3", "fsevents": "~2.3.2" }, "bin": { "rollup": "dist/bin/rollup" } }, "sha512-RZn2XTjXb8t5g13f5YclGoilU/kwT696DIkY3sywjdZidNSi3+vseaQov7D7BZXVJCPv3pDWUN69C78GGbXsKw=="],
|
"rollup": ["rollup@4.46.3", "", { "dependencies": { "@types/estree": "1.0.8" }, "optionalDependencies": { "@rollup/rollup-android-arm-eabi": "4.46.3", "@rollup/rollup-android-arm64": "4.46.3", "@rollup/rollup-darwin-arm64": "4.46.3", "@rollup/rollup-darwin-x64": "4.46.3", "@rollup/rollup-freebsd-arm64": "4.46.3", "@rollup/rollup-freebsd-x64": "4.46.3", "@rollup/rollup-linux-arm-gnueabihf": "4.46.3", "@rollup/rollup-linux-arm-musleabihf": "4.46.3", "@rollup/rollup-linux-arm64-gnu": "4.46.3", "@rollup/rollup-linux-arm64-musl": "4.46.3", "@rollup/rollup-linux-loongarch64-gnu": "4.46.3", "@rollup/rollup-linux-ppc64-gnu": "4.46.3", "@rollup/rollup-linux-riscv64-gnu": "4.46.3", "@rollup/rollup-linux-riscv64-musl": "4.46.3", "@rollup/rollup-linux-s390x-gnu": "4.46.3", "@rollup/rollup-linux-x64-gnu": "4.46.3", "@rollup/rollup-linux-x64-musl": "4.46.3", "@rollup/rollup-win32-arm64-msvc": "4.46.3", "@rollup/rollup-win32-ia32-msvc": "4.46.3", "@rollup/rollup-win32-x64-msvc": "4.46.3", "fsevents": "~2.3.2" }, "bin": { "rollup": "dist/bin/rollup" } }, "sha512-RZn2XTjXb8t5g13f5YclGoilU/kwT696DIkY3sywjdZidNSi3+vseaQov7D7BZXVJCPv3pDWUN69C78GGbXsKw=="],
|
||||||
|
|
||||||
"rrweb-cssom": ["rrweb-cssom@0.8.0", "", {}, "sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw=="],
|
"rrweb-cssom": ["rrweb-cssom@0.8.0", "", {}, "sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw=="],
|
||||||
@@ -924,6 +964,8 @@
|
|||||||
|
|
||||||
"stackback": ["stackback@0.0.2", "", {}, "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw=="],
|
"stackback": ["stackback@0.0.2", "", {}, "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw=="],
|
||||||
|
|
||||||
|
"stackblur-canvas": ["stackblur-canvas@2.7.0", "", {}, "sha512-yf7OENo23AGJhBriGx0QivY5JP6Y1HbrrDI6WLt6C5auYZXlQrheoY8hD4ibekFKz1HOfE48Ww8kMWMnJD/zcQ=="],
|
||||||
|
|
||||||
"std-env": ["std-env@3.9.0", "", {}, "sha512-UGvjygr6F6tpH7o2qyqR6QYpwraIjKSdtzyBdyytFOHmPZY917kwdwLG0RbOjWOnKmnm3PeHjaoLLMie7kPLQw=="],
|
"std-env": ["std-env@3.9.0", "", {}, "sha512-UGvjygr6F6tpH7o2qyqR6QYpwraIjKSdtzyBdyytFOHmPZY917kwdwLG0RbOjWOnKmnm3PeHjaoLLMie7kPLQw=="],
|
||||||
|
|
||||||
"stringify-entities": ["stringify-entities@4.0.4", "", { "dependencies": { "character-entities-html4": "^2.0.0", "character-entities-legacy": "^3.0.0" } }, "sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg=="],
|
"stringify-entities": ["stringify-entities@4.0.4", "", { "dependencies": { "character-entities-html4": "^2.0.0", "character-entities-legacy": "^3.0.0" } }, "sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg=="],
|
||||||
@@ -934,6 +976,8 @@
|
|||||||
|
|
||||||
"style-to-object": ["style-to-object@1.0.11", "", { "dependencies": { "inline-style-parser": "0.2.4" } }, "sha512-5A560JmXr7wDyGLK12Nq/EYS38VkGlglVzkis1JEdbGWSnbQIEhZzTJhzURXN5/8WwwFCs/f/VVcmkTppbXLow=="],
|
"style-to-object": ["style-to-object@1.0.11", "", { "dependencies": { "inline-style-parser": "0.2.4" } }, "sha512-5A560JmXr7wDyGLK12Nq/EYS38VkGlglVzkis1JEdbGWSnbQIEhZzTJhzURXN5/8WwwFCs/f/VVcmkTppbXLow=="],
|
||||||
|
|
||||||
|
"svg-pathdata": ["svg-pathdata@6.0.3", "", {}, "sha512-qsjeeq5YjBZ5eMdFuUa4ZosMLxgr5RZ+F+Y1OrDhuOCEInRMA3x74XdBtggJcj9kOeInz0WE+LgCPDkZFlBYJw=="],
|
||||||
|
|
||||||
"symbol-tree": ["symbol-tree@3.2.4", "", {}, "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw=="],
|
"symbol-tree": ["symbol-tree@3.2.4", "", {}, "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw=="],
|
||||||
|
|
||||||
"tailwind-merge": ["tailwind-merge@3.3.1", "", {}, "sha512-gBXpgUm/3rp1lMZZrM/w7D8GKqshif0zAymAhbCyIt8KMe+0v9DQ7cdYLR4FHH/cKpdTXb+A/tKKU3eolfsI+g=="],
|
"tailwind-merge": ["tailwind-merge@3.3.1", "", {}, "sha512-gBXpgUm/3rp1lMZZrM/w7D8GKqshif0zAymAhbCyIt8KMe+0v9DQ7cdYLR4FHH/cKpdTXb+A/tKKU3eolfsI+g=="],
|
||||||
@@ -944,6 +988,8 @@
|
|||||||
|
|
||||||
"tar": ["tar@7.4.3", "", { "dependencies": { "@isaacs/fs-minipass": "^4.0.0", "chownr": "^3.0.0", "minipass": "^7.1.2", "minizlib": "^3.0.1", "mkdirp": "^3.0.1", "yallist": "^5.0.0" } }, "sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw=="],
|
"tar": ["tar@7.4.3", "", { "dependencies": { "@isaacs/fs-minipass": "^4.0.0", "chownr": "^3.0.0", "minipass": "^7.1.2", "minizlib": "^3.0.1", "mkdirp": "^3.0.1", "yallist": "^5.0.0" } }, "sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw=="],
|
||||||
|
|
||||||
|
"text-segmentation": ["text-segmentation@1.0.3", "", { "dependencies": { "utrie": "^1.0.2" } }, "sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw=="],
|
||||||
|
|
||||||
"tiny-invariant": ["tiny-invariant@1.3.3", "", {}, "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg=="],
|
"tiny-invariant": ["tiny-invariant@1.3.3", "", {}, "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg=="],
|
||||||
|
|
||||||
"tiny-warning": ["tiny-warning@1.0.3", "", {}, "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA=="],
|
"tiny-warning": ["tiny-warning@1.0.3", "", {}, "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA=="],
|
||||||
@@ -1006,6 +1052,8 @@
|
|||||||
|
|
||||||
"use-sync-external-store": ["use-sync-external-store@1.5.0", "", { "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A=="],
|
"use-sync-external-store": ["use-sync-external-store@1.5.0", "", { "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A=="],
|
||||||
|
|
||||||
|
"utrie": ["utrie@1.0.2", "", { "dependencies": { "base64-arraybuffer": "^1.0.2" } }, "sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw=="],
|
||||||
|
|
||||||
"vaul": ["vaul@1.1.2", "", { "dependencies": { "@radix-ui/react-dialog": "^1.1.1" }, "peerDependencies": { "react": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc" } }, "sha512-ZFkClGpWyI2WUQjdLJ/BaGuV6AVQiJ3uELGk3OYtP+B6yCO7Cmn9vPFXVJkRaGkOJu3m8bQMgtyzNHixULceQA=="],
|
"vaul": ["vaul@1.1.2", "", { "dependencies": { "@radix-ui/react-dialog": "^1.1.1" }, "peerDependencies": { "react": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc" } }, "sha512-ZFkClGpWyI2WUQjdLJ/BaGuV6AVQiJ3uELGk3OYtP+B6yCO7Cmn9vPFXVJkRaGkOJu3m8bQMgtyzNHixULceQA=="],
|
||||||
|
|
||||||
"vfile": ["vfile@6.0.3", "", { "dependencies": { "@types/unist": "^3.0.0", "vfile-message": "^4.0.0" } }, "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q=="],
|
"vfile": ["vfile@6.0.3", "", { "dependencies": { "@types/unist": "^3.0.0", "vfile-message": "^4.0.0" } }, "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q=="],
|
||||||
|
|||||||
5810
package-lock.json
generated
Normal file
5810
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
@@ -38,6 +38,8 @@
|
|||||||
"clsx": "^2.1.1",
|
"clsx": "^2.1.1",
|
||||||
"cmdk": "^1.1.1",
|
"cmdk": "^1.1.1",
|
||||||
"gsap": "^3.13.0",
|
"gsap": "^3.13.0",
|
||||||
|
"jspdf": "^3.0.3",
|
||||||
|
"jspdf-autotable": "^5.0.2",
|
||||||
"lucide-react": "^0.540.0",
|
"lucide-react": "^0.540.0",
|
||||||
"next-themes": "^0.4.6",
|
"next-themes": "^0.4.6",
|
||||||
"react": "^19.0.0",
|
"react": "^19.0.0",
|
||||||
@@ -63,4 +65,4 @@
|
|||||||
"vitest": "^3.0.5",
|
"vitest": "^3.0.5",
|
||||||
"web-vitals": "^4.2.4"
|
"web-vitals": "^4.2.4"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
375
src/components/ai/AIChatModal.jsx
Normal file
375
src/components/ai/AIChatModal.jsx
Normal file
@@ -0,0 +1,375 @@
|
|||||||
|
import React, { useEffect, useRef, useState } from "react";
|
||||||
|
import { supabase } from "@/auth/supabase";
|
||||||
|
|
||||||
|
// ---------------- UI MOCKS ---------------- //
|
||||||
|
// Puedes reemplazarlos por tus propios componentes UI
|
||||||
|
const Paperclip = (props) => (
|
||||||
|
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
|
||||||
|
<path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"/>
|
||||||
|
</svg>
|
||||||
|
);
|
||||||
|
|
||||||
|
const Dialog = ({ open, onOpenChange, children }) =>
|
||||||
|
open ? <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4" onClick={onOpenChange}>{children}</div> : null;
|
||||||
|
|
||||||
|
const DialogContent = ({ className, children }) =>
|
||||||
|
<div className={`bg-white rounded-xl shadow-2xl transform transition-all max-w-6xl w-[95vw] h-[85vh] p-6 flex flex-col ${className}`} onClick={(e) => e.stopPropagation()}>
|
||||||
|
{children}
|
||||||
|
</div>;
|
||||||
|
|
||||||
|
const DialogHeader = ({ children }) => <div className="pb-4 border-b border-gray-200">{children}</div>;
|
||||||
|
const DialogTitle = ({ className, children }) => <h2 className={`text-xl font-bold ${className}`}>{children}</h2>;
|
||||||
|
|
||||||
|
const Button = ({ onClick, disabled, className, variant, children }) => (
|
||||||
|
<button
|
||||||
|
onClick={onClick}
|
||||||
|
disabled={disabled}
|
||||||
|
className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors
|
||||||
|
${variant === "outline" ? "bg-white border border-gray-300 text-gray-700 hover:bg-gray-50" : "bg-blue-600 text-white hover:bg-blue-700"}
|
||||||
|
${disabled ? "opacity-50 cursor-not-allowed" : ""} ${className}`}
|
||||||
|
>
|
||||||
|
{children}
|
||||||
|
</button>
|
||||||
|
);
|
||||||
|
|
||||||
|
const Card = ({ className, children }) => <div className={`bg-white rounded-2xl shadow-md ${className}`}>{children}</div>;
|
||||||
|
const CardContent = ({ className, children }) => <div className={`p-4 ${className}`}>{children}</div>;
|
||||||
|
const ScrollArea = ({ className, children }) => <div className={`overflow-y-auto ${className}`}>{children}</div>;
|
||||||
|
|
||||||
|
// ---------------- COMPONENTE ---------------- //
|
||||||
|
export default function AIChatModal({ open, onClose, context, onAccept }) {
|
||||||
|
const [vectorStores, setVectorStores] = useState([]);
|
||||||
|
const [vectorFiles, setVectorFiles] = useState([]);
|
||||||
|
|
||||||
|
const [attachedFile, setAttachedFile] = useState(null);
|
||||||
|
const [attachedPreview, setAttachedPreview] = useState(null);
|
||||||
|
|
||||||
|
const [messages, setMessages] = useState([]);
|
||||||
|
const [input, setInput] = useState("");
|
||||||
|
|
||||||
|
const [loading, setLoading] = useState(false);
|
||||||
|
const [loadingFiles, setLoadingFiles] = useState(false);
|
||||||
|
const [selectedVector, setSelectedVector] = useState(null);
|
||||||
|
|
||||||
|
const messagesEndRef = useRef(null);
|
||||||
|
const scrollToBottom = () => messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
|
||||||
|
|
||||||
|
useEffect(scrollToBottom, [messages]);
|
||||||
|
|
||||||
|
// ------------------------------------
|
||||||
|
// Reset al abrir o cerrar modal
|
||||||
|
// ------------------------------------
|
||||||
|
useEffect(() => {
|
||||||
|
if (!open) {
|
||||||
|
setMessages([]);
|
||||||
|
setInput("");
|
||||||
|
setAttachedFile(null);
|
||||||
|
setAttachedPreview(null);
|
||||||
|
setVectorStores([]);
|
||||||
|
setVectorFiles([]);
|
||||||
|
setSelectedVector(null);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (context) {
|
||||||
|
setMessages([
|
||||||
|
{
|
||||||
|
role: "system",
|
||||||
|
content: `Contexto: ${context.section}\nTexto original:\n${context.originalText || "—"}`,
|
||||||
|
},
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
}, [open, context]);
|
||||||
|
|
||||||
|
// ------------------------------------
|
||||||
|
// Cargar vector stores
|
||||||
|
// ------------------------------------
|
||||||
|
useEffect(() => {
|
||||||
|
if (!open) return;
|
||||||
|
|
||||||
|
const fetchVectorStores = async () => {
|
||||||
|
try {
|
||||||
|
setLoading(true);
|
||||||
|
const { data: { session } } = await supabase.auth.getSession();
|
||||||
|
const token = session?.access_token;
|
||||||
|
|
||||||
|
const { data, error } = await supabase.functions.invoke(
|
||||||
|
"files-and-vector-stores-api",
|
||||||
|
{
|
||||||
|
headers: { Authorization: `Bearer ${token}` },
|
||||||
|
body: { module: "vectorStores", action: "list" },
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
if (error) throw error;
|
||||||
|
setVectorStores(Array.isArray(data) ? data : []);
|
||||||
|
} catch (err) {
|
||||||
|
console.error("Error al obtener vector stores:", err);
|
||||||
|
setVectorStores([]);
|
||||||
|
} finally {
|
||||||
|
setLoading(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
fetchVectorStores();
|
||||||
|
}, [open]);
|
||||||
|
|
||||||
|
// ------------------------------------
|
||||||
|
// Cargar archivos del vector seleccionado
|
||||||
|
// ------------------------------------
|
||||||
|
const loadFilesForVector = async (vectorStoreId) => {
|
||||||
|
try {
|
||||||
|
setLoadingFiles(true);
|
||||||
|
const { data: { session } } = await supabase.auth.getSession();
|
||||||
|
const token = session?.access_token;
|
||||||
|
|
||||||
|
const { data, error } = await supabase.functions.invoke(
|
||||||
|
"files-and-vector-stores-api",
|
||||||
|
{
|
||||||
|
headers: { Authorization: `Bearer ${token}` },
|
||||||
|
body: {
|
||||||
|
module: "vectorStoreFiles",
|
||||||
|
action: "list",
|
||||||
|
params: { vector_store_id: vectorStoreId },
|
||||||
|
},
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
if (error) throw error;
|
||||||
|
setVectorFiles(Array.isArray(data) ? data : []);
|
||||||
|
} catch (err) {
|
||||||
|
console.error("Error al obtener archivos del vector store:", err);
|
||||||
|
setVectorFiles([]);
|
||||||
|
} finally {
|
||||||
|
setLoadingFiles(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// ------------------------------------
|
||||||
|
// Adjuntar archivo
|
||||||
|
// ------------------------------------
|
||||||
|
const handleAttach = (e) => {
|
||||||
|
const file = e.target.files?.[0];
|
||||||
|
if (!file) return;
|
||||||
|
setAttachedFile(file);
|
||||||
|
setAttachedPreview(file.name);
|
||||||
|
};
|
||||||
|
|
||||||
|
// ------------------------------------
|
||||||
|
// handleSend — versión final para Supabase Edge Function
|
||||||
|
// ------------------------------------
|
||||||
|
const handleSend = async () => {
|
||||||
|
if (!input.trim() && !attachedFile) return;
|
||||||
|
|
||||||
|
// Construir texto del mensaje del usuario
|
||||||
|
const userMessage = input.trim()
|
||||||
|
? input.trim()
|
||||||
|
: attachedFile
|
||||||
|
? `Consulta sobre archivo: ${attachedFile.name}`
|
||||||
|
: "";
|
||||||
|
|
||||||
|
// Agregar mensaje al chat
|
||||||
|
setMessages(prev => [...prev, { role: "user", content: userMessage }]);
|
||||||
|
setInput("");
|
||||||
|
|
||||||
|
setLoading(true);
|
||||||
|
|
||||||
|
try {
|
||||||
|
const formData = new FormData();
|
||||||
|
|
||||||
|
const fullPrompt = `
|
||||||
|
${context?.section ? `Sección: ${context.section}` : ""}
|
||||||
|
${context?.fieldKey ? `Campo: ${context.fieldKey}` : ""}
|
||||||
|
|
||||||
|
Texto original:
|
||||||
|
${context?.originalText || "Sin texto original"}
|
||||||
|
|
||||||
|
Solicitud del usuario:
|
||||||
|
${userMessage}
|
||||||
|
|
||||||
|
Responde con una versión mejorada en texto directo, sin explicaciones.
|
||||||
|
`.trim();
|
||||||
|
|
||||||
|
formData.append("prompt", fullPrompt);
|
||||||
|
if (attachedFile) formData.append("file", attachedFile);
|
||||||
|
|
||||||
|
const { data, error } = await supabase.functions.invoke(
|
||||||
|
"simple-chat",
|
||||||
|
{ body: formData }
|
||||||
|
);
|
||||||
|
|
||||||
|
if (error) throw error;
|
||||||
|
|
||||||
|
// Respuesta de la IA
|
||||||
|
setMessages(prev => [
|
||||||
|
...prev,
|
||||||
|
{ role: "assistant", content: data?.text || "Sin respuesta del modelo." }
|
||||||
|
]);
|
||||||
|
|
||||||
|
} catch (err) {
|
||||||
|
console.error("Error enviando mensaje:", err);
|
||||||
|
setMessages(prev => [...prev, { role: "assistant", content: "Ocurrió un error al conectar con la IA." }]);
|
||||||
|
}
|
||||||
|
|
||||||
|
setLoading(false);
|
||||||
|
setAttachedFile(null);
|
||||||
|
setAttachedPreview(null);
|
||||||
|
};
|
||||||
|
|
||||||
|
// ------------------------------------
|
||||||
|
// UI
|
||||||
|
// ------------------------------------
|
||||||
|
return (
|
||||||
|
<Dialog open={open} onOpenChange={onClose}>
|
||||||
|
<DialogContent>
|
||||||
|
<DialogHeader>
|
||||||
|
<DialogTitle>Asistente Inteligente</DialogTitle>
|
||||||
|
</DialogHeader>
|
||||||
|
|
||||||
|
<div className="flex-1 overflow-y-auto pt-4">
|
||||||
|
<div className="flex gap-6 min-h-full">
|
||||||
|
|
||||||
|
{/* LEFT: VECTOR STORES */}
|
||||||
|
<Card className="w-1/3 max-w-sm flex flex-col bg-muted/20 border border-gray-200">
|
||||||
|
<CardContent className="flex flex-col flex-1">
|
||||||
|
<h3 className="font-semibold text-sm mb-3">Vector Stores</h3>
|
||||||
|
|
||||||
|
<ScrollArea className="flex-1">
|
||||||
|
{loading ? (
|
||||||
|
<p className="text-center text-gray-400">Cargando...</p>
|
||||||
|
) : vectorStores.length === 0 ? (
|
||||||
|
<p className="text-center text-gray-400">No hay vector stores</p>
|
||||||
|
) : (
|
||||||
|
<ul className="space-y-2">
|
||||||
|
{vectorStores.map(store => (
|
||||||
|
<li
|
||||||
|
key={store.id}
|
||||||
|
onClick={() => {
|
||||||
|
setSelectedVector(store);
|
||||||
|
loadFilesForVector(store.id);
|
||||||
|
}}
|
||||||
|
className={`border p-2 rounded-lg cursor-pointer
|
||||||
|
${selectedVector?.id === store.id ? "bg-blue-100" : "bg-white"}`}
|
||||||
|
>
|
||||||
|
<strong>{store.name || store.id}</strong>
|
||||||
|
<p className="text-xs text-gray-500 truncate">{store.description}</p>
|
||||||
|
</li>
|
||||||
|
))}
|
||||||
|
</ul>
|
||||||
|
)}
|
||||||
|
</ScrollArea>
|
||||||
|
|
||||||
|
<h4 className="mt-4 font-semibold text-sm">Archivos</h4>
|
||||||
|
<ScrollArea className="mt-2 max-h-40">
|
||||||
|
{loadingFiles ? (
|
||||||
|
<p className="text-gray-400 text-sm">Cargando archivos...</p>
|
||||||
|
) : vectorFiles.length === 0 ? (
|
||||||
|
<p className="text-gray-400 text-sm">No hay archivos</p>
|
||||||
|
) : (
|
||||||
|
<ul className="space-y-1">
|
||||||
|
{vectorFiles.map(f => (
|
||||||
|
<li key={f.id} className="border bg-white p-2 rounded-lg text-sm">
|
||||||
|
{f.id}
|
||||||
|
</li>
|
||||||
|
))}
|
||||||
|
</ul>
|
||||||
|
)}
|
||||||
|
</ScrollArea>
|
||||||
|
</CardContent>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
{/* RIGHT: CHAT */}
|
||||||
|
<Card className="flex-1 flex flex-col border border-gray-200">
|
||||||
|
<CardContent className="flex flex-col flex-1">
|
||||||
|
<h3 className="font-semibold text-sm mb-3">Chat</h3>
|
||||||
|
|
||||||
|
<div className="flex-1 overflow-y-auto border p-3 rounded-lg bg-gray-50 space-y-3">
|
||||||
|
{messages.length === 0 ? (
|
||||||
|
<p className="text-gray-400 text-center text-sm">Inicia la conversación</p>
|
||||||
|
) : (
|
||||||
|
messages.map((msg, idx) => (
|
||||||
|
<div
|
||||||
|
key={idx}
|
||||||
|
className={`p-3 rounded-xl max-w-[85%] shadow-sm whitespace-pre-wrap
|
||||||
|
${msg.role === "user"
|
||||||
|
? "bg-blue-50 text-blue-800 ml-auto"
|
||||||
|
: "bg-white text-gray-700 border border-gray-200 mr-auto"
|
||||||
|
}`}
|
||||||
|
>
|
||||||
|
<strong>{msg.role === "user" ? "Tú:" : "IA:"}</strong>
|
||||||
|
<p>{msg.content}</p>
|
||||||
|
</div>
|
||||||
|
))
|
||||||
|
)}
|
||||||
|
|
||||||
|
{loading && (
|
||||||
|
<div className="p-3 bg-white border rounded-xl max-w-fit">
|
||||||
|
<span className="text-gray-600 text-sm">La IA está respondiendo...</span>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<div ref={messagesEndRef} />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{attachedPreview && (
|
||||||
|
<div className="flex items-center mt-2 p-2 border rounded-lg bg-gray-100 text-sm">
|
||||||
|
<Paperclip className="w-4 h-4 text-blue-500" />
|
||||||
|
<span className="ml-2">{attachedPreview}</span>
|
||||||
|
<button
|
||||||
|
onClick={() => { setAttachedFile(null); setAttachedPreview(null); }}
|
||||||
|
className="ml-auto text-red-500 text-xs"
|
||||||
|
>
|
||||||
|
Quitar
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{/* Input */}
|
||||||
|
<div className="flex gap-2 mt-4">
|
||||||
|
<label className="cursor-pointer text-gray-600 hover:text-blue-600">
|
||||||
|
<Paperclip className="w-5 h-5" />
|
||||||
|
<input type="file" className="hidden" onChange={handleAttach} />
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<textarea
|
||||||
|
value={input}
|
||||||
|
onChange={e => setInput(e.target.value)}
|
||||||
|
placeholder="Escribe tu pregunta..."
|
||||||
|
className="flex-1 border rounded-lg p-3 text-sm"
|
||||||
|
onKeyDown={(e) => {
|
||||||
|
if (e.key === "Enter" && !e.shiftKey) {
|
||||||
|
e.preventDefault();
|
||||||
|
handleSend();
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Button
|
||||||
|
onClick={handleSend}
|
||||||
|
disabled={loading || (!input.trim() && !attachedFile)}
|
||||||
|
>
|
||||||
|
Enviar
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
<Button
|
||||||
|
onClick={() => {
|
||||||
|
const last = messages[messages.length - 1];
|
||||||
|
if (last?.role === "assistant") {
|
||||||
|
onAccept(last.content);
|
||||||
|
onClose();
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
disabled={!messages.some(m => m.role === "assistant")}
|
||||||
|
>
|
||||||
|
Aplicar
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</CardContent>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</DialogContent>
|
||||||
|
</Dialog>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -1,5 +1,5 @@
|
|||||||
import { useEffect, useMemo, useRef, useState } from "react"
|
import { useEffect, useMemo, useRef, useState } from "react"
|
||||||
import { supabase } from "@/auth/supabase"
|
import { supabase,useSupabaseAuth } from "@/auth/supabase"
|
||||||
import { Button } from "../ui/button"
|
import { Button } from "../ui/button"
|
||||||
import {
|
import {
|
||||||
Dialog,
|
Dialog,
|
||||||
@@ -35,11 +35,13 @@ export function EditBibliografiaButton({
|
|||||||
const [open, setOpen] = useState(false)
|
const [open, setOpen] = useState(false)
|
||||||
const [saving, setSaving] = useState(false)
|
const [saving, setSaving] = useState(false)
|
||||||
const [text, setText] = useState("")
|
const [text, setText] = useState("")
|
||||||
|
const auth = useSupabaseAuth()
|
||||||
|
|
||||||
const initialTextRef = useRef("")
|
const initialTextRef = useRef("")
|
||||||
const lines = useMemo(() => parseLines(text), [text])
|
const lines = useMemo(() => parseLines(text), [text])
|
||||||
const dirty = useMemo(() => initialTextRef.current !== text, [text])
|
const dirty = useMemo(() => initialTextRef.current !== text, [text])
|
||||||
|
|
||||||
|
// 🔹 Abre el editor y carga los valores actuales
|
||||||
function openEditor() {
|
function openEditor() {
|
||||||
const start = (value ?? []).join("\n")
|
const start = (value ?? []).join("\n")
|
||||||
setText(start)
|
setText(start)
|
||||||
@@ -47,52 +49,110 @@ export function EditBibliografiaButton({
|
|||||||
setOpen(true)
|
setOpen(true)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// ✅ Función para generar diferencias tipo JSON Patch
|
||||||
|
function generateDiff(oldRefs: string[], newRefs: string[]) {
|
||||||
|
const changes: any[] = []
|
||||||
|
|
||||||
|
// Si son distintos en contenido o longitud
|
||||||
|
if (JSON.stringify(oldRefs) !== JSON.stringify(newRefs)) {
|
||||||
|
changes.push({
|
||||||
|
op: "replace",
|
||||||
|
path: "/bibliografia",
|
||||||
|
from: oldRefs,
|
||||||
|
value: newRefs,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
return changes
|
||||||
|
}
|
||||||
|
|
||||||
async function save() {
|
async function save() {
|
||||||
|
setSaving(true)
|
||||||
try {
|
try {
|
||||||
setSaving(true)
|
// 1️⃣ Obtener bibliografía anterior
|
||||||
const refs = parseLines(text)
|
const { data: oldData, error: oldError } = await supabase
|
||||||
|
.from("asignaturas")
|
||||||
|
.select("bibliografia")
|
||||||
|
.eq("id", asignaturaId)
|
||||||
|
.maybeSingle()
|
||||||
|
|
||||||
|
if (oldError) throw oldError
|
||||||
|
|
||||||
|
const oldRefs = oldData?.bibliografia ?? []
|
||||||
|
const newRefs = parseLines(text)
|
||||||
|
|
||||||
|
// 2️⃣ Generar diferencias
|
||||||
|
const diff = generateDiff(oldRefs, newRefs)
|
||||||
|
|
||||||
|
// 3️⃣ Guardar respaldo si hay cambios
|
||||||
|
if (diff.length > 0) {
|
||||||
|
const { error: backupError } = await supabase
|
||||||
|
.from("historico_cambios_asignaturas") // misma tabla de respaldo
|
||||||
|
.insert({
|
||||||
|
id_asignatura: asignaturaId,
|
||||||
|
json_cambios: diff, // jsonb
|
||||||
|
user_id: auth.user?.id,
|
||||||
|
created_at: new Date().toISOString(),
|
||||||
|
})
|
||||||
|
|
||||||
|
if (backupError) throw backupError
|
||||||
|
}
|
||||||
|
|
||||||
|
// 4️⃣ Actualizar bibliografía en asignaturas
|
||||||
const { data, error } = await supabase
|
const { data, error } = await supabase
|
||||||
.from("asignaturas")
|
.from("asignaturas")
|
||||||
.update({ bibliografia: refs })
|
.update({ bibliografia: newRefs })
|
||||||
.eq("id", asignaturaId)
|
.eq("id", asignaturaId)
|
||||||
.select()
|
.select()
|
||||||
.maybeSingle()
|
.maybeSingle()
|
||||||
|
|
||||||
if (error) throw error
|
if (error) throw error
|
||||||
|
|
||||||
onSaved((data as any)?.bibliografia ?? refs)
|
// 5️⃣ Refrescar estado local
|
||||||
initialTextRef.current = refs.join("\n")
|
onSaved((data as any)?.bibliografia ?? newRefs)
|
||||||
toast.success(`${refs.length} referencia(s) guardada(s).`)
|
initialTextRef.current = newRefs.join("\n")
|
||||||
|
toast.success(`${newRefs.length} referencia(s) guardada(s).`)
|
||||||
setOpen(false)
|
setOpen(false)
|
||||||
} catch (e: any) {
|
} catch (err: any) {
|
||||||
toast.error(e?.message ?? "No se pudo guardar")
|
toast.error(err.message ?? "No se pudo guardar la bibliografía")
|
||||||
} finally {
|
} finally {
|
||||||
setSaving(false)
|
setSaving(false)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Acciones
|
// 🔧 Acciones extra
|
||||||
function actionTrim() {
|
function actionTrim() {
|
||||||
const next = parseLines(text).map((s) => s.replace(/\s+/g, " ").trim())
|
const next = parseLines(text).map((s) => s.replace(/\s+/g, " ").trim())
|
||||||
setText(next.join("\n"))
|
setText(next.join("\n"))
|
||||||
}
|
}
|
||||||
|
|
||||||
function actionDedupe() {
|
function actionDedupe() {
|
||||||
const seen = new Set<string>()
|
const seen = new Set<string>()
|
||||||
const next: string[] = []
|
const next: string[] = []
|
||||||
for (const l of parseLines(text)) {
|
for (const l of parseLines(text)) {
|
||||||
const k = l.toLowerCase()
|
const k = l.toLowerCase()
|
||||||
if (!seen.has(k)) { seen.add(k); next.push(l) }
|
if (!seen.has(k)) {
|
||||||
|
seen.add(k)
|
||||||
|
next.push(l)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
setText(next.join("\n"))
|
setText(next.join("\n"))
|
||||||
}
|
}
|
||||||
|
|
||||||
function actionSort() {
|
function actionSort() {
|
||||||
const next = [...parseLines(text)].sort((a, b) => a.localeCompare(b, undefined, { sensitivity: "base" }))
|
const next = [...parseLines(text)].sort((a, b) =>
|
||||||
|
a.localeCompare(b, undefined, { sensitivity: "base" }),
|
||||||
|
)
|
||||||
setText(next.join("\n"))
|
setText(next.join("\n"))
|
||||||
}
|
}
|
||||||
|
|
||||||
async function actionImportClipboard() {
|
async function actionImportClipboard() {
|
||||||
try {
|
try {
|
||||||
const clip = await navigator.clipboard.readText()
|
const clip = await navigator.clipboard.readText()
|
||||||
if (!clip) { toast("Portapapeles vacío"); return }
|
if (!clip) {
|
||||||
|
toast("Portapapeles vacío")
|
||||||
|
return
|
||||||
|
}
|
||||||
const next = [...parseLines(text), ...parseLines(clip)]
|
const next = [...parseLines(text), ...parseLines(clip)]
|
||||||
setText(next.join("\n"))
|
setText(next.join("\n"))
|
||||||
toast.success("Texto importado")
|
toast.success("Texto importado")
|
||||||
@@ -100,6 +160,7 @@ export function EditBibliografiaButton({
|
|||||||
toast.error(e?.message ?? "No se pudo leer el portapapeles")
|
toast.error(e?.message ?? "No se pudo leer el portapapeles")
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
async function actionExportClipboard() {
|
async function actionExportClipboard() {
|
||||||
try {
|
try {
|
||||||
await navigator.clipboard.writeText(parseLines(text).join("\n"))
|
await navigator.clipboard.writeText(parseLines(text).join("\n"))
|
||||||
@@ -109,7 +170,7 @@ export function EditBibliografiaButton({
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Atajo guardar
|
// ⌨️ Atajo Ctrl+S
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
function onKey(e: KeyboardEvent) {
|
function onKey(e: KeyboardEvent) {
|
||||||
if (!open) return
|
if (!open) return
|
||||||
@@ -120,7 +181,6 @@ export function EditBibliografiaButton({
|
|||||||
}
|
}
|
||||||
window.addEventListener("keydown", onKey)
|
window.addEventListener("keydown", onKey)
|
||||||
return () => window.removeEventListener("keydown", onKey)
|
return () => window.removeEventListener("keydown", onKey)
|
||||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
||||||
}, [open, saving, dirty, text])
|
}, [open, saving, dirty, text])
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
92
src/components/historico/HistorialCambiosModal.tsx
Normal file
92
src/components/historico/HistorialCambiosModal.tsx
Normal file
@@ -0,0 +1,92 @@
|
|||||||
|
import { useQuery } from "@tanstack/react-query"
|
||||||
|
import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog"
|
||||||
|
import { Button } from "@/components/ui/button"
|
||||||
|
import { supabase } from "@/auth/supabase"
|
||||||
|
import ReactMarkdown from "react-markdown"
|
||||||
|
import { useSupabaseAuth } from "@/auth/supabase"
|
||||||
|
|
||||||
|
export function HistorialCambiosModal({
|
||||||
|
open,
|
||||||
|
onClose,
|
||||||
|
planId,
|
||||||
|
onRestore, // 🔥 recibiremos una función del padre para restaurar
|
||||||
|
}: {
|
||||||
|
open: boolean
|
||||||
|
onClose: () => void
|
||||||
|
planId: string
|
||||||
|
onRestore: (key: string, value: string) => void
|
||||||
|
}) {
|
||||||
|
const auth = useSupabaseAuth()
|
||||||
|
|
||||||
|
const { data, isLoading, error } = useQuery({
|
||||||
|
queryKey: ["historico_cambios", planId, auth.user?.id],
|
||||||
|
queryFn: async () => {
|
||||||
|
const { data, error } = await supabase
|
||||||
|
.from("historico_cambios")
|
||||||
|
.select("id, json_cambios, user_id, created_at")
|
||||||
|
.eq("id_plan_estudios", planId)
|
||||||
|
.eq("user_id", auth.user?.id) // ✅ filtro por usuario actual
|
||||||
|
.order("created_at", { ascending: false })
|
||||||
|
|
||||||
|
if (error) throw error
|
||||||
|
return data
|
||||||
|
},
|
||||||
|
enabled: !!auth.user?.id, // ✅ solo corre si hay usuario autenticado
|
||||||
|
})
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Dialog open={open} onOpenChange={onClose}>
|
||||||
|
<DialogContent className="max-w-3xl">
|
||||||
|
<DialogHeader>
|
||||||
|
<DialogTitle>Histórico de cambios</DialogTitle>
|
||||||
|
</DialogHeader>
|
||||||
|
|
||||||
|
{isLoading && <p className="text-sm text-gray-500">Cargando historial...</p>}
|
||||||
|
{error && <p className="text-red-500 text-sm">Error al cargar: {String(error)}</p>}
|
||||||
|
{!isLoading && !error && (!data || data.length === 0) && (
|
||||||
|
<p className="text-gray-500 text-sm">No hay cambios registrados.</p>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<div className="space-y-4 max-h-[60vh] overflow-y-auto">
|
||||||
|
{data?.map((item) => {
|
||||||
|
const diff = item.json_cambios?.[0]
|
||||||
|
const key = diff?.path?.replace("/", "")
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
key={item.id}
|
||||||
|
className="rounded-lg border p-3 bg-white/70 dark:bg-neutral-900/50"
|
||||||
|
>
|
||||||
|
<div className="flex justify-between text-xs text-neutral-500 mb-2">
|
||||||
|
<span>Usuario: {item.user_id || "Desconocido"}</span>
|
||||||
|
<span>{new Date(item.created_at).toLocaleString()}</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="text-xs text-gray-700 font-mono whitespace-pre-wrap">
|
||||||
|
<p><strong>Campo:</strong> {key}</p>
|
||||||
|
<p><strong>Antes:</strong> {diff?.from || "—"}</p>
|
||||||
|
<p><strong>Después:</strong> {diff?.value || "—"}</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Button
|
||||||
|
size="sm"
|
||||||
|
variant="outline"
|
||||||
|
className="mt-2"
|
||||||
|
onClick={() => onRestore(key, diff.from)}
|
||||||
|
>
|
||||||
|
Restaurar
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
})}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-4 text-right">
|
||||||
|
<Button variant="outline" onClick={onClose}>
|
||||||
|
Cerrar
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</DialogContent>
|
||||||
|
</Dialog>
|
||||||
|
)
|
||||||
|
|
||||||
|
}
|
||||||
428
src/components/planes/DownloadPlanPDF.tsx
Normal file
428
src/components/planes/DownloadPlanPDF.tsx
Normal file
@@ -0,0 +1,428 @@
|
|||||||
|
import { jsPDF } from "jspdf"
|
||||||
|
import { Button } from "../ui/button"
|
||||||
|
import { Download } from "lucide-react"
|
||||||
|
// Importamos 'react' para poder usar el hook de estado si fuera necesario.
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Tipo mínimo para el plan. Hemos añadido 'number' a la unión
|
||||||
|
* para permitir propiedades como 'total_creditos' que son numéricas,
|
||||||
|
* lo cual resuelve el error de asignación con PlanFull.
|
||||||
|
*/
|
||||||
|
export type PlanLike = Record<string, string | number | object | null | undefined> // CORREGIDO: Se agregó 'object'
|
||||||
|
|
||||||
|
// Usamos el tipo corregido PlanLike en la prop 'plan'
|
||||||
|
export function DownloadPlanPDF({ plan }: { plan: PlanLike }) {
|
||||||
|
// console.log(plan) // Mantener el log para debug
|
||||||
|
|
||||||
|
function generatePDF() {
|
||||||
|
// Inicialización del documento
|
||||||
|
const doc = new jsPDF({
|
||||||
|
orientation: "portrait",
|
||||||
|
unit: "mm",
|
||||||
|
format: "letter",
|
||||||
|
})
|
||||||
|
console.log(plan);
|
||||||
|
|
||||||
|
const pageWidth = doc.internal.pageSize.getWidth()
|
||||||
|
const pageHeight = doc.internal.pageSize.getHeight()
|
||||||
|
const margin = 20
|
||||||
|
const maxWidth = pageWidth - margin * 2
|
||||||
|
|
||||||
|
// Parámetros de estilo institucional (basados en las capturas)
|
||||||
|
const lineHeight = 5.0 // mm por línea (ajustado para más texto por página)
|
||||||
|
const sectionGap = 10 // Espacio entre recuadros de sección
|
||||||
|
const bodyFontSize = 10.5
|
||||||
|
const headingFontSize = 12
|
||||||
|
const subHeadingFontSize = 10
|
||||||
|
const bulletGlifo = "\u21D2" // Flecha doble (⇒) para el glifo
|
||||||
|
const bulletIndent = 6 // Sangría para el texto de la lista
|
||||||
|
|
||||||
|
let cursorY = margin
|
||||||
|
|
||||||
|
// Variable para controlar si ya se dibujaron todas las secciones (para la última caja)
|
||||||
|
let totalSections = 0;
|
||||||
|
let drawnSections = 0;
|
||||||
|
|
||||||
|
// --- Utilidades de Dibujo ---
|
||||||
|
|
||||||
|
// Dibuja el encabezado ("Anexo 1") y pie de página (Numeración) en todas las páginas
|
||||||
|
const drawHeaderAndFooter = () => {
|
||||||
|
// FIX: Usamos (doc as any) para acceder a getNumberOfPages() y evitar el error de TS
|
||||||
|
const pageCount = (doc as any).internal.getNumberOfPages()
|
||||||
|
for (let i = 1; i <= pageCount; i++) {
|
||||||
|
doc.setPage(i)
|
||||||
|
|
||||||
|
// Encabezado (Anexo 1)
|
||||||
|
doc.setFont("helvetica", "normal")
|
||||||
|
doc.setFontSize(10)
|
||||||
|
doc.text("Anexo 1", pageWidth - margin, margin - 5, { align: "right" })
|
||||||
|
|
||||||
|
// Pie de página (Numeración)
|
||||||
|
// Usamos el mismo tamaño y posición que en el ejemplo
|
||||||
|
doc.setFontSize(8)
|
||||||
|
doc.text(
|
||||||
|
`Página ${i} de ${pageCount}`,
|
||||||
|
pageWidth - margin, // Posicionado a la derecha
|
||||||
|
pageHeight - 10,
|
||||||
|
{ align: "right" }
|
||||||
|
)
|
||||||
|
}
|
||||||
|
// Regresar al último estado de la página para continuar dibujando
|
||||||
|
doc.setPage(pageCount)
|
||||||
|
}
|
||||||
|
|
||||||
|
// Verifica si se necesita una nueva página antes de dibujar una línea o un elemento.
|
||||||
|
const addPageIfNeeded = (neededHeight: number = lineHeight) => {
|
||||||
|
// Aseguramos que haya espacio para la altura necesaria + un poco de margen de seguridad
|
||||||
|
// El margen de seguridad ayuda a que la línea de pie de página no se solape
|
||||||
|
if (cursorY + neededHeight > pageHeight - 15) {
|
||||||
|
doc.addPage()
|
||||||
|
cursorY = margin
|
||||||
|
// El encabezado "Anexo 1" se dibuja al final en drawHeaderAndFooter()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Dibuja un título de sección con el estilo de recuadro gris (como en las capturas).
|
||||||
|
* Retorna la altura ocupada por el recuadro para el cálculo de la altura total de la sección.
|
||||||
|
*/
|
||||||
|
const drawHeadingBox = (text: string, marginTop: number = 0): number => {
|
||||||
|
doc.setFont("helvetica", "bold")
|
||||||
|
doc.setFontSize(headingFontSize)
|
||||||
|
|
||||||
|
// Espacio antes del título
|
||||||
|
cursorY += marginTop
|
||||||
|
|
||||||
|
const titleLines = doc.splitTextToSize(text.toUpperCase(), maxWidth - 4) // Pequeño padding
|
||||||
|
const titleHeight = titleLines.length * lineHeight + 4 // Texto + padding vertical
|
||||||
|
|
||||||
|
// 1. Verificar si el recuadro cabe en la página
|
||||||
|
addPageIfNeeded(titleHeight + 5) // 5mm de margen de seguridad
|
||||||
|
|
||||||
|
// 2. Dibujar Recuadro Gris (Relleno)
|
||||||
|
doc.setFillColor(230, 230, 230) // Gris claro
|
||||||
|
doc.rect(margin, cursorY, maxWidth, titleHeight, "F")
|
||||||
|
|
||||||
|
// 3. Dibujar texto centrado
|
||||||
|
const textX = pageWidth / 2
|
||||||
|
const textY = cursorY + titleHeight / 2 + 0.8 // 0.8mm para centrado óptico
|
||||||
|
doc.text(titleLines, textX, textY, { align: "center" })
|
||||||
|
|
||||||
|
cursorY += titleHeight // Avanzar el cursor justo después del recuadro
|
||||||
|
return titleHeight
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Dibuja un bloque de texto (párrafo o lista) manejando el salto de página línea por línea,
|
||||||
|
* y envuelto en un recuadro.
|
||||||
|
*/
|
||||||
|
const drawContentBox = (text?: string | null, isList: boolean = false, isLastSection: boolean = false) => {
|
||||||
|
// Manejamos 'text' que ahora puede ser string o number
|
||||||
|
const content = (text !== null && text !== undefined) ? String(text).trim() : "Sin información."
|
||||||
|
|
||||||
|
doc.setFont("helvetica", "normal")
|
||||||
|
doc.setFontSize(bodyFontSize)
|
||||||
|
|
||||||
|
let initialY = cursorY // Guardar Y inicial para dibujar el recuadro final
|
||||||
|
|
||||||
|
// El contenido se dibuja en un recuadro. Dejamos un padding interno.
|
||||||
|
const innerMargin = margin + 2
|
||||||
|
const innerMaxWidth = maxWidth - 4
|
||||||
|
let currentContentY = cursorY + 2 // Iniciar con 2mm de padding superior
|
||||||
|
|
||||||
|
// Dividir el contenido en bloques (párrafos o ítems de lista)
|
||||||
|
const blocks = isList ?
|
||||||
|
content.split('\n').filter(line => line.trim().length > 0) :
|
||||||
|
content.split('\n').filter(line => line.trim().length > 0)
|
||||||
|
|
||||||
|
let contentDrawn = false
|
||||||
|
|
||||||
|
for (const block of blocks) {
|
||||||
|
let cleanBlock = block.trim()
|
||||||
|
|
||||||
|
// Si es lista, limpiamos los posibles marcadores (1., *, -)
|
||||||
|
if (isList) {
|
||||||
|
cleanBlock = cleanBlock.replace(/^(\d+\.|\*|[\-\•]|\u27A2|\u21D2)\s*/, '').trim()
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!cleanBlock) continue
|
||||||
|
|
||||||
|
// Líneas que componen el bloque actual
|
||||||
|
const textWidth = isList ? innerMaxWidth - bulletIndent : innerMaxWidth
|
||||||
|
const lines = doc.splitTextToSize(cleanBlock, textWidth)
|
||||||
|
|
||||||
|
for (let i = 0; i < lines.length; i++) {
|
||||||
|
// 1. Verificar si se necesita un salto de página ANTES de dibujar la línea
|
||||||
|
if (currentContentY + lineHeight > pageHeight - 15) {
|
||||||
|
// Cierra el recuadro en la página actual
|
||||||
|
doc.rect(margin, initialY, maxWidth, pageHeight - 15 - initialY)
|
||||||
|
|
||||||
|
doc.addPage()
|
||||||
|
|
||||||
|
// En la nueva página, el punto de inicio del recuadro es el margen superior
|
||||||
|
initialY = margin
|
||||||
|
currentContentY = margin + 2 // Iniciar con padding
|
||||||
|
cursorY = margin // El cursorY global se actualiza para la siguiente sección/línea
|
||||||
|
}
|
||||||
|
|
||||||
|
const currentLine = lines[i]
|
||||||
|
|
||||||
|
if (isList && i === 0) {
|
||||||
|
// Dibujar el glifo solo en la primera línea del ítem
|
||||||
|
doc.text(bulletGlifo, innerMargin, currentContentY)
|
||||||
|
doc.text(currentLine, innerMargin + bulletIndent, currentContentY)
|
||||||
|
} else if (isList && i > 0) {
|
||||||
|
// Dibujar líneas subsiguientes con sangría (sin glifo)
|
||||||
|
doc.text(currentLine, innerMargin + bulletIndent, currentContentY)
|
||||||
|
} else {
|
||||||
|
// Dibujar párrafo normal
|
||||||
|
doc.text(currentLine, innerMargin, currentContentY)
|
||||||
|
}
|
||||||
|
|
||||||
|
currentContentY += lineHeight // Avanzar el cursor de contenido
|
||||||
|
}
|
||||||
|
|
||||||
|
// Espacio entre ítems de lista o entre párrafos
|
||||||
|
currentContentY += isList ? 1.5 : 4
|
||||||
|
contentDrawn = true
|
||||||
|
}
|
||||||
|
|
||||||
|
// 2. Después de dibujar todo el contenido, dibujar el recuadro exterior
|
||||||
|
if (contentDrawn) {
|
||||||
|
let finalY = currentContentY - 2 // Ajuste final de padding y espacio
|
||||||
|
|
||||||
|
// FIX: Usamos (doc as any) para acceder a los métodos internos y evitar el error de TS
|
||||||
|
if (isLastSection &&
|
||||||
|
(doc as any).internal.getCurrentPageInfo().pageNumber === (doc as any).internal.getNumberOfPages()) {
|
||||||
|
|
||||||
|
// Si es la ÚLTIMA sección Y estamos en la ÚLTIMA página,
|
||||||
|
// forzamos el recuadro a ir hasta el final (pageHeight - 15)
|
||||||
|
finalY = pageHeight - 15;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Dibujar el recuadro completo (desde el Y inicial guardado hasta el Y final)
|
||||||
|
doc.rect(margin, initialY, maxWidth, finalY - initialY)
|
||||||
|
|
||||||
|
cursorY = finalY + sectionGap // Actualizar el cursor global para la siguiente sección
|
||||||
|
} else {
|
||||||
|
// Si no se dibuja contenido, solo saltar la altura del recuadro vacío.
|
||||||
|
doc.rect(margin, initialY, maxWidth, 10) // Dibuja una caja vacía de 10mm
|
||||||
|
cursorY += 10 + sectionGap
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// --- Portada (Estilo Institucional) ---
|
||||||
|
|
||||||
|
const drawTitlePage = () => {
|
||||||
|
cursorY = 40 // Empezar más abajo
|
||||||
|
|
||||||
|
// UNIVERSIDAD LA SALLE
|
||||||
|
doc.setFont("helvetica", "bold")
|
||||||
|
doc.setFontSize(14)
|
||||||
|
doc.text("UNIVERSIDAD LA SALLE", pageWidth / 2, cursorY, { align: "center" })
|
||||||
|
cursorY += 5
|
||||||
|
|
||||||
|
// Separador horizontal
|
||||||
|
doc.line(margin, cursorY, pageWidth - margin, cursorY)
|
||||||
|
cursorY += 15
|
||||||
|
|
||||||
|
// LICENCIATURA EN INGENIERÍA CIBERNÉTICA Y SISTEMAS COMPUTACIONALES
|
||||||
|
doc.setFontSize(18)
|
||||||
|
// Manejamos la conversión a string si es necesario
|
||||||
|
const mainTitle = (plan["nombre"] !== null && plan["nombre"] !== undefined ? String(plan["nombre"]) : "LICENCIATURA EN INGENIERÍA CIBERNÉTICA Y SISTEMAS COMPUTACIONALES").toUpperCase()
|
||||||
|
const mainTitleLines = doc.splitTextToSize(mainTitle, maxWidth - 20)
|
||||||
|
doc.text(mainTitleLines, pageWidth / 2, cursorY, { align: "center" })
|
||||||
|
cursorY += mainTitleLines.length * 8
|
||||||
|
|
||||||
|
// Nivel y Nombre del Plan de Estudios
|
||||||
|
doc.setFont("helvetica", "normal")
|
||||||
|
doc.setFontSize(10)
|
||||||
|
doc.text("Nivel y Nombre del Plan de Estudios", pageWidth / 2, cursorY, { align: "center" })
|
||||||
|
cursorY += 5
|
||||||
|
|
||||||
|
// Separador horizontal
|
||||||
|
doc.line(margin, cursorY, pageWidth - margin, cursorY)
|
||||||
|
cursorY += 10
|
||||||
|
|
||||||
|
// Escolar / Presencial (Modalidad Educativa)
|
||||||
|
doc.setFont("helvetica", "bold")
|
||||||
|
doc.setFontSize(14)
|
||||||
|
doc.text("Escolar / Presencial", pageWidth / 2, cursorY, { align: "center" })
|
||||||
|
doc.setFont("helvetica", "normal")
|
||||||
|
doc.setFontSize(10)
|
||||||
|
cursorY += 5
|
||||||
|
doc.text("Modalidad Educativa", pageWidth / 2, cursorY, { align: "center" })
|
||||||
|
cursorY += 15
|
||||||
|
|
||||||
|
// Recuadros de Vigencia, Antecedente y Área (Simulación del Layout)
|
||||||
|
|
||||||
|
// Recuadro Vigencia (Parte superior central)
|
||||||
|
const boxWidth = maxWidth * 0.5
|
||||||
|
const boxX = (pageWidth - boxWidth) / 2
|
||||||
|
const boxY = cursorY
|
||||||
|
doc.rect(boxX, boxY, boxWidth, 20)
|
||||||
|
doc.rect(boxX, boxY + 15, boxWidth, 5)
|
||||||
|
doc.setFontSize(10)
|
||||||
|
doc.text("Vigencia", boxX + boxWidth / 2, boxY + 18, { align: "center" })
|
||||||
|
cursorY += 30 // Espacio para el primer recuadro
|
||||||
|
|
||||||
|
// Recuadro Antecedente Académico (Izquierda)
|
||||||
|
const smallBoxWidth = maxWidth * 0.4
|
||||||
|
const smallBoxHeight = 35
|
||||||
|
const smallBoxX1 = margin
|
||||||
|
doc.rect(smallBoxX1, cursorY, smallBoxWidth, smallBoxHeight)
|
||||||
|
doc.rect(smallBoxX1, cursorY + smallBoxHeight - 5, smallBoxWidth, 5)
|
||||||
|
doc.setFontSize(10)
|
||||||
|
doc.text("Bachillerato", smallBoxX1 + smallBoxWidth / 2, cursorY + smallBoxHeight / 2, { align: "center" })
|
||||||
|
doc.text("Antecedente Académico", smallBoxX1 + smallBoxWidth / 2, cursorY + smallBoxHeight - 2, { align: "center" })
|
||||||
|
|
||||||
|
// Recuadro Área de Estudio (Derecha)
|
||||||
|
const smallBoxX2 = pageWidth - margin - smallBoxWidth
|
||||||
|
doc.rect(smallBoxX2, cursorY, smallBoxWidth, smallBoxHeight)
|
||||||
|
doc.rect(smallBoxX2, cursorY + smallBoxHeight - 5, smallBoxWidth, 5)
|
||||||
|
doc.setFontSize(10)
|
||||||
|
doc.text("Ingeniería, manufactura y construcción", smallBoxX2 + smallBoxWidth / 2, cursorY + smallBoxHeight / 2, { align: "center" })
|
||||||
|
doc.text("Área de Estudio", smallBoxX2 + smallBoxWidth / 2, cursorY + smallBoxHeight - 2, { align: "center" })
|
||||||
|
cursorY += smallBoxHeight + 10
|
||||||
|
|
||||||
|
// Datos Fijos (Abajo)
|
||||||
|
doc.setFont("helvetica", "normal")
|
||||||
|
doc.setFontSize(10)
|
||||||
|
|
||||||
|
const drawDataPair = (label: string, value: string) => {
|
||||||
|
const labelX = margin
|
||||||
|
const valueX = margin + maxWidth * 0.4
|
||||||
|
doc.text(label + ":", labelX, cursorY)
|
||||||
|
doc.setFont("helvetica", "bold")
|
||||||
|
doc.text(value, valueX, cursorY)
|
||||||
|
doc.setFont("helvetica", "normal")
|
||||||
|
cursorY += 5
|
||||||
|
}
|
||||||
|
|
||||||
|
drawDataPair("Clave del Plan de Estudios", "2020")
|
||||||
|
drawDataPair("Diseño Curricular", "Rígido")
|
||||||
|
// Usamos plan.total_ciclos si existe
|
||||||
|
drawDataPair("Total de Ciclos del Plan de Estudios", plan["total_ciclos"] ? String(plan["total_ciclos"]) : "9")
|
||||||
|
drawDataPair("Duración del Ciclo Escolar", "16 semanas")
|
||||||
|
drawDataPair("Carga Horaria a la Semana", "27")
|
||||||
|
|
||||||
|
// Pie de página institucional (simulado)
|
||||||
|
doc.text(
|
||||||
|
"Dirección de Asuntos Académicos - Anexo 1",
|
||||||
|
pageWidth / 2,
|
||||||
|
pageHeight - margin,
|
||||||
|
{ align: "center" }
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// --- Ejecución Principal ---
|
||||||
|
|
||||||
|
// 1. Dibuja la portada
|
||||||
|
drawTitlePage()
|
||||||
|
|
||||||
|
// 2. Comienza el contenido del plan en la nueva página
|
||||||
|
doc.addPage()
|
||||||
|
cursorY = margin
|
||||||
|
|
||||||
|
// Las secciones se ajustan a las que generas, pero también a las adicionales del documento de referencia
|
||||||
|
const SECTIONS: Array<{ key: string; title: string; isList: boolean }> = [
|
||||||
|
{ key: "objetivo_general", title: "Objetivo General", isList: false },
|
||||||
|
// La sección FIN DE APRENDIZAJE O FORMACIÓN es el Objetivo General del documento institucional, la mapearemos aquí.
|
||||||
|
{ key: "fin_aprendizaje", title: "FIN DE APRENDIZAJE O FORMACIÓN", isList: false }, // Mapea al objetivo general
|
||||||
|
|
||||||
|
{ key: "perfil_ingreso", title: "PERFIL DE INGRESO", isList: true },
|
||||||
|
{ key: "perfil_egreso", title: "PERFIL DE EGRESO", isList: true },
|
||||||
|
{ key: "competencias_genericas", title: "COMPETENCIAS GENÉRICAS", isList: true },
|
||||||
|
{ key: "competencias_especificas", title: "COMPETENCIAS ESPECÍFICAS", isList: true },
|
||||||
|
{ key: "indicadores_desempeno", title: "INDICADORES DE DESEMPEÑO", isList: true },
|
||||||
|
{ key: "sistema_evaluacion", title: "SISTEMA DE EVALUACIÓN", isList: false },
|
||||||
|
{ key: "pertinencia", title: "PERTINENCIA", isList: false },
|
||||||
|
|
||||||
|
// Nuevas secciones basadas en las imágenes que suelen ir con "No aplica"
|
||||||
|
{ key: "administracion", title: "ADMINISTRACIÓN Y OPERATIVIDAD DEL PLAN DE ESTUDIOS", isList: false },
|
||||||
|
{ key: "sustento_teorico", title: "SUSTENTO TEÓRICO DEL MODELO CURRICULAR", isList: false },
|
||||||
|
{ key: "justificacion_curricular", title: "JUSTIFICACIÓN DE LA PROPUESTA CURRICULAR EN LA MODALIDAD NO ESCOLARIZADA O MIXTA", isList: false },
|
||||||
|
{ key: "programa_investigacion", title: "PROGRAMA DE INVESTIGACIÓN", isList: false },
|
||||||
|
{ key: "curso_propedeutico", title: "CURSO PROPEDÉUTICO", isList: false },
|
||||||
|
{ key: "propuesta_evaluacion", title: "PROPUESTA DE EVALUACIÓN PERIÓDICA DEL PLAN DE ESTUDIOS", isList: false },
|
||||||
|
]
|
||||||
|
|
||||||
|
// Contar el número total de secciones con contenido
|
||||||
|
totalSections = SECTIONS.length;
|
||||||
|
|
||||||
|
for (const s of SECTIONS) {
|
||||||
|
drawnSections++; // Incrementar contador de secciones dibujadas
|
||||||
|
|
||||||
|
// Obtenemos el valor (que puede ser string, number, object, null, o undefined)
|
||||||
|
let value = plan[s.key]
|
||||||
|
|
||||||
|
// Mapeo especial para el objetivo general institucional (si existe)
|
||||||
|
if (s.key === "fin_aprendizaje" && (value === null || value === undefined)) {
|
||||||
|
value = plan["objetivo_general"]
|
||||||
|
}
|
||||||
|
|
||||||
|
// Inicializar content como string para pasarlo a la función de dibujo
|
||||||
|
let content: string | null = null;
|
||||||
|
|
||||||
|
// Si el valor no es nulo/undefined, convertir a string
|
||||||
|
if (value !== null && value !== undefined) {
|
||||||
|
// Si es un objeto, lo ignoramos y usamos un string vacío.
|
||||||
|
// Esto es clave para 'carreras', que no tiene un formato textual.
|
||||||
|
if (typeof value === 'object' && !Array.isArray(value)) {
|
||||||
|
content = "";
|
||||||
|
} else {
|
||||||
|
content = String(value);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Si el contenido es nulo o vacío, usamos un placeholder común en el documento institucional
|
||||||
|
if (!content || content.trim() === "") {
|
||||||
|
// Para las secciones del plan generado, si no hay contenido, usar "Sin información."
|
||||||
|
if (["objetivo_general", "perfil_ingreso", "perfil_egreso", "competencias_genericas", "competencias_especificas", "indicadores_desempeno", "sistema_evaluacion", "pertinencia"].includes(s.key)) {
|
||||||
|
content = "Sin información."
|
||||||
|
} else {
|
||||||
|
// Para las secciones auxiliares del formato institucional
|
||||||
|
if (s.key === "administracion" || s.key === "sustento_teorico" || s.key === "justificacion_curricular" || s.key === "programa_investigacion") {
|
||||||
|
content = "No aplica"
|
||||||
|
} else if (s.key === "curso_propedeutico") {
|
||||||
|
content = "No tiene"
|
||||||
|
} else if (s.key === "propuesta_evaluacion") {
|
||||||
|
// Texto de la Propuesta de Evaluación (última página)
|
||||||
|
content = "La Universidad La Salle aplica una metodología para la evaluación y modificación de los programas académicos de licenciatura o posgrado que imparte. Los principales niveles, estudios, acciones y plazos que comprende dicha metodología son los siguientes:\n\nNIVEL DE EVALUACIÓN CURRICULAR INTERNA: DIAGNÓSTICO DE ESTRUCTURA Y OPERACIÓN.\n1. Análisis técnico-pedagógico del planteamiento curricular vigente.\n2. Estudio con directivos del área académica correspondiente, para analizar y valorar las problemáticas en la estructura y gestión del programa académico durante el periodo en que se ha desarrollado.\n3. Consulta a profesores sobre: a) problemáticas percibidas en la formación académica, profesional y actitudinal de los estudiantes, b) problemáticas en la operación, c) necesidades sociales, avances disciplinarios y/o tecnológicos detectados en su propio ejercicio profesional, que consideran importante incluir en el planteamiento curricular.\n4. Estudio de opinión de estudiantes sobre las problemáticas que aprecian en la formación que reciben respecto a la operación y estructura del programa académico.\n\nNIVEL DE EVALUACIÓN CURRICULAR EXTERNA: DIAGNÓSTICO DE IMPACTO Y PRÁCTICAS PROFESIONALES.\n5. Estudio sobre el estado del conocimiento en que se encuentran el o los campos disciplinarios vinculados con el programa académico, en México y, de ser posible, en otros países.\n6. Análisis de la oferta y la evolución que, en términos estadísticos, han tenido programas académicos similares en el ámbito de influencia y/o en el país.\n7. Estudio sobre requerimientos y tendencias en la formación, a partir del análisis de criterios, perfiles, estándares y parámetros de organismos evaluadores o acreditadores de programas académicos (si existen para el campo profesional), así como de la comparación general del programa en evaluación con otros similares y prestigiosos, de IES nacionales y, de ser posible, extranjeras.\n8. Estudio con egresados del programa académico para conocer su opinión sobre: a) el mismo programa; b) formación recibida; c) sitios de inserción laboral y características de sus prácticas profesionales, y d) aspectos disciplinarios, tecnológicos y/o actitudinales que, a la luz de su experiencia, consideren necesario incluir como parte de la formación.\n9. Estudio con empleadores para conocer su valoración sobre las prácticas profesionales de los egresados del programa académico, y su apreciación sobre nuevos requerimientos en el campo."
|
||||||
|
} else {
|
||||||
|
continue; // Si sigue siendo nulo, saltar la sección
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Determinar si es la última sección que se dibujará
|
||||||
|
const isLastSection = drawnSections === totalSections;
|
||||||
|
|
||||||
|
// Dibuja el recuadro del título de la sección
|
||||||
|
drawHeadingBox(s.title, sectionGap)
|
||||||
|
|
||||||
|
// Dibuja el contenido de la sección dentro de su recuadro.
|
||||||
|
// Pasamos isLastSection para que drawContentBox sepa si debe forzar el cierre.
|
||||||
|
drawContentBox(content, s.isList, isLastSection)
|
||||||
|
}
|
||||||
|
|
||||||
|
// Finalizar y dibujar encabezados/pies en todas las páginas (se dibuja en el paso final)
|
||||||
|
drawHeaderAndFooter()
|
||||||
|
|
||||||
|
// Guardar el documento
|
||||||
|
const name = (plan["prompt"] ? `Plan_${plan["prompt"]}` : `Plan_de_estudios`).replace(/\s+/g, "_")
|
||||||
|
doc.save(`${name}_Institucional.pdf`)
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Button variant="outline" className="flex items-center gap-2 " onClick={generatePDF}>
|
||||||
|
Descargar PDF
|
||||||
|
<Download className="w-4 h-4" />
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default DownloadPlanPDF
|
||||||
@@ -4,9 +4,12 @@ import { useSuspenseQuery, useMutation, useQueryClient, queryOptions } from "@ta
|
|||||||
import { Button } from "@/components/ui/button"
|
import { Button } from "@/components/ui/button"
|
||||||
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from "@/components/ui/dialog"
|
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from "@/components/ui/dialog"
|
||||||
import { Textarea } from "@/components/ui/textarea"
|
import { Textarea } from "@/components/ui/textarea"
|
||||||
import { supabase } from "@/auth/supabase"
|
import { supabase,useSupabaseAuth } from "@/auth/supabase"
|
||||||
import { toast } from "sonner"
|
import { toast } from "sonner"
|
||||||
import ReactMarkdown from 'react-markdown'
|
import ReactMarkdown from 'react-markdown'
|
||||||
|
import { HistorialCambiosModal } from "../historico/HistorialCambiosModal"
|
||||||
|
// @ts-ignore
|
||||||
|
import AIChatModal from "../ai/AIChatModal"
|
||||||
|
|
||||||
|
|
||||||
/* =====================================================
|
/* =====================================================
|
||||||
@@ -27,6 +30,7 @@ export type PlanTextFields = {
|
|||||||
indicadores_desempeno?: string | string[] | null
|
indicadores_desempeno?: string | string[] | null
|
||||||
pertinencia?: string | string[] | null
|
pertinencia?: string | string[] | null
|
||||||
prompt?: string | null
|
prompt?: string | null
|
||||||
|
historico?: string | null
|
||||||
}
|
}
|
||||||
|
|
||||||
async function fetchPlanText(planId: string): Promise<PlanTextFields> {
|
async function fetchPlanText(planId: string): Promise<PlanTextFields> {
|
||||||
@@ -111,6 +115,9 @@ function SectionPanel({ title, icon: Icon, color, children, id }: { title: strin
|
|||||||
===================================================== */
|
===================================================== */
|
||||||
export function AcademicSections({ planId, color }: { planId: string; color?: string | null }) {
|
export function AcademicSections({ planId, color }: { planId: string; color?: string | null }) {
|
||||||
const qc = useQueryClient()
|
const qc = useQueryClient()
|
||||||
|
const auth = useSupabaseAuth()
|
||||||
|
const [openHistorial, setOpenHistorial] = useState(false)
|
||||||
|
const [openModalIa, setopenModalIa] = useState(false)
|
||||||
if(!planId) return <div>Cargando…</div>
|
if(!planId) return <div>Cargando…</div>
|
||||||
const { data: plan } = useSuspenseQuery(planTextOptions(planId))
|
const { data: plan } = useSuspenseQuery(planTextOptions(planId))
|
||||||
|
|
||||||
@@ -154,70 +161,171 @@ export function AcademicSections({ planId, color }: { planId: string; color?: st
|
|||||||
{ id: "sec-ind", title: "Indicadores de desempeño", icon: Icons.LineChart, key: "indicadores_desempeno" as const, mono: false },
|
{ id: "sec-ind", title: "Indicadores de desempeño", icon: Icons.LineChart, key: "indicadores_desempeno" as const, mono: false },
|
||||||
{ id: "sec-per", title: "Pertinencia", icon: Icons.Lightbulb, key: "pertinencia" as const, mono: false },
|
{ id: "sec-per", title: "Pertinencia", icon: Icons.Lightbulb, key: "pertinencia" as const, mono: false },
|
||||||
{ id: "sec-prm", title: "Prompt (origen)", icon: Icons.Code2, key: "prompt" as const, mono: true },
|
{ id: "sec-prm", title: "Prompt (origen)", icon: Icons.Code2, key: "prompt" as const, mono: true },
|
||||||
|
{ id: "sec-hist", title: "Histórico de cambios", icon: Icons.History, key: "historico" as const, mono: false }
|
||||||
],
|
],
|
||||||
[]
|
[]
|
||||||
)
|
)
|
||||||
|
const [iaContext, setIaContext] = useState<{ key: keyof PlanTextFields; title: string; content: string } | null>(null)
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className="grid gap-5 md:grid-cols-2">
|
<div className="grid gap-5 md:grid-cols-2">
|
||||||
{sections.map((s) => {
|
{sections.map((s) => {
|
||||||
const text = plan[s.key] ?? null
|
const text = plan[s.key] ?? null
|
||||||
return (
|
return (
|
||||||
<SectionPanel key={s.id} id={s.id} title={s.title} icon={s.icon} color={color}>
|
<SectionPanel key={s.id} id={s.id} title={s.title} icon={s.icon} color={color}>
|
||||||
<ExpandableText text={text} mono={s.mono} />
|
{s.key === "historico" ? (
|
||||||
<div className="mt-4 flex flex-wrap gap-2">
|
<>
|
||||||
<Button
|
<Button variant="outline" size="sm" onClick={() => setOpenHistorial(true)}>
|
||||||
variant="outline"
|
Ver historial
|
||||||
size="sm"
|
|
||||||
disabled={!text || (Array.isArray(text) && text.length === 0)}
|
|
||||||
onClick={() => {
|
|
||||||
const toCopy = Array.isArray(text) ? text.join("\n") : (text ?? "")
|
|
||||||
if (toCopy) navigator.clipboard.writeText(toCopy)
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
Copiar
|
|
||||||
</Button>
|
</Button>
|
||||||
{s.key !== "prompt" &&
|
<Button variant="outline" size="sm" onClick={() => setopenModalIa(true)}>
|
||||||
(<Button
|
Promt
|
||||||
variant="ghost"
|
</Button>
|
||||||
|
</>
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
|
<ExpandableText text={text} mono={s.mono} />
|
||||||
|
<div className="mt-4 flex flex-wrap gap-2">
|
||||||
|
<Button
|
||||||
|
variant="outline"
|
||||||
size="sm"
|
size="sm"
|
||||||
|
disabled={!text || (Array.isArray(text) && text.length === 0)}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
const current = Array.isArray(text) ? text.join("\n") : (text ?? "")
|
const toCopy = Array.isArray(text) ? text.join("\n") : (text ?? "")
|
||||||
setEditing({ key: s.key, title: s.title })
|
if (toCopy) navigator.clipboard.writeText(toCopy)
|
||||||
setDraft(current)
|
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
Editar
|
Copiar
|
||||||
</Button>)}
|
</Button>
|
||||||
</div>
|
{s.key !== "prompt" && (
|
||||||
</SectionPanel>
|
<Button
|
||||||
)
|
variant="ghost"
|
||||||
})}
|
size="sm"
|
||||||
|
onClick={() => {
|
||||||
|
const current = Array.isArray(text) ? text.join("\n") : (text ?? "")
|
||||||
|
setEditing({ key: s.key, title: s.title })
|
||||||
|
setDraft(current)
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Editar
|
||||||
|
</Button>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</SectionPanel>
|
||||||
|
)
|
||||||
|
})}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Diálogo de edición */}
|
{/* Diálogo de edición */}
|
||||||
<Dialog open={!!editing} onOpenChange={(o) => { if (!o) setEditing(null) }}>
|
<Dialog open={!!editing} onOpenChange={(o) => { if (!o) setEditing(null) }}>
|
||||||
<DialogContent className="max-w-2xl">
|
<DialogContent className="max-w-2xl">
|
||||||
<DialogHeader>
|
<DialogHeader>
|
||||||
<DialogTitle className="font-mono" >{editing ? `Editar: ${sections.find((x) => x.key === editing.key)?.title}` : ""}</DialogTitle>
|
<DialogTitle className="font-mono">
|
||||||
</DialogHeader>
|
{editing ? `Editar: ${sections.find((x) => x.key === editing.key)?.title}` : ""}
|
||||||
<Textarea value={draft} onChange={(e) => setDraft(e.target.value)} className={`min-h-[260px] ${editing?.key === "prompt" ? "font-mono" : ""}`} placeholder="Escribe aquí…" />
|
</DialogTitle>
|
||||||
<DialogFooter>
|
</DialogHeader>
|
||||||
<Button variant="outline" onClick={() => setEditing(null)}>Cancelar</Button>
|
|
||||||
<Button
|
<Textarea
|
||||||
onClick={() => {
|
value={draft}
|
||||||
if (!editing) return
|
onChange={(e) => setDraft(e.target.value)}
|
||||||
updateField.mutate({ key: editing.key, value: draft })
|
className={`min-h-[260px] ${editing?.key === "prompt" ? "font-mono" : ""}`}
|
||||||
setEditing(null)
|
placeholder="Escribe aquí…"
|
||||||
}}
|
/>
|
||||||
disabled={updateField.isPending}
|
|
||||||
>
|
<DialogFooter>
|
||||||
{updateField.isPending ? "Guardando…" : "Guardar"}
|
<Button variant="outline" onClick={() => setEditing(null)}>Cancelar</Button>
|
||||||
</Button>
|
<Button
|
||||||
</DialogFooter>
|
onClick={async () => {
|
||||||
</DialogContent>
|
if (!editing) return
|
||||||
</Dialog>
|
|
||||||
|
// 1️⃣ Obtener el valor anterior (por ejemplo, desde 'plan' o 'section')
|
||||||
|
const oldValue = (plan as any)[editing.key]
|
||||||
|
|
||||||
|
// 2️⃣ Crear un diff tipo JSON Patch
|
||||||
|
const diff = [{
|
||||||
|
op: "replace",
|
||||||
|
path: `/${editing.key}`,
|
||||||
|
from: oldValue,
|
||||||
|
value: draft
|
||||||
|
}]
|
||||||
|
|
||||||
|
// 3️⃣ Guardar respaldo antes de actualizar
|
||||||
|
const { error: backupError } = await supabase.from("historico_cambios").insert({
|
||||||
|
id_plan_estudios: planId, // asegúrate de tener `plan.id` disponible en este contexto
|
||||||
|
json_cambios: diff,
|
||||||
|
user_id:auth.user?.id,
|
||||||
|
created_at: new Date().toISOString()
|
||||||
|
})
|
||||||
|
|
||||||
|
if (backupError) {
|
||||||
|
console.error("Error al guardar respaldo:", backupError)
|
||||||
|
alert("No se pudo guardar el respaldo de los cambios")
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
// 4️⃣ Ejecutar la mutación original
|
||||||
|
updateField.mutate({ key: editing.key, value: draft })
|
||||||
|
|
||||||
|
// 5️⃣ Cerrar el diálogo
|
||||||
|
setEditing(null)
|
||||||
|
}}
|
||||||
|
disabled={updateField.isPending}
|
||||||
|
>
|
||||||
|
{updateField.isPending ? "Guardando…" : "Guardar"}
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
variant="secondary"
|
||||||
|
onClick={() => {
|
||||||
|
if (!editing) return
|
||||||
|
const current = draft
|
||||||
|
setIaContext({
|
||||||
|
key: editing.key,
|
||||||
|
title: editing.title,
|
||||||
|
content: current,
|
||||||
|
})
|
||||||
|
setopenModalIa(true)
|
||||||
|
setEditing(null) // 🔹 Cierra el modal de edición
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Mejorar con IA
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
|
||||||
|
</DialogFooter>
|
||||||
|
</DialogContent>
|
||||||
|
</Dialog>
|
||||||
|
<HistorialCambiosModal
|
||||||
|
open={openHistorial}
|
||||||
|
onClose={() => setOpenHistorial(false)}
|
||||||
|
planId={planId}
|
||||||
|
onRestore={async (key, value) => {
|
||||||
|
updateField.mutate({ key, value })
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<AIChatModal
|
||||||
|
open={openModalIa}
|
||||||
|
onClose={() => setopenModalIa(false)}
|
||||||
|
edgeFunctionUrl="https://exdkssurzmjnnhgtiama.supabase.co/functions/v1/simple-chat"
|
||||||
|
context={{
|
||||||
|
section: iaContext?.title,
|
||||||
|
fieldKey: iaContext?.key,
|
||||||
|
originalText: iaContext?.content,
|
||||||
|
}}
|
||||||
|
onAccept={(newText: string) => {
|
||||||
|
if (iaContext) {
|
||||||
|
updateField.mutate({ key: iaContext.key, value: newText })
|
||||||
|
setIaContext(null)
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
|
||||||
|
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
200
src/components/ui/prompt-input.tsx
Normal file
200
src/components/ui/prompt-input.tsx
Normal file
@@ -0,0 +1,200 @@
|
|||||||
|
"use client"
|
||||||
|
|
||||||
|
import { Textarea } from "@/components/ui/textarea"
|
||||||
|
import {
|
||||||
|
Tooltip,
|
||||||
|
TooltipContent,
|
||||||
|
TooltipProvider,
|
||||||
|
TooltipTrigger,
|
||||||
|
} from "@/components/ui/tooltip"
|
||||||
|
import { cn } from "@/lib/utils"
|
||||||
|
import React, {
|
||||||
|
createContext,
|
||||||
|
useContext,
|
||||||
|
useEffect,
|
||||||
|
useRef,
|
||||||
|
useState,
|
||||||
|
} from "react"
|
||||||
|
|
||||||
|
type PromptInputContextType = {
|
||||||
|
isLoading: boolean
|
||||||
|
value: string
|
||||||
|
setValue: (value: string) => void
|
||||||
|
maxHeight: number | string
|
||||||
|
onSubmit?: () => void
|
||||||
|
disabled?: boolean
|
||||||
|
textareaRef: React.RefObject<HTMLTextAreaElement | null>
|
||||||
|
}
|
||||||
|
|
||||||
|
const PromptInputContext = createContext<PromptInputContextType>({
|
||||||
|
isLoading: false,
|
||||||
|
value: "",
|
||||||
|
setValue: () => {},
|
||||||
|
maxHeight: 240,
|
||||||
|
onSubmit: undefined,
|
||||||
|
disabled: false,
|
||||||
|
textareaRef: React.createRef<HTMLTextAreaElement>(),
|
||||||
|
})
|
||||||
|
|
||||||
|
function usePromptInput() {
|
||||||
|
const context = useContext(PromptInputContext)
|
||||||
|
if (!context) {
|
||||||
|
throw new Error("usePromptInput must be used within a PromptInput")
|
||||||
|
}
|
||||||
|
return context
|
||||||
|
}
|
||||||
|
|
||||||
|
type PromptInputProps = {
|
||||||
|
isLoading?: boolean
|
||||||
|
value?: string
|
||||||
|
onValueChange?: (value: string) => void
|
||||||
|
maxHeight?: number | string
|
||||||
|
onSubmit?: () => void
|
||||||
|
children: React.ReactNode
|
||||||
|
className?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
function PromptInput({
|
||||||
|
className,
|
||||||
|
isLoading = false,
|
||||||
|
maxHeight = 240,
|
||||||
|
value,
|
||||||
|
onValueChange,
|
||||||
|
onSubmit,
|
||||||
|
children,
|
||||||
|
}: PromptInputProps) {
|
||||||
|
const [internalValue, setInternalValue] = useState(value || "")
|
||||||
|
const textareaRef = useRef<HTMLTextAreaElement>(null)
|
||||||
|
|
||||||
|
const handleChange = (newValue: string) => {
|
||||||
|
setInternalValue(newValue)
|
||||||
|
onValueChange?.(newValue)
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<TooltipProvider>
|
||||||
|
<PromptInputContext.Provider
|
||||||
|
value={{
|
||||||
|
isLoading,
|
||||||
|
value: value ?? internalValue,
|
||||||
|
setValue: onValueChange ?? handleChange,
|
||||||
|
maxHeight,
|
||||||
|
onSubmit,
|
||||||
|
textareaRef,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
className={cn(
|
||||||
|
"border-input bg-background cursor-text rounded-3xl border p-2 shadow-xs",
|
||||||
|
className
|
||||||
|
)}
|
||||||
|
onClick={() => textareaRef.current?.focus()}
|
||||||
|
>
|
||||||
|
{children}
|
||||||
|
</div>
|
||||||
|
</PromptInputContext.Provider>
|
||||||
|
</TooltipProvider>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export type PromptInputTextareaProps = {
|
||||||
|
disableAutosize?: boolean
|
||||||
|
} & React.ComponentProps<typeof Textarea>
|
||||||
|
|
||||||
|
function PromptInputTextarea({
|
||||||
|
className,
|
||||||
|
onKeyDown,
|
||||||
|
disableAutosize = false,
|
||||||
|
...props
|
||||||
|
}: PromptInputTextareaProps) {
|
||||||
|
const { value, setValue, maxHeight, onSubmit, disabled, textareaRef } =
|
||||||
|
usePromptInput()
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (disableAutosize) return
|
||||||
|
|
||||||
|
if (!textareaRef.current) return
|
||||||
|
|
||||||
|
if (textareaRef.current.scrollTop === 0) {
|
||||||
|
textareaRef.current.style.height = "auto"
|
||||||
|
}
|
||||||
|
|
||||||
|
textareaRef.current.style.height =
|
||||||
|
typeof maxHeight === "number"
|
||||||
|
? `${Math.min(textareaRef.current.scrollHeight, maxHeight)}px`
|
||||||
|
: `min(${textareaRef.current.scrollHeight}px, ${maxHeight})`
|
||||||
|
}, [value, maxHeight, disableAutosize])
|
||||||
|
|
||||||
|
const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
|
||||||
|
if (e.key === "Enter" && !e.shiftKey) {
|
||||||
|
e.preventDefault()
|
||||||
|
onSubmit?.()
|
||||||
|
}
|
||||||
|
onKeyDown?.(e)
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Textarea
|
||||||
|
ref={textareaRef}
|
||||||
|
value={value}
|
||||||
|
onChange={(e) => setValue(e.target.value)}
|
||||||
|
onKeyDown={handleKeyDown}
|
||||||
|
className={cn(
|
||||||
|
"text-primary min-h-[44px] w-full resize-none border-none bg-transparent shadow-none outline-none focus-visible:ring-0 focus-visible:ring-offset-0",
|
||||||
|
className
|
||||||
|
)}
|
||||||
|
rows={1}
|
||||||
|
disabled={disabled}
|
||||||
|
{...props}
|
||||||
|
/>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
type PromptInputActionsProps = React.HTMLAttributes<HTMLDivElement>
|
||||||
|
|
||||||
|
function PromptInputActions({
|
||||||
|
children,
|
||||||
|
className,
|
||||||
|
...props
|
||||||
|
}: PromptInputActionsProps) {
|
||||||
|
return (
|
||||||
|
<div className={cn("flex items-center gap-2", className)} {...props}>
|
||||||
|
{children}
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
type PromptInputActionProps = {
|
||||||
|
className?: string
|
||||||
|
tooltip: React.ReactNode
|
||||||
|
children: React.ReactNode
|
||||||
|
side?: "top" | "bottom" | "left" | "right"
|
||||||
|
} & React.ComponentProps<typeof Tooltip>
|
||||||
|
|
||||||
|
function PromptInputAction({
|
||||||
|
tooltip,
|
||||||
|
children,
|
||||||
|
className,
|
||||||
|
side = "top",
|
||||||
|
...props
|
||||||
|
}: PromptInputActionProps) {
|
||||||
|
const { disabled } = usePromptInput()
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Tooltip {...props}>
|
||||||
|
<TooltipTrigger asChild disabled={disabled} onClick={event => event.stopPropagation()}>
|
||||||
|
{children}
|
||||||
|
</TooltipTrigger>
|
||||||
|
<TooltipContent side={side} className={className}>
|
||||||
|
{tooltip}
|
||||||
|
</TooltipContent>
|
||||||
|
</Tooltip>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export {
|
||||||
|
PromptInput,
|
||||||
|
PromptInputTextarea,
|
||||||
|
PromptInputActions,
|
||||||
|
PromptInputAction,
|
||||||
|
}
|
||||||
@@ -44,13 +44,13 @@ function TooltipContent({
|
|||||||
data-slot="tooltip-content"
|
data-slot="tooltip-content"
|
||||||
sideOffset={sideOffset}
|
sideOffset={sideOffset}
|
||||||
className={cn(
|
className={cn(
|
||||||
"bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
|
"bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
|
||||||
className
|
className
|
||||||
)}
|
)}
|
||||||
{...props}
|
{...props}
|
||||||
>
|
>
|
||||||
{children}
|
{children}
|
||||||
<TooltipPrimitive.Arrow className="bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
|
<TooltipPrimitive.Arrow className="bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
|
||||||
</TooltipPrimitive.Content>
|
</TooltipPrimitive.Content>
|
||||||
</TooltipPrimitive.Portal>
|
</TooltipPrimitive.Portal>
|
||||||
)
|
)
|
||||||
|
|||||||
67
src/hooks/useSupabaseUpdateWithHistory.ts
Normal file
67
src/hooks/useSupabaseUpdateWithHistory.ts
Normal file
@@ -0,0 +1,67 @@
|
|||||||
|
import { useMutation, useQueryClient } from "@tanstack/react-query";
|
||||||
|
import { supabase } from "@/auth/supabase";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Hook genérico para actualizar una tabla y guardar respaldo en historico_cambios
|
||||||
|
*
|
||||||
|
* @param tableName Nombre de la tabla a actualizar
|
||||||
|
* @param idKey Campo que se usa para hacer eq (por defecto 'id')
|
||||||
|
*/
|
||||||
|
export function useSupabaseUpdateWithHistory<T extends Record<string, any>>(
|
||||||
|
tableName: string,
|
||||||
|
idKey: keyof T = "id" as keyof T
|
||||||
|
) {
|
||||||
|
const qc = useQueryClient();
|
||||||
|
|
||||||
|
// Generar diferencias tipo JSON Patch
|
||||||
|
function generateDiff(oldData: T, newData: Partial<T>) {
|
||||||
|
const changes: any[] = [];
|
||||||
|
for (const key of Object.keys(newData)) {
|
||||||
|
const oldValue = (oldData as any)[key];
|
||||||
|
const newValue = (newData as any)[key];
|
||||||
|
if (newValue !== undefined && newValue !== oldValue) {
|
||||||
|
changes.push({
|
||||||
|
op: "replace",
|
||||||
|
path: `/${key}`,
|
||||||
|
from: oldValue,
|
||||||
|
value: newValue,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return changes;
|
||||||
|
}
|
||||||
|
|
||||||
|
const mutation = useMutation({
|
||||||
|
mutationFn: async ({
|
||||||
|
oldData,
|
||||||
|
newData,
|
||||||
|
}: {
|
||||||
|
oldData: T;
|
||||||
|
newData: Partial<T>;
|
||||||
|
}) => {
|
||||||
|
const diff = generateDiff(oldData, newData);
|
||||||
|
|
||||||
|
if (diff.length > 0) {
|
||||||
|
const { error: backupError } = await supabase
|
||||||
|
.from("historico_cambios")
|
||||||
|
.insert({
|
||||||
|
id_plan_estudios: oldData.id ?? null, // ajusta si es otra tabla
|
||||||
|
tabla_afectada: tableName,
|
||||||
|
json_cambios: diff,
|
||||||
|
created_at: new Date().toISOString(),
|
||||||
|
});
|
||||||
|
|
||||||
|
if (backupError) throw backupError;
|
||||||
|
}
|
||||||
|
|
||||||
|
const { error } = await supabase
|
||||||
|
.from(tableName)
|
||||||
|
.update(newData)
|
||||||
|
.eq(idKey as string, oldData[idKey]);
|
||||||
|
|
||||||
|
if (error) throw error;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
return { mutation };
|
||||||
|
}
|
||||||
@@ -1,3 +1,4 @@
|
|||||||
|
// dummy test
|
||||||
import { StrictMode } from 'react'
|
import { StrictMode } from 'react'
|
||||||
import ReactDOM from 'react-dom/client'
|
import ReactDOM from 'react-dom/client'
|
||||||
import { RouterProvider, createRouter } from '@tanstack/react-router'
|
import { RouterProvider, createRouter } from '@tanstack/react-router'
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ import { useQueryClient } from "@tanstack/react-query";
|
|||||||
import { createFileRoute, Link, useRouter } from "@tanstack/react-router"
|
import { createFileRoute, Link, useRouter } from "@tanstack/react-router"
|
||||||
import * as Icons from "lucide-react"
|
import * as Icons from "lucide-react"
|
||||||
import { useCallback, useEffect, useMemo, useRef, useState } from "react"
|
import { useCallback, useEffect, useMemo, useRef, useState } from "react"
|
||||||
import { supabase } from "@/auth/supabase"
|
import { supabase, useSupabaseAuth } from "@/auth/supabase"
|
||||||
import { Button } from "@/components/ui/button"
|
import { Button } from "@/components/ui/button"
|
||||||
import { Badge } from "@/components/ui/badge"
|
import { Badge } from "@/components/ui/badge"
|
||||||
import { Input } from "@/components/ui/input"
|
import { Input } from "@/components/ui/input"
|
||||||
@@ -403,29 +403,79 @@ function EditAsignaturaButton({ asignatura, onUpdate }: {
|
|||||||
const [open, setOpen] = useState(false)
|
const [open, setOpen] = useState(false)
|
||||||
const [saving, setSaving] = useState(false)
|
const [saving, setSaving] = useState(false)
|
||||||
const [form, setForm] = useState<Partial<Asignatura>>({})
|
const [form, setForm] = useState<Partial<Asignatura>>({})
|
||||||
|
const auth = useSupabaseAuth()
|
||||||
|
|
||||||
const openAndFill = () => { setForm(asignatura); setOpen(true) }
|
const openAndFill = () => { setForm(asignatura); setOpen(true) }
|
||||||
|
|
||||||
|
// ✅ Función que genera las diferencias entre los datos anteriores y los nuevos
|
||||||
|
function generateDiff(oldData: Asignatura, newData: Partial<Asignatura>) {
|
||||||
|
const changes: any[] = []
|
||||||
|
for (const key of Object.keys(newData)) {
|
||||||
|
const oldValue = (oldData as any)[key]
|
||||||
|
const newValue = (newData as any)[key]
|
||||||
|
if (newValue !== undefined && newValue !== oldValue) {
|
||||||
|
changes.push({
|
||||||
|
op: "replace",
|
||||||
|
path: `/${key}`,
|
||||||
|
from: oldValue,
|
||||||
|
value: newValue
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return changes
|
||||||
|
}
|
||||||
|
|
||||||
async function save() {
|
async function save() {
|
||||||
setSaving(true)
|
setSaving(true)
|
||||||
const payload = {
|
try {
|
||||||
nombre: form.nombre ?? asignatura.nombre,
|
// 1️⃣ Preparar el payload final
|
||||||
clave: form.clave ?? asignatura.clave,
|
const payload = {
|
||||||
tipo: form.tipo ?? asignatura.tipo,
|
nombre: form.nombre ?? asignatura.nombre,
|
||||||
semestre: form.semestre ?? asignatura.semestre,
|
clave: form.clave ?? asignatura.clave,
|
||||||
creditos: form.creditos ?? asignatura.creditos,
|
tipo: form.tipo ?? asignatura.tipo,
|
||||||
horas_teoricas: form.horas_teoricas ?? asignatura.horas_teoricas,
|
semestre: form.semestre ?? asignatura.semestre,
|
||||||
horas_practicas: form.horas_practicas ?? asignatura.horas_practicas,
|
creditos: form.creditos ?? asignatura.creditos,
|
||||||
|
horas_teoricas: form.horas_teoricas ?? asignatura.horas_teoricas,
|
||||||
|
horas_practicas: form.horas_practicas ?? asignatura.horas_practicas,
|
||||||
|
}
|
||||||
|
|
||||||
|
// 2️⃣ Detectar cambios
|
||||||
|
const diff = generateDiff(asignatura, payload)
|
||||||
|
|
||||||
|
// 3️⃣ Guardar respaldo si hubo cambios
|
||||||
|
if (diff.length > 0) {
|
||||||
|
const { error: backupError } = await supabase
|
||||||
|
.from("historico_cambios_asignaturas") // 👈 usa el nombre real de tu tabla
|
||||||
|
.insert({
|
||||||
|
id_asignatura: asignatura.id,
|
||||||
|
json_cambios: diff, // jsonb
|
||||||
|
user_id: auth.user?.id,
|
||||||
|
created_at: new Date().toISOString()
|
||||||
|
})
|
||||||
|
if (backupError) throw backupError
|
||||||
|
}
|
||||||
|
|
||||||
|
// 4️⃣ Actualizar el registro principal
|
||||||
|
const { data, error } = await supabase
|
||||||
|
.from("asignaturas")
|
||||||
|
.update(payload)
|
||||||
|
.eq("id", asignatura.id)
|
||||||
|
.select()
|
||||||
|
.maybeSingle()
|
||||||
|
|
||||||
|
if (error) throw error
|
||||||
|
|
||||||
|
// 5️⃣ Actualizar vista local
|
||||||
|
if (data) {
|
||||||
|
onUpdate(data as Asignatura)
|
||||||
|
setOpen(false)
|
||||||
|
}
|
||||||
|
} catch (err: any) {
|
||||||
|
alert(err.message ?? "Error al guardar")
|
||||||
|
} finally {
|
||||||
|
setSaving(false)
|
||||||
}
|
}
|
||||||
const { data, error } = await supabase
|
|
||||||
.from("asignaturas")
|
|
||||||
.update(payload)
|
|
||||||
.eq("id", asignatura.id)
|
|
||||||
.select()
|
|
||||||
.maybeSingle()
|
|
||||||
setSaving(false)
|
|
||||||
if (!error && data) { onUpdate(data as Asignatura); setOpen(false) }
|
|
||||||
else alert(error?.message ?? "Error al guardar")
|
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@@ -650,6 +700,7 @@ export function EditContenidosButton({
|
|||||||
const [saving, setSaving] = useState(false)
|
const [saving, setSaving] = useState(false)
|
||||||
const [units, setUnits] = useState<UnitDraft[]>([])
|
const [units, setUnits] = useState<UnitDraft[]>([])
|
||||||
const [initialUnits, setInitialUnits] = useState<UnitDraft[]>([])
|
const [initialUnits, setInitialUnits] = useState<UnitDraft[]>([])
|
||||||
|
const auth = useSupabaseAuth() // 👈 para registrar el usuario que edita
|
||||||
|
|
||||||
// --- Normaliza entrada flexible a estructura estable
|
// --- Normaliza entrada flexible a estructura estable
|
||||||
const normalize = useCallback((v: any): UnitDraft[] => {
|
const normalize = useCallback((v: any): UnitDraft[] => {
|
||||||
@@ -685,7 +736,7 @@ export function EditContenidosButton({
|
|||||||
}
|
}
|
||||||
}, [])
|
}, [])
|
||||||
|
|
||||||
// --- Construye payload consistente { "1": { titulo, subtemas:{ "1": "t1" } } }
|
// --- Construye payload consistente
|
||||||
const buildPayload = useCallback((us: UnitDraft[]) => {
|
const buildPayload = useCallback((us: UnitDraft[]) => {
|
||||||
const out: Record<string, any> = {}
|
const out: Record<string, any> = {}
|
||||||
us.forEach((u, idx) => {
|
us.forEach((u, idx) => {
|
||||||
@@ -702,9 +753,9 @@ export function EditContenidosButton({
|
|||||||
return out
|
return out
|
||||||
}, [])
|
}, [])
|
||||||
|
|
||||||
// --- Limpia UI: recorta espacios, elimina líneas vacías/duplicadas (case-insensitive)
|
// --- Limpia UI
|
||||||
const cleanUnits = useCallback((us: UnitDraft[]) => {
|
const cleanUnits = useCallback((us: UnitDraft[]) => {
|
||||||
return us.map((u, idx) => {
|
return us.map((u) => {
|
||||||
const seen = new Set<string>()
|
const seen = new Set<string>()
|
||||||
const temas = u.temas
|
const temas = u.temas
|
||||||
.map((t) => t.trim())
|
.map((t) => t.trim())
|
||||||
@@ -715,10 +766,7 @@ export function EditContenidosButton({
|
|||||||
seen.add(key)
|
seen.add(key)
|
||||||
return true
|
return true
|
||||||
})
|
})
|
||||||
return {
|
return { title: (u.title || "").trim(), temas }
|
||||||
title: (u.title || "").trim(),
|
|
||||||
temas,
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
}, [])
|
}, [])
|
||||||
|
|
||||||
@@ -734,7 +782,7 @@ export function EditContenidosButton({
|
|||||||
[units, initialUnits, cleanUnits],
|
[units, initialUnits, cleanUnits],
|
||||||
)
|
)
|
||||||
|
|
||||||
// --- Atajos: Guardar con Ctrl/Cmd + Enter
|
// --- Atajos: Ctrl/Cmd + Enter
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!open) return
|
if (!open) return
|
||||||
const handler = (e: KeyboardEvent) => {
|
const handler = (e: KeyboardEvent) => {
|
||||||
@@ -746,7 +794,6 @@ export function EditContenidosButton({
|
|||||||
}
|
}
|
||||||
window.addEventListener("keydown", handler)
|
window.addEventListener("keydown", handler)
|
||||||
return () => window.removeEventListener("keydown", handler)
|
return () => window.removeEventListener("keydown", handler)
|
||||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
||||||
}, [open, units, saving])
|
}, [open, units, saving])
|
||||||
|
|
||||||
// --- Acciones por unidad
|
// --- Acciones por unidad
|
||||||
@@ -754,15 +801,17 @@ export function EditContenidosButton({
|
|||||||
if (!confirm("¿Eliminar esta unidad?")) return
|
if (!confirm("¿Eliminar esta unidad?")) return
|
||||||
setUnits((prev) => prev.filter((_, i) => i !== idx))
|
setUnits((prev) => prev.filter((_, i) => i !== idx))
|
||||||
}
|
}
|
||||||
|
|
||||||
const moveUnit = (idx: number, dir: -1 | 1) => {
|
const moveUnit = (idx: number, dir: -1 | 1) => {
|
||||||
setUnits((prev) => {
|
setUnits((prev) => {
|
||||||
const next = [...prev]
|
const next = [...prev]
|
||||||
const j = idx + dir
|
const j = idx + dir
|
||||||
if (j < 0 || j >= next.length) return prev
|
if (j < 0 || j >= next.length) return prev
|
||||||
;[next[idx], next[j]] = [next[j], next[idx]]
|
;[next[idx], next[j]] = [next[j], next[idx]]
|
||||||
return next
|
return next
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
const duplicateUnit = (idx: number) => {
|
const duplicateUnit = (idx: number) => {
|
||||||
setUnits((prev) => {
|
setUnits((prev) => {
|
||||||
const next = [...prev]
|
const next = [...prev]
|
||||||
@@ -774,24 +823,54 @@ export function EditContenidosButton({
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// ✅ Función para guardar con respaldo histórico
|
||||||
async function save() {
|
async function save() {
|
||||||
setSaving(true)
|
setSaving(true)
|
||||||
const cleaned = cleanUnits(units)
|
try {
|
||||||
const contenidos = buildPayload(cleaned)
|
const cleaned = cleanUnits(units)
|
||||||
const { data, error } = await supabase
|
const contenidos = buildPayload(cleaned)
|
||||||
.from("asignaturas")
|
|
||||||
.update({ contenidos })
|
// 1️⃣ Generar diff entre valor anterior y nuevo
|
||||||
.eq("id", asignaturaId)
|
const diff = [
|
||||||
.select()
|
{
|
||||||
.maybeSingle()
|
op: "replace",
|
||||||
setSaving(false)
|
path: "/contenidos",
|
||||||
if (error) {
|
from: value,
|
||||||
alert(error.message || "No se pudo guardar")
|
value: contenidos,
|
||||||
return
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
// 2️⃣ Guardar respaldo en tabla de histórico (solo si hay cambios)
|
||||||
|
if (JSON.stringify(value) !== JSON.stringify(contenidos)) {
|
||||||
|
const { error: backupError } = await supabase
|
||||||
|
.from("historico_cambios_asignaturas") // 👈 nombre de tu tabla de respaldo
|
||||||
|
.insert({
|
||||||
|
id_asignatura: asignaturaId,
|
||||||
|
json_cambios: diff,
|
||||||
|
user_id: auth.user?.id,
|
||||||
|
created_at: new Date().toISOString(),
|
||||||
|
})
|
||||||
|
if (backupError) throw backupError
|
||||||
|
}
|
||||||
|
|
||||||
|
// 3️⃣ Actualizar campo contenidos
|
||||||
|
const { data, error } = await supabase
|
||||||
|
.from("asignaturas")
|
||||||
|
.update({ contenidos })
|
||||||
|
.eq("id", asignaturaId)
|
||||||
|
.select()
|
||||||
|
.maybeSingle()
|
||||||
|
|
||||||
|
if (error) throw error
|
||||||
|
|
||||||
|
setInitialUnits(cleaned)
|
||||||
|
onSaved((data as any)?.contenidos ?? contenidos)
|
||||||
|
setOpen(false)
|
||||||
|
} catch (err: any) {
|
||||||
|
alert(err.message || "Error al guardar contenidos")
|
||||||
|
} finally {
|
||||||
|
setSaving(false)
|
||||||
}
|
}
|
||||||
setInitialUnits(cleaned)
|
|
||||||
onSaved((data as any)?.contenidos ?? contenidos)
|
|
||||||
setOpen(false)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const cancel = () => {
|
const cancel = () => {
|
||||||
|
|||||||
@@ -2,7 +2,7 @@ import { createFileRoute, Link, useRouter } from '@tanstack/react-router'
|
|||||||
import { useSuspenseQuery, queryOptions, useQueryClient } from '@tanstack/react-query'
|
import { useSuspenseQuery, queryOptions, useQueryClient } from '@tanstack/react-query'
|
||||||
import { supabase } from '@/auth/supabase'
|
import { supabase } from '@/auth/supabase'
|
||||||
import * as Icons from 'lucide-react'
|
import * as Icons from 'lucide-react'
|
||||||
import { useMemo, useState } from 'react'
|
import { useEffect, useMemo, useState } from 'react'
|
||||||
import { Button } from '@/components/ui/button'
|
import { Button } from '@/components/ui/button'
|
||||||
import { Input } from '@/components/ui/input'
|
import { Input } from '@/components/ui/input'
|
||||||
import { Select, SelectTrigger, SelectContent, SelectItem, SelectValue } from '@/components/ui/select'
|
import { Select, SelectTrigger, SelectContent, SelectItem, SelectValue } from '@/components/ui/select'
|
||||||
@@ -10,6 +10,7 @@ import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuIte
|
|||||||
import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog'
|
import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog'
|
||||||
import { Label } from '@/components/ui/label'
|
import { Label } from '@/components/ui/label'
|
||||||
import { toast } from 'sonner'
|
import { toast } from 'sonner'
|
||||||
|
import { InfoChip } from '@/components/planes/InfoChip'
|
||||||
|
|
||||||
/* ================== Tipos ================== */
|
/* ================== Tipos ================== */
|
||||||
type FacMini = { id: string; nombre: string; color?: string | null; icon?: string | null }
|
type FacMini = { id: string; nombre: string; color?: string | null; icon?: string | null }
|
||||||
@@ -79,7 +80,8 @@ async function fetchPlanIdsByScope(search: Pick<SearchState, 'planId' | 'carrera
|
|||||||
async function fetchAsignaturas(search: SearchState): Promise<Asignatura[]> {
|
async function fetchAsignaturas(search: SearchState): Promise<Asignatura[]> {
|
||||||
const planIds = await fetchPlanIdsByScope(search)
|
const planIds = await fetchPlanIdsByScope(search)
|
||||||
if (planIds && planIds.length === 0) return []
|
if (planIds && planIds.length === 0) return []
|
||||||
|
console.log(AsignaturaCard);
|
||||||
|
|
||||||
let query = supabase
|
let query = supabase
|
||||||
.from('asignaturas')
|
.from('asignaturas')
|
||||||
.select(`
|
.select(`
|
||||||
@@ -172,6 +174,30 @@ function RouteComponent() {
|
|||||||
const [facultad, setFacultad] = useState("todas")
|
const [facultad, setFacultad] = useState("todas")
|
||||||
const [carrera, setCarrera] = useState("todas")
|
const [carrera, setCarrera] = useState("todas")
|
||||||
|
|
||||||
|
/* useEffect(() => {
|
||||||
|
const timeout = setTimeout(() => {
|
||||||
|
router.navigate({
|
||||||
|
to: '/asignaturas',
|
||||||
|
search: { ...search, q },
|
||||||
|
replace: true,
|
||||||
|
})
|
||||||
|
}, 400)
|
||||||
|
return () => clearTimeout(timeout)
|
||||||
|
}, [q]) */
|
||||||
|
|
||||||
|
|
||||||
|
function handleChange(e: React.ChangeEvent<HTMLInputElement>) {
|
||||||
|
const value = e.target.value
|
||||||
|
setQ(value)
|
||||||
|
router.navigate({
|
||||||
|
to: '/asignaturas',
|
||||||
|
search: {
|
||||||
|
...search,
|
||||||
|
q: value,
|
||||||
|
},
|
||||||
|
replace: true, // evita recargar o empujar al historial
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
// 🟣 Lista única de facultades
|
// 🟣 Lista única de facultades
|
||||||
const facultadesList = useMemo(() => {
|
const facultadesList = useMemo(() => {
|
||||||
@@ -260,6 +286,7 @@ const carrerasList = useMemo(() => {
|
|||||||
const tipoOK = tipo === 'todos' || (a.tipo ?? '—') === tipo
|
const tipoOK = tipo === 'todos' || (a.tipo ?? '—') === tipo
|
||||||
const carreraOK = carrera === 'todas' || a.plan?.carrera?.id === carrera
|
const carreraOK = carrera === 'todas' || a.plan?.carrera?.id === carrera
|
||||||
const facultadOK = facultad === 'todas' || a.plan?.carrera?.facultad?.id === facultad
|
const facultadOK = facultad === 'todas' || a.plan?.carrera?.facultad?.id === facultad
|
||||||
|
const planOK = !search.planId || a.plan?.id === search.planId
|
||||||
|
|
||||||
const flagOK =
|
const flagOK =
|
||||||
!flag ||
|
!flag ||
|
||||||
@@ -267,7 +294,7 @@ const carrerasList = useMemo(() => {
|
|||||||
(flag === 'sinCriterios' && (!a.criterios_evaluacion || !a.criterios_evaluacion.trim())) ||
|
(flag === 'sinCriterios' && (!a.criterios_evaluacion || !a.criterios_evaluacion.trim())) ||
|
||||||
(flag === 'sinContenidos' && (!a.contenidos || Object.keys(a.contenidos ?? {}).length === 0))
|
(flag === 'sinContenidos' && (!a.contenidos || Object.keys(a.contenidos ?? {}).length === 0))
|
||||||
|
|
||||||
return matchesQ && semOK && tipoOK && flagOK && carreraOK && facultadOK
|
return matchesQ && semOK && tipoOK && flagOK && carreraOK && facultadOK && planOK
|
||||||
})
|
})
|
||||||
}, [q, sem, tipo, flag, carrera, facultad, asignaturas])
|
}, [q, sem, tipo, flag, carrera, facultad, asignaturas])
|
||||||
|
|
||||||
@@ -289,7 +316,19 @@ const carrerasList = useMemo(() => {
|
|||||||
}, [filtered, groupBy])
|
}, [filtered, groupBy])
|
||||||
|
|
||||||
// Helpers
|
// Helpers
|
||||||
const clearFilters = () => { setQ(''); setSem('todos'); setTipo('todos'); setCarrera('todas'); setFlag('') }
|
const clearFilters = () => { setQ(''); setSem('todos'); setTipo('todos'); setCarrera('todas'); setFlag('') ; setFacultad('todas')
|
||||||
|
// Actualiza la URL limpiando todos los query params
|
||||||
|
router.navigate({
|
||||||
|
to: '/asignaturas',
|
||||||
|
search: {
|
||||||
|
q: '',
|
||||||
|
planId: '',
|
||||||
|
carreraId: '',
|
||||||
|
facultadId: '',
|
||||||
|
f: ''
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
// NEW: util para clonar 1 asignatura
|
// NEW: util para clonar 1 asignatura
|
||||||
async function cloneOne(src: Asignatura, overrides: {
|
async function cloneOne(src: Asignatura, overrides: {
|
||||||
@@ -324,6 +363,8 @@ const carrerasList = useMemo(() => {
|
|||||||
if (error) throw error
|
if (error) throw error
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// NEW: abrir modal clon individual
|
// NEW: abrir modal clon individual
|
||||||
function openClone(a: Asignatura) {
|
function openClone(a: Asignatura) {
|
||||||
setCloneTarget(a)
|
setCloneTarget(a)
|
||||||
@@ -352,6 +393,8 @@ const carrerasList = useMemo(() => {
|
|||||||
setCart([])
|
setCart([])
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// NEW: clonado en lote
|
// NEW: clonado en lote
|
||||||
async function cloneBulk() {
|
async function cloneBulk() {
|
||||||
if (!bulk.plan_destino_id) { toast.error('Selecciona un plan de destino'); return }
|
if (!bulk.plan_destino_id) { toast.error('Selecciona un plan de destino'); return }
|
||||||
@@ -426,34 +469,43 @@ const carrerasList = useMemo(() => {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Filtros */}
|
{/* Filtros */}
|
||||||
<div className="grid gap-4 sm:grid-cols-5">
|
<div className="grid gap-4 sm:grid-cols-5 items-end">
|
||||||
|
{/* 🔍 Búsqueda */}
|
||||||
<div>
|
<div>
|
||||||
<Label>Búsqueda</Label>
|
<Label>Búsqueda</Label>
|
||||||
<Input
|
<Input
|
||||||
value={q}
|
value={q}
|
||||||
onChange={(e) => setQ(e.target.value)}
|
onChange={handleChange}
|
||||||
placeholder="Nombre, clave, plan, carrera, facultad…"
|
placeholder="Nombre, clave, plan, carrera, facultad…"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* 📘 Semestre */}
|
||||||
<div>
|
<div>
|
||||||
<Label>Semestre</Label>
|
<Label>Semestre</Label>
|
||||||
<Select value={sem} onValueChange={setSem}>
|
<Select value={sem} onValueChange={setSem}>
|
||||||
<SelectTrigger><SelectValue placeholder="Todos" /></SelectTrigger>
|
<SelectTrigger>
|
||||||
|
<SelectValue placeholder="Todos" />
|
||||||
|
</SelectTrigger>
|
||||||
<SelectContent>
|
<SelectContent>
|
||||||
<SelectItem value="todos">Todos</SelectItem>
|
<SelectItem value="todos">Todos</SelectItem>
|
||||||
{semestres.map(s => <SelectItem key={s} value={s}>Semestre {s}</SelectItem>)}
|
{semestres.map((s) => (
|
||||||
|
<SelectItem key={s} value={s}>
|
||||||
|
Semestre {s}
|
||||||
|
</SelectItem>
|
||||||
|
))}
|
||||||
</SelectContent>
|
</SelectContent>
|
||||||
</Select>
|
</Select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* 🏛️ Facultad */}
|
||||||
<div>
|
<div>
|
||||||
<Label>Facultad</Label>
|
<Label>Facultad</Label>
|
||||||
<Select
|
<Select
|
||||||
value={facultad ?? "todas"}
|
value={facultad ?? "todas"}
|
||||||
onValueChange={(val) => {
|
onValueChange={(val) => {
|
||||||
setFacultad(val)
|
setFacultad(val)
|
||||||
setCarrera("todas") // reset de carrera al cambiar facultad
|
setCarrera("todas")
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<SelectTrigger className="w-[200px]">
|
<SelectTrigger className="w-[200px]">
|
||||||
@@ -470,8 +522,8 @@ const carrerasList = useMemo(() => {
|
|||||||
</Select>
|
</Select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{facultad && facultad !== "todas" && (
|
{/* 🎓 Carrera */}
|
||||||
<div>
|
<div className={!facultad || facultad === "todas" ? "invisible" : ""}>
|
||||||
<Label>Carrera</Label>
|
<Label>Carrera</Label>
|
||||||
<Select
|
<Select
|
||||||
value={carrera ?? "todas"}
|
value={carrera ?? "todas"}
|
||||||
@@ -490,11 +542,38 @@ const carrerasList = useMemo(() => {
|
|||||||
</SelectContent>
|
</SelectContent>
|
||||||
</Select>
|
</Select>
|
||||||
</div>
|
</div>
|
||||||
)}
|
|
||||||
|
{/* 📜 Plan */}
|
||||||
|
<div className={!carrera || carrera === "todas" ? "invisible" : ""}>
|
||||||
|
<Label>Plan</Label>
|
||||||
|
<Select
|
||||||
|
value={search.planId ?? "todos"}
|
||||||
|
onValueChange={(val) => {
|
||||||
|
router.navigate({
|
||||||
|
search: { ...search, planId: val === "todos" ? "" : val },
|
||||||
|
})
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<SelectTrigger className="w-[200px]">
|
||||||
|
<SelectValue placeholder="Filtrar por plan" />
|
||||||
|
</SelectTrigger>
|
||||||
|
<SelectContent>
|
||||||
|
<SelectItem value="todos">Todos los planes</SelectItem>
|
||||||
|
{planes
|
||||||
|
.filter((p) => p.carrera?.id === carrera)
|
||||||
|
.map((p) => (
|
||||||
|
<SelectItem key={p.id} value={p.id}>
|
||||||
|
{p.nombre}
|
||||||
|
</SelectItem>
|
||||||
|
))}
|
||||||
|
</SelectContent>
|
||||||
|
</Select>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{/* Chips de salud */}
|
{/* Chips de salud */}
|
||||||
<div className="flex flex-wrap items-center gap-2">
|
<div className="flex flex-wrap items-center gap-2">
|
||||||
<HealthChip
|
<HealthChip
|
||||||
@@ -518,7 +597,7 @@ const carrerasList = useMemo(() => {
|
|||||||
label="Sin contenidos"
|
label="Sin contenidos"
|
||||||
value={salud.sinContenidos}
|
value={salud.sinContenidos}
|
||||||
/>
|
/>
|
||||||
{(q || sem !== 'todos' || tipo !== 'todos' || flag) && (
|
{/*(q || sem !== 'todos' || tipo !== 'todos' || flag || carrera=='todos')*/ true && (
|
||||||
<Button variant="ghost" className="h-7 px-3" onClick={clearFilters}>
|
<Button variant="ghost" className="h-7 px-3" onClick={clearFilters}>
|
||||||
Limpiar filtros
|
Limpiar filtros
|
||||||
</Button>
|
</Button>
|
||||||
@@ -750,9 +829,15 @@ function AsignaturaCard({ a, onClone, onAddToCart }: { a: Asignatura; onClone: (
|
|||||||
const horasP = a.horas_practicas ?? 0
|
const horasP = a.horas_practicas ?? 0
|
||||||
const meta = tipoMeta(a.tipo)
|
const meta = tipoMeta(a.tipo)
|
||||||
const FacIcon = (Icons as any)[a.plan?.carrera?.facultad?.icon ?? 'Building2'] || Icons.Building2
|
const FacIcon = (Icons as any)[a.plan?.carrera?.facultad?.icon ?? 'Building2'] || Icons.Building2
|
||||||
|
console.log(a);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<li className="group relative overflow-hidden rounded-2xl border bg-white/75 dark:bg-neutral-900/60 shadow-sm hover:shadow-md transition-all">
|
<li className="group relative overflow-hidden rounded-2xl border bg-white/75 dark:bg-neutral-900/60 shadow-sm hover:shadow-md transition-all"
|
||||||
|
style={{
|
||||||
|
borderColor: a.plan?.carrera?.facultad?.color ?? '#ccc',
|
||||||
|
backgroundColor: `${a.plan?.carrera?.facultad?.color}15`, // 15 = transparencia HEX
|
||||||
|
}}
|
||||||
|
>
|
||||||
<div className="p-3">
|
<div className="p-3">
|
||||||
<div className="flex items-start gap-3">
|
<div className="flex items-start gap-3">
|
||||||
<span className="mt-0.5 inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-xl border bg-white/80">
|
<span className="mt-0.5 inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-xl border bg-white/80">
|
||||||
@@ -803,14 +888,17 @@ function AsignaturaCard({ a, onClone, onAddToCart }: { a: Asignatura; onClone: (
|
|||||||
<Icons.ScrollText className="w-3.5 h-3.5" /> <strong>Plan:</strong>{a.plan.nombre}
|
<Icons.ScrollText className="w-3.5 h-3.5" /> <strong>Plan:</strong>{a.plan.nombre}
|
||||||
</span>
|
</span>
|
||||||
{a.plan.carrera && (
|
{a.plan.carrera && (
|
||||||
<span className="inline-flex items-center gap-1">
|
<InfoChip
|
||||||
<Icons.GraduationCap className="w-3.5 h-3.5" /> <strong>Carrera:</strong> {a.plan.carrera.nombre}
|
icon={<Icons.GraduationCap className="h-3 w-3" />}
|
||||||
</span>
|
label={a.plan.carrera.nombre}
|
||||||
|
/>
|
||||||
)}
|
)}
|
||||||
{a.plan.carrera?.facultad && (
|
{a.plan.carrera?.facultad && (
|
||||||
<span className="inline-flex items-center gap-1">
|
<InfoChip
|
||||||
<FacIcon className="w-3.5 h-3.5" /> {a.plan.carrera.facultad.nombre}
|
icon={<Icons.Building2 className="h-3 w-3" />}
|
||||||
</span>
|
label={a.plan.carrera.facultad.nombre}
|
||||||
|
tint={a.plan.carrera.facultad.color}
|
||||||
|
/>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -20,6 +20,7 @@ import { AuroraButton } from "@/components/effect/aurora-button"
|
|||||||
import { DeletePlanButton } from "@/components/planes/DeletePlan"
|
import { DeletePlanButton } from "@/components/planes/DeletePlan"
|
||||||
import { AddAsignaturaButton } from "@/components/planes/AddAsignaturaButton"
|
import { AddAsignaturaButton } from "@/components/planes/AddAsignaturaButton"
|
||||||
import { DescargarPdfButton } from "@/components/planes/GenerarPdfButton"
|
import { DescargarPdfButton } from "@/components/planes/GenerarPdfButton"
|
||||||
|
import { DownloadPlanPDF } from "@/components/planes/DownloadPlanPDF"
|
||||||
|
|
||||||
type LoaderData = { plan: PlanFull; asignaturas: AsignaturaLite[] }
|
type LoaderData = { plan: PlanFull; asignaturas: AsignaturaLite[] }
|
||||||
|
|
||||||
@@ -105,7 +106,8 @@ function RouteComponent() {
|
|||||||
{/* <div className='flex gap-2'> */}
|
{/* <div className='flex gap-2'> */}
|
||||||
<EditPlanButton plan={plan} />
|
<EditPlanButton plan={plan} />
|
||||||
<AdjustAIButton plan={plan} />
|
<AdjustAIButton plan={plan} />
|
||||||
<DescargarPdfButton planId={plan.id} opcion="plan" />
|
{/* <DescargarPdfButton planId={plan.id} opcion="plan" /> */}
|
||||||
|
<DownloadPlanPDF plan={plan} />
|
||||||
<DescargarPdfButton planId={plan.id} opcion="asignaturas" />
|
<DescargarPdfButton planId={plan.id} opcion="asignaturas" />
|
||||||
<DeletePlanButton planId={plan.id} />
|
<DeletePlanButton planId={plan.id} />
|
||||||
{/* </div> */}
|
{/* </div> */}
|
||||||
@@ -203,33 +205,77 @@ function StatCard({ label, value = "—", Icon = Icons.Info, accent, className =
|
|||||||
|
|
||||||
/* ===== Editar ===== */
|
/* ===== Editar ===== */
|
||||||
function EditPlanButton({ plan }: { plan: PlanFull }) {
|
function EditPlanButton({ plan }: { plan: PlanFull }) {
|
||||||
|
const auth = useSupabaseAuth()
|
||||||
const [open, setOpen] = useState(false)
|
const [open, setOpen] = useState(false)
|
||||||
const [form, setForm] = useState<Partial<PlanFull>>({})
|
const [form, setForm] = useState<Partial<PlanFull>>({})
|
||||||
const [saving, setSaving] = useState(false)
|
const [saving, setSaving] = useState(false)
|
||||||
const qc = useQueryClient()
|
const qc = useQueryClient()
|
||||||
|
|
||||||
|
// Función para comparar valores y generar diffs tipo JSON Patch
|
||||||
|
function generateDiff(oldData: PlanFull, newData: Partial<PlanFull>) {
|
||||||
|
const changes: any[] = []
|
||||||
|
for (const key of Object.keys(newData)) {
|
||||||
|
const oldValue = (oldData as any)[key]
|
||||||
|
const newValue = (newData as any)[key]
|
||||||
|
if (newValue !== undefined && newValue !== oldValue) {
|
||||||
|
changes.push({
|
||||||
|
op: "replace",
|
||||||
|
path: `/${key}`,
|
||||||
|
from: oldValue,
|
||||||
|
value: newValue
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return changes
|
||||||
|
}
|
||||||
|
|
||||||
const mutation = useMutation({
|
const mutation = useMutation({
|
||||||
mutationFn: async (payload: Partial<PlanFull>) => {
|
mutationFn: async (payload: Partial<PlanFull>) => {
|
||||||
const { error } = await supabase.from('plan_estudios').update({
|
// 1️⃣ Generar las diferencias antes del update
|
||||||
nombre: payload.nombre ?? plan.nombre,
|
const diff = generateDiff(plan, payload)
|
||||||
nivel: payload.nivel ?? plan.nivel,
|
|
||||||
duracion: payload.duracion ?? plan.duracion,
|
// 2️⃣ Guardar respaldo (solo si hay cambios)
|
||||||
total_creditos: payload.total_creditos ?? plan.total_creditos,
|
if (diff.length > 0) {
|
||||||
}).eq('id', plan.id)
|
const { error: backupError } = await supabase.from("historico_cambios").insert({
|
||||||
|
id_plan_estudios: plan.id,
|
||||||
|
json_cambios: diff, // jsonb
|
||||||
|
user_id:auth.user?.id,
|
||||||
|
created_at: new Date().toISOString()
|
||||||
|
})
|
||||||
|
if (backupError) throw backupError
|
||||||
|
}
|
||||||
|
|
||||||
|
// 3️⃣ Actualizar el plan principal
|
||||||
|
const { error } = await supabase
|
||||||
|
.from("plan_estudios")
|
||||||
|
.update({
|
||||||
|
nombre: payload.nombre ?? plan.nombre,
|
||||||
|
nivel: payload.nivel ?? plan.nivel,
|
||||||
|
duracion: payload.duracion ?? plan.duracion,
|
||||||
|
total_creditos: payload.total_creditos ?? plan.total_creditos,
|
||||||
|
})
|
||||||
|
.eq("id", plan.id)
|
||||||
|
|
||||||
if (error) throw error
|
if (error) throw error
|
||||||
},
|
},
|
||||||
|
|
||||||
onMutate: async (payload) => {
|
onMutate: async (payload) => {
|
||||||
await qc.cancelQueries({ queryKey: planKeys.byId(plan.id) })
|
await qc.cancelQueries({ queryKey: planKeys.byId(plan.id) })
|
||||||
const prev = qc.getQueryData<PlanFull>(planKeys.byId(plan.id))
|
const prev = qc.getQueryData<PlanFull>(planKeys.byId(plan.id))
|
||||||
qc.setQueryData<PlanFull>(planKeys.byId(plan.id), (old) => old ? { ...old, ...payload } as PlanFull : old as any)
|
qc.setQueryData<PlanFull>(
|
||||||
|
planKeys.byId(plan.id),
|
||||||
|
(old) => (old ? { ...old, ...payload } as PlanFull : old as any)
|
||||||
|
)
|
||||||
return { prev }
|
return { prev }
|
||||||
},
|
},
|
||||||
|
|
||||||
onError: (_e, _vars, ctx) => {
|
onError: (_e, _vars, ctx) => {
|
||||||
if (ctx?.prev) qc.setQueryData(planKeys.byId(plan.id), ctx.prev)
|
if (ctx?.prev) qc.setQueryData(planKeys.byId(plan.id), ctx.prev)
|
||||||
},
|
},
|
||||||
|
|
||||||
onSettled: async () => {
|
onSettled: async () => {
|
||||||
await qc.invalidateQueries({ queryKey: planKeys.byId(plan.id) })
|
await qc.invalidateQueries({ queryKey: planKeys.byId(plan.id) })
|
||||||
}
|
},
|
||||||
})
|
})
|
||||||
|
|
||||||
async function save() {
|
async function save() {
|
||||||
|
|||||||
@@ -138,7 +138,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.animate-aurora {
|
.animate-aurora {
|
||||||
background: radial-gradient(at 20% 30%, oklch(27.5% 0.13488 262.73), transparent 50%),
|
background: radial-gradient(at 20% 30%, oklch(27.5% 0.13488 262.73), transparent 50%),
|
||||||
radial-gradient(at 80% 70%, oklch(0.704 0.191 22.216), transparent 50%),
|
radial-gradient(at 80% 70%, oklch(0.704 0.191 22.216), transparent 50%),
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
{
|
{
|
||||||
"include": ["**/*.ts", "**/*.tsx"],
|
"include": ["**/*.ts", "**/*.tsx", "src/components/ai/AIChatModal.jsx", "src/components/ai/AIChatModal.js"],
|
||||||
"compilerOptions": {
|
"compilerOptions": {
|
||||||
"target": "ES2022",
|
"target": "ES2022",
|
||||||
"jsx": "react-jsx",
|
"jsx": "react-jsx",
|
||||||
|
|||||||
Reference in New Issue
Block a user