From 10e935d2e70db6c2ba9569ee189b159ad96fb9eb Mon Sep 17 00:00:00 2001
From: Mario Arita <marioarita502@gmail.com>
Date: Thu, 4 Jan 2024 22:43:54 -0600
Subject: [PATCH] feat(CodePlayground): :sparkles: Visualization of component
 code in real time

---
 .vscode/settings.json                        |  36 +-
 Dockerfile                                   |  39 ++
 config/default.json                          |   6 +-
 config/gt.json                               |   6 +-
 config/testing.json                          |   6 +-
 config/www.json                              |   6 +-
 jsconfig.json                                |  10 +
 package.json                                 |  17 +-
 postcss.config.js                            |   4 +-
 public/images/backgrounds.webp               | Bin 0 -> 30418 bytes
 src/components/CodeEditor/index.jsx          |  32 ++
 src/components/CodePlayground/index.jsx      |  88 ++++
 src/components/Icons/index.jsx               |  25 +
 src/components/LivePreview/index.jsx         |  41 ++
 src/components/Login/FormLogin.jsx           |  10 +-
 src/components/ResizableDiv/index.jsx        | 118 +++++
 src/components/vComponents/Sidebar/index.jsx | 468 +++++++++++++++++++
 src/components/widgets/UserOptionsMenu.jsx   |  24 +-
 src/data/menu.json                           |  72 +++
 src/hooks/useKeyPress.js                     |  29 ++
 src/hooks/useStore.ts                        |   8 +
 src/layout/ResponsiveContainer.jsx           |  17 +-
 src/pages/{_app.tsx => _app.jsx}             |  23 +-
 src/pages/{_document.tsx => _document.jsx}   |   0
 src/pages/dashboard/index.jsx                |  40 ++
 src/pages/index.jsx                          |   4 +-
 src/pages/via-ui/[...index].jsx              |   9 +
 src/pages/via-ui/tab/[...index].jsx          |  29 ++
 src/pages/via-ui/test/[...index].jsx         |  56 +++
 src/styles/component-styles/navbar.css       |  16 +-
 src/styles/component-styles/sidebar.css      |  13 +-
 src/styles/globals.css                       |  52 +++
 src/styles/page-styles/common.css            |   2 +-
 src/styles/page-styles/login.css             |   2 +-
 src/utils/globalPresets.js                   |  11 +-
 tailwind.config.ts                           |  24 +-
 tsconfig.json => tsconfigOld.json            |   0
 37 files changed, 1252 insertions(+), 91 deletions(-)
 create mode 100644 Dockerfile
 create mode 100644 jsconfig.json
 create mode 100644 public/images/backgrounds.webp
 create mode 100644 src/components/CodeEditor/index.jsx
 create mode 100644 src/components/CodePlayground/index.jsx
 create mode 100644 src/components/Icons/index.jsx
 create mode 100644 src/components/LivePreview/index.jsx
 create mode 100644 src/components/ResizableDiv/index.jsx
 create mode 100644 src/components/vComponents/Sidebar/index.jsx
 create mode 100644 src/data/menu.json
 create mode 100644 src/hooks/useKeyPress.js
 rename src/pages/{_app.tsx => _app.jsx} (64%)
 rename src/pages/{_document.tsx => _document.jsx} (100%)
 create mode 100644 src/pages/dashboard/index.jsx
 create mode 100644 src/pages/via-ui/[...index].jsx
 create mode 100644 src/pages/via-ui/tab/[...index].jsx
 create mode 100644 src/pages/via-ui/test/[...index].jsx
 rename tsconfig.json => tsconfigOld.json (100%)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index e4a1751..7a629fa 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -11,25 +11,25 @@
     "source.fixAll.eslint": "explicit"
   },
   "workbench.colorCustomizations": {
-    "activityBar.activeBackground": "#0894ba",
-    "activityBar.background": "#0894ba",
-    "activityBar.foreground": "#e7e7e7",
-    "activityBar.inactiveForeground": "#e7e7e799",
-    "activityBarBadge.background": "#99077a",
-    "activityBarBadge.foreground": "#e7e7e7",
-    "commandCenter.border": "#e7e7e799",
-    "sash.hoverBorder": "#0894ba",
-    "statusBar.background": "#066d89",
-    "statusBar.foreground": "#e7e7e7",
-    "statusBarItem.hoverBackground": "#0894ba",
-    "statusBarItem.remoteBackground": "#066d89",
-    "statusBarItem.remoteForeground": "#e7e7e7",
-    "titleBar.activeBackground": "#066d89",
-    "titleBar.activeForeground": "#e7e7e7",
-    "titleBar.inactiveBackground": "#066d8999",
-    "titleBar.inactiveForeground": "#e7e7e799"
+    "activityBar.activeBackground": "#fac8fb",
+    "activityBar.background": "#fac8fb",
+    "activityBar.foreground": "#15202b",
+    "activityBar.inactiveForeground": "#15202b99",
+    "activityBarBadge.background": "#95920b",
+    "activityBarBadge.foreground": "#15202b",
+    "commandCenter.border": "#15202b99",
+    "sash.hoverBorder": "#fac8fb",
+    "statusBar.background": "#f598f8",
+    "statusBar.foreground": "#15202b",
+    "statusBarItem.hoverBackground": "#f068f5",
+    "statusBarItem.remoteBackground": "#f598f8",
+    "statusBarItem.remoteForeground": "#15202b",
+    "titleBar.activeBackground": "#f598f8",
+    "titleBar.activeForeground": "#15202b",
+    "titleBar.inactiveBackground": "#f598f899",
+    "titleBar.inactiveForeground": "#15202b99"
   },
-  "peacock.color": "#066d89",
+  "peacock.color": "#f598f8",
   "cSpell.words": [
     "orbis",
     "Orbis"
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..088c6ff
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,39 @@
+## Build image and name it 'custom-next'
+# docker build -t custom-next .
+
+## Run container and name it 'OrbisPlayground'. Webpage is localhost:3000
+# docker run -it --rm -dp 3000:3000 --name OrbisPlayground custom-next
+
+## Connect to container
+# docker exec -it OrbisPlayground sh
+
+## Stop docker container
+# docker stop OrbisPlayground
+
+## All together
+# docker stop OrbisPlayground & docker image rm -f custom-next & docker build -t custom-next . && docker run -it --rm -dp 3000:3000 --name OrbisPlayground custom-next && docker exec -it OrbisPlayground sh
+
+# Start Dockerfile
+ARG VERSION=18.16.0-alpine3.17
+ARG DIR=OrbisPlayground
+
+FROM node:${VERSION} as builder
+# redeclare ARG because ARG not in build environment
+ARG DIR 
+WORKDIR /${DIR}
+COPY . .
+RUN apk update
+RUN apk add git
+RUN yarn
+RUN NODE_ENV=production yarn build
+
+FROM node:${VERSION} as runner
+# redeclare ARG because ARG not in build environment
+ARG DIR
+WORKDIR /${DIR}
+COPY --from=builder /${DIR}/public ./public
+COPY --from=builder /${DIR}/.next/standalone .
+COPY --from=builder /${DIR}/.next/static ./.next/static
+
+EXPOSE 3000
+ENTRYPOINT ["node", "server.js"]
diff --git a/config/default.json b/config/default.json
index df624a9..f80bc6b 100644
--- a/config/default.json
+++ b/config/default.json
@@ -1,12 +1,12 @@
 {
   "constants": {
     "plataforma": "web",
-    "publicPath": "/orbistemplate",
+    "publicPath": "/orbisPlayground",
     "urlServerImages" : "https://gt.via-asesores.com/smartoperation/orbisapi/dtsrv/dev/operation?apikey=NTAzYzZlOTItMDcwZC00Zjg4LTljODMtNzBkNGQ5YjZhZTso",
     "urlWebApi": "https://gt.via-asesores.com/smartoperation/orbisapi/api/dev/operation?apikey=NTAzYzZlOTItMDcwZC00Zjg4LTljODMtNzBkNGQ5YjZhZTso",
     "urlUploadApi": "https://gt.via-asesores.com/smartoperation/orbisapi/upload/dev/operation?apikey=NTAzYzZlOTItMDcwZC00Zjg4LTljODMtNzBkNGQ5YjZhZTso",
-    "appTitle": "OrbisTemplate",
-    "idApp": "orbistemplate",
+    "appTitle": "orbisPlayground",
+    "idApp": "orbisPlayground",
     "publicKey":"-----BEGIN PUBLIC KEY----- MIICIjANBgkqhkiG9w0BAQEFAAOCAg8AMIICCgKCAgEA205Ag8sXnqc0XsPa4NiS tZSca+3afzgkMdpotsIOphZxketyBLs4QOKYsAHGw51R68fbx5oLmDCn7a4n4ZtT u39ksIQg1lwQ3y7pqfb9BbYZKhtYigL8URUVrsQ5EuZxk9BOHHez59gizNzM+Vp0 zlnOuJVZdVdp3d+d1z+oE3ejsdXLGFEjAblo8GNQxTgxOXJk2VQ+4yQX5QN+mEYS FQpJqP9z5Y+/SVXlD3e943XjuNOFZwSG2uVkW3tuKsvGBOA38xLKydY9hb5y0WdM E0/hnOvB6gfIOovSmdTonDF3224iGQJa8RXss3SN+6NeLnhJQYGBri6U4sa0lNR/ 5vip/VCzaHliYERTztT2NgW6WUZAEW05gjN6Qid2eB7lKs/ND3BQkDHUKqouNDO1 xookeBqSg7fT/l3D6D7QzJE5Jc+bdZUDrr2MeYXehzbGg8sUBXJZbOu6GUkDSM5Y C8r/SnZhhA0ancQZZW/t4TmFNiLiGrqNS4uJf4UHKKsmXHCKDKB/bdlp60lTl6YF ocGzW6tBPdDFD7S5UTPqg//ob6mvuPFJ0E6t8Le60P+UiZIdmINe9dX9darS0VNH +eCVLj1J7iQNyXrelD5sE7xhAvQ3+jp3Q4mXWVgOZi1Uh/+/iNXDxrAtzKipYAOg zuyH0DDtO3E4JSiv4qr8o+UCAwEAAQ== -----END PUBLIC KEY-----",
     "maxMbUpload": 4,
     "defaultLocale": "es"
diff --git a/config/gt.json b/config/gt.json
index 7d5b701..ddba126 100644
--- a/config/gt.json
+++ b/config/gt.json
@@ -1,12 +1,12 @@
 {
   "constants": {
     "plataforma": "web",
-    "publicPath": "/orbistemplate",
+    "publicPath": "/orbisPlayground",
     "urlServerImages" : "https://gt.via-asesores.com/smartoperation/orbisapi/dtsrv/dev/orbis?apikey=NTAzYzZlOTItMDcwZC00Zjg4LTljODMtNzBkNGQ5YjZhZTMw",
     "urlWebApi": "https://gt.via-asesores.com/smartoperation/orbisapi/api/dev/orbis?apikey=NTAzYzZlOTItMDcwZC00Zjg4LTljODMtNzBkNGQ5YjZhZTMw",
     "urlUploadApi": "https://gt.via-asesores.com/smartoperation/orbisapi/upload/dev/orbis?apikey=NTAzYzZlOTItMDcwZC00Zjg4LTljODMtNzBkNGQ5YjZhZTMw",
-    "appTitle": "OrbisTemplate",
-    "idApp": "orbistemplate",
+    "appTitle": "orbisPlayground",
+    "idApp": "orbisPlayground",
     "publicKey":"-----BEGIN PUBLIC KEY----- MIICIjANBgkqhkiG9w0BAQEFAAOCAg8AMIICCgKCAgEA205Ag8sXnqc0XsPa4NiS tZSca+3afzgkMdpotsIOphZxketyBLs4QOKYsAHGw51R68fbx5oLmDCn7a4n4ZtT u39ksIQg1lwQ3y7pqfb9BbYZKhtYigL8URUVrsQ5EuZxk9BOHHez59gizNzM+Vp0 zlnOuJVZdVdp3d+d1z+oE3ejsdXLGFEjAblo8GNQxTgxOXJk2VQ+4yQX5QN+mEYS FQpJqP9z5Y+/SVXlD3e943XjuNOFZwSG2uVkW3tuKsvGBOA38xLKydY9hb5y0WdM E0/hnOvB6gfIOovSmdTonDF3224iGQJa8RXss3SN+6NeLnhJQYGBri6U4sa0lNR/ 5vip/VCzaHliYERTztT2NgW6WUZAEW05gjN6Qid2eB7lKs/ND3BQkDHUKqouNDO1 xookeBqSg7fT/l3D6D7QzJE5Jc+bdZUDrr2MeYXehzbGg8sUBXJZbOu6GUkDSM5Y C8r/SnZhhA0ancQZZW/t4TmFNiLiGrqNS4uJf4UHKKsmXHCKDKB/bdlp60lTl6YF ocGzW6tBPdDFD7S5UTPqg//ob6mvuPFJ0E6t8Le60P+UiZIdmINe9dX9darS0VNH +eCVLj1J7iQNyXrelD5sE7xhAvQ3+jp3Q4mXWVgOZi1Uh/+/iNXDxrAtzKipYAOg zuyH0DDtO3E4JSiv4qr8o+UCAwEAAQ== -----END PUBLIC KEY-----",
     "maxMbUpload": 4,
     "defaultLocale": "es"
diff --git a/config/testing.json b/config/testing.json
index dee3b1e..7d3ab07 100644
--- a/config/testing.json
+++ b/config/testing.json
@@ -1,12 +1,12 @@
 {
   "constants": {
     "plataforma": "web",
-    "publicPath": "/orbistemplate",
+    "publicPath": "/orbisPlayground",
     "urlServerImages" : "https://localhost:3000/smartoperation/orbisapi/dtsrv/dev/orbis?apikey=NTAzYzZlOTItMDcwZC00Zjg4LTljODMtNzBkNGQ5YjZhZTMw",
     "urlWebApi": "https://localhost:3000/smartoperation/orbisapi/api/dev/orbis?apikey=NTAzYzZlOTItMDcwZC00Zjg4LTljODMtNzBkNGQ5YjZhZTMw",
     "urlUploadApi": "https://localhost:3000/smartoperation/orbisapi/upload/dev/orbis?apikey=NTAzYzZlOTItMDcwZC00Zjg4LTljODMtNzBkNGQ5YjZhZTMw",
-    "appTitle": "OrbisTemplate",
-    "idApp": "orbistemplate",
+    "appTitle": "orbisPlayground",
+    "idApp": "orbisPlayground",
     "publicKey":"-----BEGIN PUBLIC KEY----- MIICIjANBgkqhkiG9w0BAQEFAAOCAg8AMIICCgKCAgEA205Ag8sXnqc0XsPa4NiS tZSca+3afzgkMdpotsIOphZxketyBLs4QOKYsAHGw51R68fbx5oLmDCn7a4n4ZtT u39ksIQg1lwQ3y7pqfb9BbYZKhtYigL8URUVrsQ5EuZxk9BOHHez59gizNzM+Vp0 zlnOuJVZdVdp3d+d1z+oE3ejsdXLGFEjAblo8GNQxTgxOXJk2VQ+4yQX5QN+mEYS FQpJqP9z5Y+/SVXlD3e943XjuNOFZwSG2uVkW3tuKsvGBOA38xLKydY9hb5y0WdM E0/hnOvB6gfIOovSmdTonDF3224iGQJa8RXss3SN+6NeLnhJQYGBri6U4sa0lNR/ 5vip/VCzaHliYERTztT2NgW6WUZAEW05gjN6Qid2eB7lKs/ND3BQkDHUKqouNDO1 xookeBqSg7fT/l3D6D7QzJE5Jc+bdZUDrr2MeYXehzbGg8sUBXJZbOu6GUkDSM5Y C8r/SnZhhA0ancQZZW/t4TmFNiLiGrqNS4uJf4UHKKsmXHCKDKB/bdlp60lTl6YF ocGzW6tBPdDFD7S5UTPqg//ob6mvuPFJ0E6t8Le60P+UiZIdmINe9dX9darS0VNH +eCVLj1J7iQNyXrelD5sE7xhAvQ3+jp3Q4mXWVgOZi1Uh/+/iNXDxrAtzKipYAOg zuyH0DDtO3E4JSiv4qr8o+UCAwEAAQ== -----END PUBLIC KEY-----",
     "maxMbUpload": 4,
     "defaultLocale": "es"
diff --git a/config/www.json b/config/www.json
index 2f5ef4c..a050beb 100644
--- a/config/www.json
+++ b/config/www.json
@@ -1,12 +1,12 @@
 {
   "constants": {
     "plataforma": "web",
-    "publicPath": "/orbistemplate",
+    "publicPath": "/orbisPlayground",
     "urlServerImages" : "https://www.via-asesores.com/smartoperation/orbisapi/dtsrv/prod/orbis?apikey=MDJmNTEwOWUtNWY2ZC00OGJlLThjZGQtNWM4NmEyNmZmN2U5",
     "urlWebApi": "https://www.via-asesores.com/smartoperation/orbisapi/api/prod/orbis?apikey=MDJmNTEwOWUtNWY2ZC00OGJlLThjZGQtNWM4NmEyNmZmN2U5",
     "urlUploadApi": "https://www.via-asesores.com/smartoperation/orbisapi/upload/prod/orbis?apikey=MDJmNTEwOWUtNWY2ZC00OGJlLThjZGQtNWM4NmEyNmZmN2U5",
-    "appTitle": "OrbisTemplate",
-    "idApp": "orbistemplate",
+    "appTitle": "orbisPlayground",
+    "idApp": "orbisPlayground",
     "publicKey":"-----BEGIN PUBLIC KEY----- MIICIjANBgkqhkiG9w0BAQEFAAOCAg8AMIICCgKCAgEA205Ag8sXnqc0XsPa4NiS tZSca+3afzgkMdpotsIOphZxketyBLs4QOKYsAHGw51R68fbx5oLmDCn7a4n4ZtT u39ksIQg1lwQ3y7pqfb9BbYZKhtYigL8URUVrsQ5EuZxk9BOHHez59gizNzM+Vp0 zlnOuJVZdVdp3d+d1z+oE3ejsdXLGFEjAblo8GNQxTgxOXJk2VQ+4yQX5QN+mEYS FQpJqP9z5Y+/SVXlD3e943XjuNOFZwSG2uVkW3tuKsvGBOA38xLKydY9hb5y0WdM E0/hnOvB6gfIOovSmdTonDF3224iGQJa8RXss3SN+6NeLnhJQYGBri6U4sa0lNR/ 5vip/VCzaHliYERTztT2NgW6WUZAEW05gjN6Qid2eB7lKs/ND3BQkDHUKqouNDO1 xookeBqSg7fT/l3D6D7QzJE5Jc+bdZUDrr2MeYXehzbGg8sUBXJZbOu6GUkDSM5Y C8r/SnZhhA0ancQZZW/t4TmFNiLiGrqNS4uJf4UHKKsmXHCKDKB/bdlp60lTl6YF ocGzW6tBPdDFD7S5UTPqg//ob6mvuPFJ0E6t8Le60P+UiZIdmINe9dX9darS0VNH +eCVLj1J7iQNyXrelD5sE7xhAvQ3+jp3Q4mXWVgOZi1Uh/+/iNXDxrAtzKipYAOg zuyH0DDtO3E4JSiv4qr8o+UCAwEAAQ== -----END PUBLIC KEY-----",
     "maxMbUpload": 4,
     "defaultLocale": "es"
diff --git a/jsconfig.json b/jsconfig.json
new file mode 100644
index 0000000..0405287
--- /dev/null
+++ b/jsconfig.json
@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"],
+      "vComponents/*": ["./node_modules/vComponents/dist/components/*"],
+      "via-ui/*": ["./node_modules/via-ui/dist/components/*"]
+    }
+  }
+}
diff --git a/package.json b/package.json
index 02889fd..b628df8 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
-  "name": "next-template",
+  "name": "orbis-playground",
   "version": "0.1.0",
-  "description": "My Next.js project",
+  "description": "Orbis Playground",
   "repository": {
     "type": "git",
     "url": "https://git.via-asesores.com/jmaritar/next-template"
@@ -25,7 +25,13 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@babel/standalone": "^7.23.7",
+    "@codemirror/lang-javascript": "^6.2.1",
+    "@codemirror/theme-one-dark": "^6.1.2",
+    "@codesandbox/sandpack-react": "^2.10.0",
     "@headlessui/react": "^1.7.17",
+    "@uiw/codemirror-theme-monokai": "^4.21.21",
+    "@uiw/react-codemirror": "^4.21.21",
     "config": "^3.3.9",
     "js-cookie": "^3.0.5",
     "js-md5": "^0.8.3",
@@ -36,10 +42,15 @@
     "react-dom": "^18",
     "react-dropzone-component": "^3.2.0",
     "react-icons": "^4.12.0",
+    "react-live": "^4.1.5",
+    "react-live-runner": "^1.0.5",
+    "react-runner": "^1.0.3",
     "react-simple-hook-store": "^0.0.6",
     "react-toastify": "^9.1.3",
     "rosetta": "^1.1.0",
-    "vComponents": "git+https://2bdcc0300e0ed5ac01f9dcd51368f7ac74fdb85a@git.via-asesores.com/libraries/v-components.git"
+    "v-functions": "git+https://2bdcc0300e0ed5ac01f9dcd51368f7ac74fdb85a@git.via-asesores.com/libraries/v-functions.git",
+    "vComponents": "git+https://2bdcc0300e0ed5ac01f9dcd51368f7ac74fdb85a@git.via-asesores.com/libraries/v-components.git#dev_ja",
+    "via-ui": "git+https://2bdcc0300e0ed5ac01f9dcd51368f7ac74fdb85a@git.via-asesores.com/libraries/via-ui.git#dev_ja"
   },
   "devDependencies": {
     "@types/node": "^20",
diff --git a/postcss.config.js b/postcss.config.js
index 33ad091..85f717c 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,6 +1,6 @@
 module.exports = {
   plugins: {
     tailwindcss: {},
-    autoprefixer: {},
-  },
+    autoprefixer: {}
+  }
 }
diff --git a/public/images/backgrounds.webp b/public/images/backgrounds.webp
new file mode 100644
index 0000000000000000000000000000000000000000..70f22f284188ffee13403e2cbfd66ea88ac88e79
GIT binary patch
literal 30418
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
Nt7t>F6O57I007(Y?g{_^

literal 0
HcmV?d00001

diff --git a/src/components/CodeEditor/index.jsx b/src/components/CodeEditor/index.jsx
new file mode 100644
index 0000000..041a19c
--- /dev/null
+++ b/src/components/CodeEditor/index.jsx
@@ -0,0 +1,32 @@
+import React, { useState } from 'react'
+import CodeMirror from '@uiw/react-codemirror'
+import { javascript } from '@codemirror/lang-javascript'
+import { monokai } from '@uiw/codemirror-theme-monokai'
+import { useStore } from '@/hooks/useStore'
+// import { oneDark } from '@codemirror/theme-one-dark'
+
+const CodeEditor = ({ code, onChange }) => {
+  const [currentCode, setCurrentCode] = useState(code)
+
+  const [theme] = useStore(s => s.theme, a => a.setTheme)
+
+  const onCodeChange = (value, viewUpdate) => {
+    onChange(value)
+    setCurrentCode(value)
+  }
+
+  return (
+    <>
+      <CodeMirror
+        value={currentCode}
+        extensions={[javascript({ jsx: true })]}
+        theme={theme === 'dark' ? monokai : undefined}
+        className='shadow-neon max-h-[50vh] overflow-auto rounded-lg border'
+        // readOnly={true}
+        onChange={onCodeChange}
+      />
+    </>
+  )
+}
+
+export default CodeEditor
diff --git a/src/components/CodePlayground/index.jsx b/src/components/CodePlayground/index.jsx
new file mode 100644
index 0000000..c52edb7
--- /dev/null
+++ b/src/components/CodePlayground/index.jsx
@@ -0,0 +1,88 @@
+import React, { useEffect, useState } from 'react'
+import { Icons } from '../Icons'
+import { LiveProvider, LiveError, LivePreview } from 'react-live'
+import CodeEditor from '../CodeEditor'
+import useKeyPress from '@/hooks/useKeyPress'
+import { toast } from 'react-toastify'
+import presets from '@/utils/globalPresets'
+
+const CodePlayground = ({ code, onChange, scope }) => {
+  const [view, setView] = useState('preview')
+  const [currentCode, setCurrentCode] = useState(code)
+
+  const toggleView = () => {
+    setView(view === 'preview' ? 'code' : 'preview')
+  }
+
+  useKeyPress('Tab', toggleView, true)
+
+  const copyToClipboard = () => {
+    navigator.clipboard.writeText(code).then(() => {
+      toast.success('Código copiado al portapapeles', presets.toaster)
+    }).catch(err => {
+      console.error('Algo salió mal al copiar el código: ', err)
+    })
+  }
+
+  const handleCodeChange = (editor, data, value) => {
+    setCurrentCode(editor)
+    onChange(editor)
+  }
+
+  useEffect(() => {
+    setCurrentCode(code)
+  }, [code])
+
+  return (
+    <div className='flex-row'>
+      <div className='mb-3 flex justify-end'>
+        <div className="shadow-neon shadow-neon-sky flex space-x-1 rounded-lg bg-slate-200 dark:!bg-slate-900">
+          <button
+            onClick={() => setView('preview')}
+            className={`flex items-center rounded-md px-2 py-[0.4375rem] pr-3 text-sm font-semibold ${view === 'preview' ? 'bg-white shadow dark:!bg-[#333333]' : 'bg-slate-200 dark:!bg-transparent'}`}
+          >
+            <Icons.Eye className={`h-5 w-5 flex-none ${view === 'preview' ? 'stroke-sky-500 dark:stroke-sky-300' : 'stroke-slate-600 dark:stroke-slate-400'}`}/>
+            <span className={`ml-2 ${view === 'preview' ? 'text-sky-500 dark:text-sky-300' : 'text-slate-600 dark:text-slate-400'}`}>
+                Preview
+            </span>
+          </button>
+          <button
+            onClick={() => setView('code')}
+            className={`flex items-center rounded-md px-2 py-[0.4375rem] pr-3 text-sm font-semibold ${view === 'code' ? 'bg-white shadow dark:!bg-[#333333]' : 'bg-slate-200 dark:!bg-transparent'}`}
+          >
+            <Icons.Code className={`h-5 w-5 flex-none ${view === 'code' ? 'stroke-sky-500 dark:stroke-sky-300' : 'stroke-slate-600 dark:stroke-slate-400'}`}/>
+            <span className={`ml-2 ${view === 'code' ? 'text-sky-500 dark:text-sky-300' : 'text-slate-600 dark:text-slate-400'}`}>
+                Code
+            </span>
+          </button>
+        </div>
+
+        <div className='my-1 ml-6 mr-3 h-auto w-[2px] bg-slate-900/10 dark:bg-slate-900/20' />
+
+        <button
+          onClick={copyToClipboard}
+          className="shadow-neon shadow-neon-sky group relative flex h-9 w-9 items-center justify-center rounded-md bg-white text-slate-600 hover:text-slate-900 dark:!bg-[#333333] dark:!stroke-sky-300 dark:hover:!text-sky-100"
+        >
+          <Icons.Copy className="h-5 w-5 stroke-slate-400 transition group-hover:rotate-[-4deg] group-hover:stroke-slate-600 group-active:group-hover:stroke-sky-500 dark:group-hover:stroke-sky-300" />
+        </button>
+      </div>
+
+      <div>
+        <LiveProvider code={currentCode} scope={scope} noInline={true}>
+          { view === 'preview' &&
+              <div className={`${view === 'preview' ? '' : 'hidden'}`}>
+                <LivePreview className='shadow-neon rounded-lg border p-2' />
+                <LiveError className="mt-2 rounded bg-red-500 text-white" />
+              </div>
+          }
+
+          <div className={`${view === 'code' ? '' : 'hidden'}`}>
+            <CodeEditor code={currentCode} onChange={handleCodeChange} />
+          </div>
+        </LiveProvider>
+      </div>
+    </div>
+  )
+}
+
+export default CodePlayground
diff --git a/src/components/Icons/index.jsx b/src/components/Icons/index.jsx
new file mode 100644
index 0000000..6a72b7a
--- /dev/null
+++ b/src/components/Icons/index.jsx
@@ -0,0 +1,25 @@
+import { BsSearch } from 'react-icons/bs'
+import { IoEllipsisVertical, IoFilter } from 'react-icons/io5'
+import { DocumentPlusIcon, EyeIcon, PencilSquareIcon } from '@heroicons/react/24/solid'
+import { FaChevronLeft, FaChevronRight, FaPaperclip, FaUser } from 'react-icons/fa'
+import { RiEyeLine } from 'react-icons/ri'
+import { LuEye, LuCode2, LuClipboardList } from 'react-icons/lu'
+
+export const Icons = {
+  // Common Icons
+  Search: BsSearch,
+  New: DocumentPlusIcon,
+  Edit: PencilSquareIcon,
+  View: IoFilter,
+  Pre: FaChevronLeft,
+  Next: FaChevronRight,
+  User: FaUser,
+  Details: EyeIcon,
+  Attachments: FaPaperclip,
+  Options: IoEllipsisVertical,
+
+  Eye: LuEye,
+  Code: LuCode2,
+  Copy: LuClipboardList
+
+}
diff --git a/src/components/LivePreview/index.jsx b/src/components/LivePreview/index.jsx
new file mode 100644
index 0000000..8aae735
--- /dev/null
+++ b/src/components/LivePreview/index.jsx
@@ -0,0 +1,41 @@
+import React, { useEffect, useRef } from 'react'
+import { transform } from '@babel/standalone'
+
+const LivePreview = ({ code }) => {
+  const iframeRef = useRef(null)
+
+  useEffect(() => {
+    if (!iframeRef.current) return
+
+    // Aquí, asegúrate de que 'code' contenga solo el JSX, no una declaración de componente.
+    // Por ejemplo, debería verse así: "<div>Hello from JSX!</div>;"
+    const transformedCode = transform(`<>${code}</>`, {
+      presets: ['react']
+    }).code
+
+    const iframe = iframeRef.current
+    const iframeDoc = iframe.contentDocument || iframe.contentWindow.document
+    iframeDoc.open()
+    iframeDoc.write(`
+      <!DOCTYPE html>
+      <html>
+      <head><title>Preview</title></head>
+      <body>
+        <div id="root"></div>
+        <script src="https://unpkg.com/react/umd/react.development.js"></script>
+        <script src="https://unpkg.com/react-dom/umd/react-dom.development.js"></script>
+        <script type="text/javascript">
+          ${transformedCode}
+          const root = ReactDOM.createRoot(document.getElementById('root'));
+          root.render(React.createElement(React.Fragment, null, ...React.Children.toArray(React.createElement(() => (${code}), {}))));
+        </script>
+      </body>
+      </html>
+    `)
+    iframeDoc.close()
+  }, [code])
+
+  return <iframe ref={iframeRef} style={{ width: '100%', height: '300px', border: 'none' }} />
+}
+
+export default LivePreview
diff --git a/src/components/Login/FormLogin.jsx b/src/components/Login/FormLogin.jsx
index c2e15a5..0a27eea 100644
--- a/src/components/Login/FormLogin.jsx
+++ b/src/components/Login/FormLogin.jsx
@@ -90,7 +90,7 @@ const FormLogin = ({ onLogin }) => {
               onChange={(e) => { validate(e) }}
             />
             <button
-              className={'via-append-input'}
+              className={'via-append-input shadow-neon'}
               onClick={(e) => { e.stopPropagation() }}
               disabled
             >
@@ -115,7 +115,7 @@ const FormLogin = ({ onLogin }) => {
               onChange={(e) => { validate(e) }}
             />
             <button
-              className={'via-append-input'}
+              className={'via-append-input shadow-neon'}
               onClick={(e) => { e.stopPropagation(); e.preventDefault(); setViewPassword(!viewPassword) }}
             >
               { viewPassword === false && <EyeIcon className="h-5 w-5" /> }
@@ -127,7 +127,11 @@ const FormLogin = ({ onLogin }) => {
           <button
             type="submit"
             disabled={!isInputValid}
-            className={`${'via-button'} ${(isInputValid ? 'bg-cyan-900' : 'bg-red-400')} mx-0 w-full justify-center`}
+            className={`via-button shadow-neon
+                    ${(isInputValid
+      ? '!bg-theme-app-500'
+      : '!bg-danger')}
+             mx-0 w-full justify-center`}
           >
             <KeyIcon className="h-5 w-5 pr-2" />
             { i18n.t('login.connect') }
diff --git a/src/components/ResizableDiv/index.jsx b/src/components/ResizableDiv/index.jsx
new file mode 100644
index 0000000..9046e0f
--- /dev/null
+++ b/src/components/ResizableDiv/index.jsx
@@ -0,0 +1,118 @@
+import React, { useState, useEffect, useRef } from 'react'
+
+export default function ResizableDiv ({ children, id, element = {}, disable = false, direction = 'col', min = 20, grow = false, onChange = () => {}, onResize = () => {}, className = '', style = {} }) {
+  const [isMounted, setIsMounted] = useState(false)
+  const [modelo, setModelo] = useState({ ...element })
+  // const [eventUpdate, setEventUpdate] = useState(0)
+  const [initialPosX, setInitialPosX] = useState(null)
+  const [initialSizeX, setInitialSizeX] = useState(null)
+  const [initialPosY, setInitialPosY] = useState(null)
+  const [initialSizeY, setInitialSizeY] = useState(null)
+
+  const divRef = useRef(null)
+
+  const initialX = (e) => {
+    if (divRef != null && divRef.current != null) {
+      const resizable = divRef.current // document.getElementById('Resizable');
+      setInitialPosX(e.clientX)
+      setInitialSizeX(resizable.offsetWidth)
+    }
+  }
+
+  const resizeX = (e) => {
+    // if (divRef != null && divRef.current != null) {
+    //   let resizable = divRef.current // document.getElementById('Resizable');
+    //   resizable.style.width = `${parseInt(initialSizeX) + parseInt(e.clientX - initialPosX)}px`
+    // }
+    const newWidth = parseInt(initialSizeX) + parseInt(e.clientX - initialPosX)
+    onChange('width', newWidth, modelo)
+  }
+
+  const initialY = (e) => {
+    if (divRef != null && divRef.current != null) {
+      const resizable = divRef.current // document.getElementById('Resizable');
+      setInitialPosY(e.clientY)
+      setInitialSizeY(resizable.offsetHeight)
+    }
+  }
+
+  const resizeY = (e) => {
+    // if (divRef != null && divRef.current != null) {
+    //   let resizable = divRef.current // document.getElementById('Resizable');
+    //   resizable.style.height = `${parseInt(initialSizeY) + parseInt(e.clientY - initialPosY)}px`
+    // }
+    const newHeight = parseInt(initialSizeY) + parseInt(e.clientY - initialPosY)
+    onChange('height', newHeight, modelo)
+  }
+
+  const applyResize = () => {
+    // console.log(' applyResize ')
+    if (divRef != null && divRef.current != null) {
+      const resizable = divRef.current // document.getElementById('Resizable');
+      if (!grow || grow === false) {
+        if (direction === 'col') {
+          resizable.style.height = `${modelo.height}px`
+          resizable.style.width = '100%'
+        }
+        if (direction === 'row') {
+          resizable.style.height = '100%'
+          resizable.style.width = `${modelo.width}px`
+        }
+      } else {
+        if (direction === 'col') {
+          resizable.style.height = '5rem'
+          resizable.style.width = '100%'
+        }
+        if (direction === 'row') {
+          resizable.style.height = '100%'
+          resizable.style.width = '5rem'
+        }
+      }
+    }
+    setTimeout(() => {
+      onResize()
+    }, 100)
+  }
+
+  useEffect(() => {
+    if (isMounted) {
+      applyResize()
+    }
+  }, [modelo, isMounted])
+
+  useEffect(() => {
+    if (isMounted) {
+      if (JSON.stringify({ ...element, _dz_background_image: null }) !== JSON.stringify({ ...modelo, _dz_background_image: null })) {
+        setModelo({ ...element })
+      }
+    }
+  }, [element])
+
+  useEffect(() => {
+    setIsMounted(true)
+  }, [])
+
+  return (
+    <div
+      ref={divRef}
+      id={id}
+      className={` relative flex items-center justify-center ${direction === 'col' ? 'w-full' : (grow ? ' w-4 ' : '')} ${direction === 'row' ? 'h-full' : (grow ? ' h-4 ' : '')} ${className}`}
+      style={grow ? { flexGrow: 1, ...style } : { ...style }}>
+      {children}
+      { disable !== true && direction === 'col' &&
+        <div
+          className=' drag-resize-div-x bg-sky-300 '
+          draggable='true'
+          onDragStart={initialY}
+          onDragEnd={resizeY} />
+      }
+      { disable !== true && direction === 'row' &&
+        <div
+          className=' drag-resize-div-y bg-sky-300 '
+          draggable='true'
+          onDragStart={initialX}
+          onDragEnd={resizeX} />
+      }
+    </div>
+  )
+}
diff --git a/src/components/vComponents/Sidebar/index.jsx b/src/components/vComponents/Sidebar/index.jsx
new file mode 100644
index 0000000..578c1ba
--- /dev/null
+++ b/src/components/vComponents/Sidebar/index.jsx
@@ -0,0 +1,468 @@
+import React, { useEffect, useRef, useState } from 'react'
+import { ChevronDownIcon, ArrowLeftOnRectangleIcon, MagnifyingGlassIcon, XMarkIcon, Bars3Icon } from '@heroicons/react/20/solid'
+import * as iconsFc from 'react-icons/fc'
+import * as iconsMd from 'react-icons/md'
+import * as HeroIcons from '@heroicons/react/24/solid'
+import mq from 'js-mq'
+
+import PropTypes from 'prop-types'
+
+Sidebar.propTypes = {
+  sidebarOpen: PropTypes.bool,
+  setSidebarOpen: PropTypes.func,
+  menu: PropTypes.array,
+  sidebarStyles: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
+  optionStyles: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
+  iconOptionStyles: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
+  suboptionStyles: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
+  iconSuboptionStyles: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
+  onClickLogout: PropTypes.func,
+  companyObj: PropTypes.object,
+  userObj: PropTypes.object,
+  setTitle: PropTypes.func,
+  i18n: PropTypes.object,
+  router: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
+  environment: PropTypes.object,
+  presets: PropTypes.object,
+  appTitleStyles: PropTypes.string,
+  userInfoStyles: PropTypes.string
+}
+
+// funcion que agrupa un vector de objetos por un campo y lo convierte en arbol
+const nest = (items, idMenu = null, link = 'id_menu_padre') =>
+  items
+    .filter(item => item[link] === idMenu)
+    .map(item => ({
+      ...item,
+      children:
+          nest(items, item.id_menu).length <= 0
+            ? undefined
+            : nest(items, item.id_menu)
+    }))
+
+const fontSizeClass = ' xs:text-md sm:text-md md:text-md lg:text-base xl:text-base '
+
+// From https://reactjs.org/docs/hooks-state.html
+export default function Sidebar ({ sidebarOpen, setSidebarOpen = () => {}, menu, sidebarStyles, optionStyles = fontSizeClass, iconOptionStyles, suboptionStyles = fontSizeClass, iconSuboptionStyles, onClickLogout, companyObj, userObj, setTitle, i18n = { t: () => { return 'txtNone' } }, router = [], environment = {}, presets, appTitleStyles = '', userInfoStyles = fontSizeClass, hideInputSearch = false }) {
+  const trigger = useRef(null)
+  const sidebar = useRef(null)
+  const [options, setOptions] = useState([])
+  const [isMobile, setIsMobile] = useState(false)
+  const [searchText, setSearchText] = useState('')
+
+  const getFontSize = (base) => {
+    if (base != null &&
+        (base.includes('text-xs') || base.includes('text-sm') || base.includes('text-base') || base.includes('text-md') || base.includes('text-lg') || base.includes('text-xl'))) {
+      return ''
+    }
+    return fontSizeClass
+  }
+
+  // close on click outside
+  useEffect(() => {
+    const clickHandler = ({ target }) => {
+      if (!sidebar.current || !trigger.current) return
+      if (!sidebarOpen || sidebar.current.contains(target) || trigger.current.contains(target)) return
+      setSidebarOpen(false)
+    }
+    document.addEventListener('click', clickHandler)
+    return () => document.removeEventListener('click', clickHandler)
+  })
+
+  // close if the esc key is pressed
+  useEffect(() => {
+    const keyHandler = ({ keyCode }) => {
+      if (!sidebarOpen || keyCode !== 27) return
+      setSidebarOpen(false)
+    }
+    document.addEventListener('keydown', keyHandler)
+    return () => document.removeEventListener('keydown', keyHandler)
+  })
+
+  useEffect(() => {
+    const menus = nest(menu)
+    // console.log('menu', menus)
+    setOptions(menus)
+  }, [menu])
+
+  useEffect(() => {
+    registrarBreckpoint()
+  }, [])
+
+  /* eslint-disable */
+  const registrarBreckpoint = () => {
+    if (typeof document !== undefined) {
+      try {
+        mq.register([
+      /* eslint-enable */
+          { name: 'mobile', query: '(max-width: 767px)' },
+          { name: 'desktop', query: '(min-width: 768px)' }
+        ])
+        mq.on('mobile', (e) => {
+          setIsMobile(true)
+        })
+        mq.on('desktop', (e) => {
+          setIsMobile(false)
+        })
+        const arrayEstadoMq = mq.getState()
+        if (arrayEstadoMq.length && (arrayEstadoMq[0] === 'not-mobile' || arrayEstadoMq[0] === 'desktop')) {
+          setIsMobile(false)
+        } else {
+          setIsMobile(true)
+        }
+      } catch (e) {
+        console.error(`Error al registrar mq breackpoints - ${e.message}`)
+      }
+    }
+  }
+
+  const getSidebarClass = () => {
+    let resultCss = ''
+    if (isMobile === true) {
+      resultCss = `flex flex-col z-60 top-1/3 h-4/6 overflow-y-auto w-full  shrink-0 p-4 rounded-md duration-[400ms] ease-in-out
+        ${sidebarOpen ? 'translate-y-0 fixed' : '  transform translate-y-[100vh] fixed'} `
+    } else {
+      resultCss = `flex flex-col z-40 left-0 top-0 h-screen overflow-y-auto w-64  shrink-0 p-4 transition-all duration-200 ease-in-out
+        ${sidebarOpen ? 'translate-x-0 relative' : '-translate-x-64 absolute'} `
+    }
+    return resultCss
+  }
+
+  const setSelected = (option) => {
+    const menus = options.slice()
+    const idx = menus.indexOf(option)
+    option.isSelected = option.isSelected ? !option.isSelected : true
+    menus.splice(idx, 1, option)
+    setOptions(menus)
+    if (option.path && option.path !== null) {
+      setTitle(option.title)
+      setSidebarOpen(false)
+      router.push(`${option.path}/${environment.getTime()}`)
+    }
+  }
+
+  const setSelectedSubOption = (option, suboption) => {
+    const menus = options.slice()
+    const idxOption = menus.indexOf(option)
+    const idxSubOption = option.children.indexOf(suboption)
+    suboption.isSelected = suboption.isSelected ? !suboption.isSelected : true
+    option.children.splice(idxSubOption, 1, suboption)
+    setTitle(suboption.title)
+    menus.splice(idxOption, 1, option)
+    setOptions(menus)
+    setSidebarOpen(false)
+    router.push(`${suboption.path}/${environment.getTime()}`)
+  }
+
+  /* eslint-disable */
+  const SubMenuOption = ({ option }) => {
+   
+    if (option.children && option.children.length > 0 && option.isSelected === true) {
+      return (
+        <ul id='dropdown-example' className='ml-1 py-1 space-y-1'>
+          {option.children.map((suboption) => {
+            if (suboption.type === 'divisor') {
+              return (<li key={suboption.id_menu}><hr /></li>)
+            }
+            //Iconos subMenu
+            const getIcono = (item) => {
+              try {
+                const IconComponent = HeroIcons[item.icon]
+                if (IconComponent != null) {
+                  return IconComponent
+                }
+                const IconComponentMd = iconsMd[item.icon]
+                if (IconComponentMd != null) {
+                  return IconComponentMd
+                }
+                const IconComponentFC = iconsFc[item.icon]
+                if (IconComponentFC != null) {
+                  return IconComponentFC
+                }
+                return null
+              } catch (e) {
+                return null
+              }
+            }
+            let Icono = null
+            if (suboption.icon) {
+              Icono = getIcono(suboption)
+            }
+            return (
+              <li key={suboption.id_menu} onClick={() => setSelectedSubOption(option, suboption)} title={suboption.title} className='cursor-pointer'>
+                <div
+                  className={`flex items-center p-2 pl-3 w-full truncate overflow-hidden rounded-lg transition duration-75 group cursor-pointer ${Array.isArray(suboptionStyles) ? suboptionStyles.join(' ') : suboptionStyles} ${getFontSize(suboptionStyles)}`}
+                  title={suboption.title}
+                >
+                
+                    {Icono && <Icono className={`h-7 w-7 text-white fill-current ${Array.isArray(iconSuboptionStyles) ? iconSuboptionStyles.join(' ') : iconSuboptionStyles}`} />}
+
+                  <div className='inline-flex truncate text-ellipsis'>
+                    {/* {suboption.title} */}
+                    {suboption.i18n ? i18n.t(suboption.i18n) : suboption.title}
+          
+                  </div>
+                  {suboption.badge && (
+                    <span className='ml-1 inline-flex items-center justify-center rounded-full bg-red-600 px-2 py-1 text-xs font-bold leading-none text-red-100'>{suboption.badge}</span>
+                  )}
+                </div>
+              </li>
+            )
+          })}
+        </ul>
+      )
+    }
+    return null
+  }
+  /* eslint-enable */
+
+  const MenuOption = ({ option }) => {
+    // Iconos Menu
+    const getIcono = (item) => {
+      try {
+        const IconComponent = HeroIcons[item.icon]
+        if (IconComponent != null) {
+          return IconComponent
+        }
+        const IconComponentMd = iconsMd[item.icon]
+        if (IconComponentMd != null) {
+          return IconComponentMd
+        }
+        const IconComponentFC = iconsFc[item.icon]
+        if (IconComponentFC != null) {
+          return IconComponentFC
+        }
+        return null
+      } catch (e) {
+        return null
+      }
+    }
+    let Icono = null
+    if (option.icon) {
+      Icono = getIcono(option)
+    }
+    if (option.type === 'titulo') {
+      return (
+        <>
+          <button
+            type='button'
+            className={`group flex w-full items-center rounded-lg p-2 transition duration-75 ${Array.isArray(optionStyles) ? optionStyles.join(' ') : optionStyles} ${getFontSize(optionStyles)}`}
+            aria-controls='dropdown-example' data-collapse-toggle='dropdown-example'
+            title={option.title}
+          >
+            <div className='ml-3 flex-1 truncate whitespace-nowrap text-left'>
+              {/* {option.title} */}
+              {option.i18n ? i18n.t(option.i18n) : option.title}
+            </div>
+            {option.badge && (
+              <span className='ml-1 inline-flex items-center justify-center rounded-full bg-red-600 px-2 py-1 text-xs font-bold leading-none text-red-100'>{option.badge}</span>
+            ) }
+            {Icono && <Icono className={`h-7 w-7 fill-current text-white ${Array.isArray(iconOptionStyles) ? iconOptionStyles.join(' ') : iconOptionStyles}`} />}
+          </button>
+        </>
+      )
+    }
+    return (
+      <>
+        <button
+          type='button'
+          className={`group flex w-full items-center rounded-lg p-2 transition duration-75 ${Array.isArray(optionStyles) ? optionStyles.join(' ') : optionStyles}  ${getFontSize(optionStyles)}`}
+          aria-controls='dropdown-example' data-collapse-toggle='dropdown-example'
+          title={option.title}
+          onClick={() => setSelected(option)}
+        >
+
+          {Icono && <Icono className={`h-7 w-7 fill-current text-white ${Array.isArray(iconOptionStyles) ? iconOptionStyles.join(' ') : iconOptionStyles}`} />}
+
+          <div className='ml-3 flex-1 truncate whitespace-nowrap text-left'>
+            {/* {option.title} */}
+            {option.i18n ? i18n.t(option.i18n) : option.title}
+          </div>
+          {option.badge && (
+            <span className='ml-1 inline-flex items-center justify-center rounded-full bg-red-600 px-2 py-1 text-xs font-bold leading-none text-red-100'>{option.badge}</span>
+          ) }
+          {option.children && option.children.length > 0 && <ChevronDownIcon className='h-6 w-6' />}
+        </button>
+        <SubMenuOption option={option} />
+      </>
+    )
+  }
+  MenuOption.propTypes = {
+    option: PropTypes.object
+  }
+
+  const getFilteredOptions = (options, searchText, originalMenu) => {
+    const searchLower = searchText.toLowerCase()
+
+    const cloneWithIsSelected = (items, selectedItems) => {
+      return items.map(item => {
+        const selectedItem = selectedItems.find(si => si.id_menu === item.id_menu)
+        const isSelected = selectedItem ? selectedItem.isSelected : false
+        const children = item.children ? cloneWithIsSelected(item.children, selectedItems) : []
+        return { ...item, isSelected, children }
+      })
+    }
+
+    const searchAndMergeItems = (items, isChildMatch = false) => {
+      return items.reduce((acc, item) => {
+        const matchSelf = item.title.toLowerCase().includes(searchLower)
+        const children = item.children ? searchAndMergeItems(item.children, matchSelf || isChildMatch) : []
+        const newItem = { ...item, children }
+
+        if (matchSelf || children.length > 0 || isChildMatch) {
+          const existingIndex = acc.findIndex(e => e.id_menu === item.id_menu)
+          if (existingIndex > -1) {
+            acc[existingIndex] = { ...acc[existingIndex], isSelected: newItem.isSelected || acc[existingIndex].isSelected }
+          } else {
+            acc.push(newItem)
+          }
+        }
+
+        return acc
+      }, [])
+    }
+
+    if (searchText) {
+      return searchAndMergeItems(options)
+    } else {
+      const selectedItems = options.filter(item => item.isSelected)
+      return cloneWithIsSelected(originalMenu, selectedItems)
+    }
+  }
+
+  const originalMenu = nest(menu)
+
+  const filteredOptions = getFilteredOptions(options, searchText, originalMenu)
+
+  return (
+    <>
+      {/* Sidebar backdrop (mobile only) bg-slate-900  */}
+      <div
+        className={`fixed inset-0 bg-opacity-30 z-40 md:hidden md:z-auto transition-opacity duration-200 
+        ${sidebarOpen ? 'opacity-100' : 'pointer-events-none opacity-0'} ${Array.isArray(sidebarStyles) ? sidebarStyles.join(' ') : sidebarStyles}`}
+        aria-hidden='true'
+        onClick={() => { setSidebarOpen(!sidebarOpen) }}
+      />
+      {/* Sidebar */}
+      {/* lg:translate-x-0 lg:w-20 lg:static lg:left-auto lg:top-auto lg:overflow-y-auto lg:sidebar-expanded:!w-64 2xl:!w-64  */}
+      <div
+        id='sidebar'
+        ref={sidebar}
+        className={` ${getSidebarClass()} ${Array.isArray(sidebarStyles) ? sidebarStyles.join(' ') : sidebarStyles}`}
+      >
+        {/* Expand / collapse button */}
+        <div className='fixed right-6 top-4 justify-end pt-0 md:hidden '>
+          <div className='px-3 py-2'>
+            <button onClick={() => setSidebarOpen(!sidebarOpen)}>
+              <div className='sr-only'>Expand / collapse sidebar</div>
+              <XMarkIcon className={`text-${presets.theme}-600 h-6 w-6 rounded-md bg-white/50`} />
+            </button>
+          </div>
+        </div>
+
+        {/* Sidebar header */}
+        <div className='mb-10 flex justify-between pr-3 sm:px-2'>
+          {/* Close button */}
+          {/* <button
+            ref={trigger}
+            className={`absolute cursor-pointer -right-3 top-9 w-7 border-dark-purple z-50
+              border-2 rounded-full  ${!sidebarOpen && 'rotate-180'}`}
+            onClick={() => setSidebarOpen(!sidebarOpen)}
+            aria-controls='sidebar'
+            aria-expanded={sidebarOpen}
+          >
+            <div className='sr-only'>Close sidebar</div>
+            {sidebarOpen
+              ? <ArrowLeftIcon className='w-6 h-6 fill-current text-white' />
+              : <ArrowRightIcon className='w-6 h-6 fill-current text-white' />
+            }
+          </button> */}
+          {/* Logo */}
+          <div className='flex items-center gap-x-2' title='Versión 3.0.10'>
+            <img
+              src={presets.images.icon}
+              className={`h-12 w-12 cursor-pointer duration-500 ${
+                sidebarOpen && 'rotate-[360deg]'
+              }`}
+              alt={presets.appTitle}
+              width={100}
+              height={100}
+            />
+            <h1 className={`origin-left text-xl font-medium text-white duration-200 ${!sidebarOpen && 'scale-0'} ${appTitleStyles} `}>
+              {presets.appTitle}
+            </h1>
+          </div>
+        </div>
+        {/* user Info */}
+        <div className={` flex w-full flex-col space-y-0  border-b-2 border-gray-300 text-gray-50 ${userInfoStyles} ${getFontSize(userInfoStyles)}`}>
+          <div className='px-2 font-medium '> {userObj ? userObj.compania : ''} </div>
+          <div className='px-2'>{userObj ? userObj.nombre_usuario : ''}</div>
+          <div className='break-all px-2 '>{userObj ? userObj.email : ''}</div>
+        </div>
+
+        {/* Links */}
+        <div className={`my-0 overflow-y-auto rounded px-2 py-4 ${Array.isArray(sidebarStyles) ? sidebarStyles.join(' ') : sidebarStyles}`}>
+
+          {/* Search */}
+          { hideInputSearch !== true &&
+            <div className='relative -mt-2 mb-1 flex h-9 justify-between'>
+              <input
+                id='searchText'
+                name='searchText'
+                value={searchText}
+                type='search'
+                className='via-input-search-sidebar focus:!outline-none focus:!ring-0'
+                onInput={(e) => { setSearchText(e.target.value) }}
+                onChange={(e) => { setSearchText(e.target.value) }}
+              />
+              <button
+                className='via-button-search-sidebar'
+                onClick={(e) => { e.stopPropagation() }}
+                disabled
+              >
+                <MagnifyingGlassIcon className='h-5 w-5' />
+              </button>
+            </div>
+          }
+
+          <ul className='space-y-2'>
+            {filteredOptions.map((option) => {
+              /* eslint-disable */
+              return (
+                <li key={option.id_menu + '_li'}>
+                  {option.type === 'divisor' && <hr key={option.id_menu} />}
+                  {option.type !== 'divisor' && <MenuOption option={option} key={option.id_menu} />}
+                </li>
+              )
+              /* eslint-enable */
+            })}
+            <hr />
+            <li>
+              <button
+                type='button'
+                className={`group flex w-full items-center rounded-lg p-2 transition duration-75 ${Array.isArray(optionStyles) ? optionStyles.join(' ') : optionStyles} ${getFontSize(optionStyles)}`}
+                aria-controls='dropdown-example' data-collapse-toggle='dropdown-example'
+                onClick={() => onClickLogout()}
+              >
+                <ArrowLeftOnRectangleIcon className='h-6 w-6 pr-2' />
+                <div className='ml-3 flex-1 whitespace-nowrap text-left'>{i18n.t('common.logout')}</div>
+              </button>
+            </li>
+          </ul>
+        </div>
+      </div>
+      { isMobile === true &&
+        <div className="fixed bottom-3 right-3 z-60" v-if="isMobile" >
+          <button
+            id="vtDrawerButton"
+            className={`bg-${presets.theme}-600  hover:bg-${presets.theme}-700 focus:shadow-outline-purple flex items-center justify-between rounded-lg border border-transparent p-2 font-normal leading-5  text-white transition-colors duration-150 focus:outline-none  active:bg-purple-600`}
+            aria-label="Like"
+            onClick={() => { setSidebarOpen(!sidebarOpen) }}
+          >
+            <Bars3Icon className='h-6 w-6' />
+          </button>
+        </div>
+      }
+    </>
+  )
+}
diff --git a/src/components/widgets/UserOptionsMenu.jsx b/src/components/widgets/UserOptionsMenu.jsx
index 42cfd7f..b1c9151 100644
--- a/src/components/widgets/UserOptionsMenu.jsx
+++ b/src/components/widgets/UserOptionsMenu.jsx
@@ -6,17 +6,17 @@ import { TbColorPicker, TbLanguage } from 'react-icons/tb'
 const UserOptionsMenu = ({ setPreferences, theme, i18n }) => {
   return (
     <>
-      <div className="flex items-center justify-center text-gray-900">
+      <div className="flex items-center justify-center text-gray-900 dark:text-white">
         <TbColorPicker className="mr-2 h-5 w-5" aria-hidden="true" />
         Tema
       </div>
-      <div className="mb-4 grid grid-cols-2 gap-2 p-1">
+      <div className="mb-2 grid grid-cols-2 gap-2 p-1">
         <Menu.Item>
           <button
             className={`${
               theme === 'light'
-                ? 'bg-slate-700 text-white dark:bg-slate-800'
-                : 'bg-gray-200 text-gray-900 transition-colors duration-[350ms] ease-in-out hover:bg-gray-300'
+                ? 'bg-theme-app-500 text-white dark:bg-theme-app-500'
+                : 'bg-theme-app-50 text-gray-900 transition-colors duration-[350ms] ease-in-out hover:bg-theme-app-100'
             } group flex w-full items-center rounded-md p-2 text-sm`}
             onClick={async () => {
               setPreferences('light')
@@ -30,8 +30,8 @@ const UserOptionsMenu = ({ setPreferences, theme, i18n }) => {
           <button
             className={`${
               theme === 'dark'
-                ? 'bg-slate-700 text-white dark:bg-slate-800'
-                : 'bg-gray-200 text-gray-900 transition-colors duration-[350ms] ease-in-out hover:bg-gray-300'
+                ? 'bg-theme-app-500 text-white dark:bg-theme-app-500'
+                : 'bg-theme-app-50 text-gray-900 transition-colors duration-[350ms] ease-in-out hover:bg-theme-app-100'
             } group flex w-full items-center rounded-md p-2 text-sm`}
             onClick={() => {
               setPreferences('dark')
@@ -43,18 +43,18 @@ const UserOptionsMenu = ({ setPreferences, theme, i18n }) => {
         </Menu.Item>
       </div>
 
-      <div className="flex items-center justify-center text-gray-900">
+      <div className="flex items-center justify-center text-gray-900 dark:text-white">
         <TbLanguage className="mr-2 h-5 w-5" aria-hidden="true" />
         Idioma
       </div>
 
-      <div className="grid grid-cols-2 gap-2 p-1">
+      <div className="mb-2 grid grid-cols-2 gap-2 p-1">
         <Menu.Item>
           <button
             className={`${
               i18n.activeLocale === 'es'
-                ? 'bg-slate-700 text-white dark:bg-slate-800'
-                : 'bg-gray-200 text-gray-900 transition-colors duration-[350ms] ease-in-out hover:bg-gray-300'
+                ? 'bg-theme-app-500 text-white dark:bg-theme-app-500'
+                : 'bg-theme-app-50 text-gray-900 transition-colors duration-[350ms] ease-in-out hover:bg-theme-app-100'
             } group flex w-full items-center rounded-md p-2 text-sm`}
             onClick={async () => {
               setPreferences('es')
@@ -82,8 +82,8 @@ const UserOptionsMenu = ({ setPreferences, theme, i18n }) => {
           <button
             className={`${
               i18n.activeLocale === 'en'
-                ? 'bg-slate-700 text-white dark:bg-slate-800'
-                : 'bg-gray-200 text-gray-900 transition-colors duration-[350ms] ease-in-out hover:bg-gray-300'
+                ? 'bg-theme-app-500 text-white dark:bg-theme-app-500'
+                : 'bg-theme-app-50 text-gray-900 transition-colors duration-[350ms] ease-in-out hover:bg-theme-app-100'
             } group flex w-full items-center rounded-md p-2 text-sm`}
             onClick={() => {
               setPreferences('en')
diff --git a/src/data/menu.json b/src/data/menu.json
new file mode 100644
index 0000000..45774c8
--- /dev/null
+++ b/src/data/menu.json
@@ -0,0 +1,72 @@
+[
+  {
+      "id_menu": "v-components",
+      "title": "v-components",
+      "descripcion": null,
+      "icon": "FcDeployment",
+      "path": null,
+      "orden": 1,
+      "id_menu_padre": null,
+      "badge": null
+  },
+  {
+      "id_menu": "data-table",
+      "title": "DataTable",
+      "descripcion": null,
+      "icon": "FcDataSheet",
+      "path": "/seguridad/compania",
+      "orden": 1.1,
+      "id_menu_padre": "v-components",
+      "badge": null
+  },
+  {
+      "id_menu": "data-form",
+      "title": "DataFrom",
+      "descripcion": null,
+      "icon": "FcKindle",
+      "path": "/seguridad/departamento",
+      "orden": 1.2,
+      "id_menu_padre": "v-components",
+      "badge": null
+  },
+  {
+      "id_menu": "via-ui",
+      "title": "via-ui",
+      "descripcion": null,
+      "icon": "FcCloseUpMode",
+      "path": "",
+      "orden": 2,
+      "id_menu_padre": null,
+      "badge": "New"
+  },
+  {
+    "id_menu": "tooltip",
+    "title": "Tooltip",
+    "descripcion": null,
+    "icon": "FcMms",
+    "path": "/via-ui/tooltip",
+    "orden": 2.1,
+    "id_menu_padre": "via-ui",
+    "badge": null
+  },
+  {
+    "id_menu": "tab",
+    "title": "Tab",
+    "descripcion": null,
+    "icon": "FcTemplate",
+    "path": "/via-ui/tab",
+    "orden": 2.1,
+    "id_menu_padre": "via-ui",
+    "badge": null
+  },
+  {
+    "id_menu": "test",
+    "title": "Test",
+    "descripcion": null,
+    "icon": "FcIdea",
+    "path": "/via-ui/test",
+    "orden": 2.1,
+    "id_menu_padre": "via-ui",
+    "badge": null
+  }
+]
\ No newline at end of file
diff --git a/src/hooks/useKeyPress.js b/src/hooks/useKeyPress.js
new file mode 100644
index 0000000..76f9d68
--- /dev/null
+++ b/src/hooks/useKeyPress.js
@@ -0,0 +1,29 @@
+import { useEffect } from 'react'
+
+const useKeyPress = (targetKeys, onKeyPress, preventDefault = false) => {
+  useEffect(() => {
+    const handleKeyPress = (event) => {
+      const keys = Array.isArray(targetKeys) ? targetKeys : [targetKeys]
+
+      if (keys.every(key => {
+        if (key === 'Meta' || key === 'Control' || key === 'Alt' || key === 'Shift') {
+          return event.getModifierState(key)
+        } else {
+          return event.key === key
+        }
+      })) {
+        if (preventDefault) {
+          event.preventDefault()
+        }
+        onKeyPress()
+      }
+    }
+
+    window.addEventListener('keydown', handleKeyPress)
+    return () => {
+      window.removeEventListener('keydown', handleKeyPress)
+    }
+  }, [targetKeys, onKeyPress, preventDefault])
+}
+
+export default useKeyPress
diff --git a/src/hooks/useStore.ts b/src/hooks/useStore.ts
index fc39c64..369b81c 100644
--- a/src/hooks/useStore.ts
+++ b/src/hooks/useStore.ts
@@ -2,12 +2,14 @@ import { createStore } from 'react-simple-hook-store'
 
 interface IState {
   title: string;
+  theme: string;
   usuarioPermisos: object | null;
   valueEasyMDE: string;
 }
 
 interface IActions {
   setTitle: (newState: string) => void;
+  setTheme: (newState: string) => void;
   setUsuarioPermisos: (newState: object | null) => void;
   setValueForEasyMDE: (newState: string) => void;
 }
@@ -15,6 +17,7 @@ interface IActions {
 export const { useStore, store } = createStore<IState, IActions>(
   {
     title: '',
+    theme: 'light',
     usuarioPermisos: null,
     valueEasyMDE: ''
   },
@@ -24,6 +27,11 @@ export const { useStore, store } = createStore<IState, IActions>(
         title: newState
       })
     },
+    setTheme: (store, newState) => {
+      store.setState({
+        theme: newState
+      })
+    },
     setUsuarioPermisos: (store, newState) => {
       store.setState({
         usuarioPermisos: newState
diff --git a/src/layout/ResponsiveContainer.jsx b/src/layout/ResponsiveContainer.jsx
index a847843..3f847c3 100644
--- a/src/layout/ResponsiveContainer.jsx
+++ b/src/layout/ResponsiveContainer.jsx
@@ -12,10 +12,12 @@ import SessionTimeout from '@/components/SessionTimeout'
 import UserOptionsMenu from '@/components/widgets/UserOptionsMenu'
 import { toast } from 'react-toastify'
 
+import menuData from '@/data/menu.json'
+
 export const LayoutContext = createContext()
 
 const Footer = dynamic(() => { return import('vComponents/Footer') }, { ssr: false })
-const Sidebar = dynamic(() => { return import('vComponents/Sidebar') }, { ssr: false })
+const Sidebar = dynamic(() => { return import('@/components/vComponents/Sidebar') }, { ssr: false })
 const Navbar = dynamic(() => { return import('vComponents/Navbar') }, { ssr: false })
 
 const ResponsiveContainer = ({ children }) => {
@@ -26,13 +28,14 @@ const ResponsiveContainer = ({ children }) => {
 
   const [sidebarOpen, setSidebarOpen] = useState(true)
   const [menu, setMenu] = useState([])
-  const [title, setTitle] = useStore(s => s.title, a => a.setTitle)
   const [userObj, setUserObj] = useState()
   const [token, setToken] = useState('')
-  const [theme, setTheme] = useState('light')
   const [constanteObj, setConstanteObj] = useState('')
   const [appVersion, setAppVersion] = useState('1.0.0')
 
+  const [title, setTitle] = useStore(s => s.title, a => a.setTitle)
+  const [theme, setTheme] = useStore(s => s.theme, a => a.setTheme)
+
   const doLogout = async () => {
     const redirectPath = await environment.logout()
     await i18n.locale('es')
@@ -107,7 +110,8 @@ const ResponsiveContainer = ({ children }) => {
     loading.start()
     setMenu([])
     if (token && token !== null) {
-      const options = await execute('SPR_MENU_S', [token, 'BO', null])
+      // const options = await execute('SPR_MENU_S', [token, 'BO', null])
+      const options = menuData
       setMenu(options)
     }
     loading.stop()
@@ -232,6 +236,7 @@ const ResponsiveContainer = ({ children }) => {
               userMenuButtonStyles="via-user-menu-btn-navbar"
               userOptionStyles="via-user-options-navbar"
               userOptionSelectedStyles="via-user-options-selected-navbar"
+              menuStyles="via-menu-navbar"
               onClickLogout={() => doLogout()}
               onClickProfile={() => router.push(`${presets.locations.profile}/${environment.getTime()}`)}
               MenuOptions={() => <UserOptionsMenu setPreferences={setPreferences} theme={theme} i18n={i18n} />}
@@ -243,7 +248,7 @@ const ResponsiveContainer = ({ children }) => {
           }
 
           <main>
-            <div className={userObj && userObj.nombre_usuario ? 'responsive-container' : 'hidden'}>
+            <div className={userObj && userObj.nombre_usuario ? 'responsive-container' : ''}>
               {children}
             </div>
           </main>
@@ -252,7 +257,7 @@ const ResponsiveContainer = ({ children }) => {
             <SessionTimeout i18n={i18n} user={userObj} onTimeout={() => onTimeout()} onCancelTimeout={() => onCancelTimeout()} />
           }
         </div>
-        <Footer version={appVersion} label={i18n.t('common.version') || 'version'} />
+        <Footer footerStyle='via-footer' version={appVersion} label={i18n.t('common.version') || 'version'} />
       </div>
     </LayoutContext.Provider>
   )
diff --git a/src/pages/_app.tsx b/src/pages/_app.jsx
similarity index 64%
rename from src/pages/_app.tsx
rename to src/pages/_app.jsx
index 7213261..36c9e2f 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.jsx
@@ -1,27 +1,34 @@
 import { RouteProvider } from '@/hooks/useRoute'
+import { useStore } from '@/hooks/useStore'
 import ResponsiveContainer from '@/layout/ResponsiveContainer'
 import LoadingProvider from '@/plugins/LoadingContext'
 import I18nProvider from '@/plugins/i18nContext'
-import '@/styles/globals.css'
-import type { AppProps } from 'next/app'
 import Head from 'next/head'
-import 'vComponents/styles/generated/output.css'
-import 'vComponents/styles/generated/bgColors.min.css'
-
 import { ToastContainer } from 'react-toastify'
 
-export default function App ({ Component, pageProps }: AppProps) {
+import '@/styles/globals.css'
+import 'vComponents/styles/generated/bgColors.min.css'
+import 'vComponents/styles/generated/output.css'
+
+export default function App ({ Component, pageProps }) {
+  const [theme] = useStore(s => s.theme, a => a.setTheme)
+
   return (
     <>
       <Head>
         <link rel="icon" href="https://wiki.via-asesores.com/logo-orbis_min.png" type="image/x-icon" />
-        <title>Orbis Template</title>
+        <title>Orbis Playground</title>
       </Head>
 
       <I18nProvider locale={'es'} dict={''}>
         <LoadingProvider>
-          <ToastContainer />
           <ResponsiveContainer>
+            <ToastContainer
+              theme={theme === 'dark' ? 'dark' : 'light'}
+              toastClassName={theme === 'dark'
+                ? 'bg-black shadow-neon text-white rounded-lg'
+                : 'bg-white text-black drop-shadow-lg rounded-lg shadow-lg'}
+            />
             <RouteProvider>
               <Component {...pageProps} />
             </RouteProvider>
diff --git a/src/pages/_document.tsx b/src/pages/_document.jsx
similarity index 100%
rename from src/pages/_document.tsx
rename to src/pages/_document.jsx
diff --git a/src/pages/dashboard/index.jsx b/src/pages/dashboard/index.jsx
new file mode 100644
index 0000000..828ee7b
--- /dev/null
+++ b/src/pages/dashboard/index.jsx
@@ -0,0 +1,40 @@
+import presets from '@/utils/globalPresets'
+import React from 'react'
+import { toast } from 'react-toastify'
+
+const DashboardPage = () => {
+  return (
+    <>
+      <div className="grid grid-cols-4 gap-4 text-white">
+        <div className='bg-theme-app-50' >01</div>
+        <div className='bg-theme-app-100' >02</div>
+        <div className='bg-theme-app-200' >03</div>
+        <div className='bg-theme-app-300' >04</div>
+        <div className='bg-theme-app-400' >05</div>
+        <div className="col-span-3 grid grid-cols-subgrid gap-4 bg-theme-app-500">
+          <div className="col-start-2">06</div>
+        </div>
+        <div className='bg-theme-app-600' >07</div>
+        <div className='bg-theme-app-700' >08</div>
+        <div className='bg-theme-app-800' >09</div>
+        <div className='bg-theme-app-900' >10</div>
+        <div className='bg-theme-app-950' >11</div>
+
+      </div>
+
+      <button
+        className="via-button shadow-neon bg-theme-app-500 backdrop:bg-gray-50"
+        onClick={() => toast.success('Hola mundo', presets.toaster)}
+      >
+        Mostrar toast
+      </button>
+
+      <button className="shadow-neon shadow-neon-sky h-8 w-44 rounded-full bg-red-600 text-center text-purple-200" >
+        Button Neon
+      </button>
+    </>
+
+  )
+}
+
+export default DashboardPage
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index d810856..55b97a8 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -56,12 +56,12 @@ const LoginPage = () => {
             max_mb_upload: process.env.maxMbUpload
           }
           await environment.login(user.token, user, constante)
-          toast.success(`Bienvenido ${user.nombre_usuario}`, presets.toaster)
+          await global.setTheme(user.theme)
           await global.setUserObj(user)
           await global.setConstanteObj(constante)
           await global.setToken(resultado[0].token)
-          await global.setTheme(user.theme)
           await i18n.locale(user.i18n)
+          toast.success(`Bienvenido ${user.nombre_usuario}`, presets.toaster)
           router.push(homePath)
         }
       } catch (error) {
diff --git a/src/pages/via-ui/[...index].jsx b/src/pages/via-ui/[...index].jsx
new file mode 100644
index 0000000..802012c
--- /dev/null
+++ b/src/pages/via-ui/[...index].jsx
@@ -0,0 +1,9 @@
+import React from 'react'
+
+const viaUIPage = () => {
+  return (
+    <div>viaUIPage</div>
+  )
+}
+
+export default viaUIPage
diff --git a/src/pages/via-ui/tab/[...index].jsx b/src/pages/via-ui/tab/[...index].jsx
new file mode 100644
index 0000000..d465f67
--- /dev/null
+++ b/src/pages/via-ui/tab/[...index].jsx
@@ -0,0 +1,29 @@
+import React from 'react'
+import { Tabs, TabsContent, TabsList, TabsTrigger } from 'via-ui/tab'
+
+const TabPage = () => {
+  const [tab, setTab] = React.useState('data')
+
+  return (
+    <Tabs activeValue={tab}>
+      <TabsList>
+        <TabsTrigger value="data" onClick={() => setTab('data')}>
+          Datos del Evento
+        </TabsTrigger>
+        <TabsTrigger value="docs" onClick={() => setTab('docs')}>
+          Documentos del Evento
+        </TabsTrigger>
+      </TabsList>
+
+      <TabsContent value="data">
+        tabs data
+      </TabsContent>
+
+      <TabsContent value="docs">
+        tabs docs
+      </TabsContent>
+    </Tabs>
+  )
+}
+
+export default TabPage
diff --git a/src/pages/via-ui/test/[...index].jsx b/src/pages/via-ui/test/[...index].jsx
new file mode 100644
index 0000000..72c1a13
--- /dev/null
+++ b/src/pages/via-ui/test/[...index].jsx
@@ -0,0 +1,56 @@
+import CodePlayground from '@/components/CodePlayground'
+import React, { useState } from 'react'
+
+import { Tabs, TabsContent, TabsList, TabsTrigger } from 'via-ui/tab'
+
+const initialCode =
+`// import { Tabs, TabsContent, TabsList, TabsTrigger } from 'via-ui/tab'
+
+  const TabsExample = () => {
+    const [tab, setTab] = React.useState('data');
+    return (
+      <>
+        <Tabs activeValue={tab} onChange={setTab}>
+          <TabsList>
+            <TabsTrigger value="data">Datos del Evento</TabsTrigger>
+            <TabsTrigger value="docs">Documentos del Evento</TabsTrigger>
+          </TabsList>
+
+          <TabsContent value="data">
+            tabs data
+          </TabsContent>
+
+          <TabsContent value="docs">
+            tabs docs
+          </TabsContent>
+        </Tabs>
+      </>
+    );
+  };
+
+  render(<TabsExample />);
+`
+
+const ExampleComponentPage = () => {
+  const [code, setCode] = useState(initialCode)
+
+  // El objeto scope debería incluir todos los componentes y funciones que el código JSX necesita
+  const scope = {
+    React,
+    useState,
+    Tabs,
+    TabsContent,
+    TabsList,
+    TabsTrigger
+  }
+
+  return (
+    <>
+      <div className='rounded-lg bg-white p-4 shadow-lg dark:!bg-[#222222]'>
+        <CodePlayground code={code} onChange={(newCode) => { setCode(newCode) }} scope={scope} />
+      </div>
+    </>
+  )
+}
+
+export default ExampleComponentPage
diff --git a/src/styles/component-styles/navbar.css b/src/styles/component-styles/navbar.css
index d08ba88..e582def 100644
--- a/src/styles/component-styles/navbar.css
+++ b/src/styles/component-styles/navbar.css
@@ -1,9 +1,9 @@
 .via-navbar {
-  @apply bg-white dark:bg-[#222222] border-slate-200 text-theme-app-500 dark:text-theme-app-50 font-semibold !important;
+  @apply bg-white dark:bg-[#222222] border-slate-200 text-theme-app-500 dark:text-theme-app-50 font-semibold transition-colors duration-[350ms] ease-in-out !important;
 }
 
 .via-menu-btn-navbar {
-  @apply text-slate-600 hover:text-slate-900 !important;
+  @apply text-slate-600 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-200 transition-colors duration-[350ms] ease-in-out shadow-neon rounded-md !important;
 }
 
 .via-user-menu-btn-navbar {
@@ -11,9 +11,17 @@
 }
 
 .via-user-options-navbar {
-  @apply text-gray-900 bg-transparent transition-colors duration-[350ms] ease-in-out !important;
+  @apply bg-transparent border border-transparent dark:border-theme-app-400 text-gray-900 dark:text-white transition-colors duration-[350ms] ease-in-out !important;
 }
 
 .via-user-options-selected-navbar {
-  @apply bg-slate-700 dark:bg-slate-800 text-white transition-colors duration-[350ms] ease-in-out !important;
+  @apply bg-theme-app-50 border border-transparent dark:bg-theme-app-500 transition-colors duration-[350ms] ease-in-out !important;
 }
+
+.via-menu-navbar {
+  @apply bg-white dark:bg-[#222222] border-slate-200 text-black dark:text-white transition-colors duration-[350ms] ease-in-out !important;
+}
+
+.via-footer {
+  @apply bg-white dark:bg-[#222222] border-slate-200 text-black dark:text-white transition-colors duration-[350ms] ease-in-out text-xs !h-8 !important;
+}
\ No newline at end of file
diff --git a/src/styles/component-styles/sidebar.css b/src/styles/component-styles/sidebar.css
index d987574..1e20768 100644
--- a/src/styles/component-styles/sidebar.css
+++ b/src/styles/component-styles/sidebar.css
@@ -3,11 +3,11 @@
 }
 
 .via-options-sidebar {
-  @apply text-theme-app-50 bg-transparent transition-colors duration-150 font-semibold hover:bg-theme-app-50 hover:text-gray-800 dark:text-theme-app-50 dark:hover:bg-theme-app-700 first-letter:uppercase !important;
+  @apply text-theme-app-50 bg-transparent transition-colors duration-150 font-semibold hover:bg-theme-app-50 hover:text-gray-800 dark:text-theme-app-50 dark:hover:bg-theme-app-200 first-letter:uppercase !important;
 }
 
 .via-sub-options-sidebar {
-  @apply text-white hover:bg-theme-app-100 transition-colors duration-150 font-semibold gap-x-1 hover:text-gray-800 dark:text-theme-app-50 dark:hover:bg-theme-app-800 !important;
+  @apply text-white hover:bg-theme-app-100 transition-colors duration-150 font-semibold gap-x-1 hover:text-gray-800 dark:text-theme-app-50 dark:hover:bg-theme-app-300 !important;
 }
 
 .via-drawer-count {
@@ -28,4 +28,13 @@
 
 .via-icons-sub-sidebar {
   @apply !text-theme-app-950 bg-cyan-50 rounded-md h-6 w-6 p-[1px] drop-shadow-md !important;
+}
+
+.via-input-search-sidebar {
+  @apply w-full rounded-l-lg shadow-lg !border-l-2 !border-y-2 border-r-0 border-[#7b1fa2] focus:border-blue-500 !important;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
+}
+
+.via-button-search-sidebar {
+  @apply bg-theme-app-500 hover:bg-theme-app-600 text-white flex justify-center items-center p-2 rounded-r-lg cursor-pointer shadow-neon dark:!border-l-0 !important;
 }
\ No newline at end of file
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 4e145bb..0eb0451 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -26,6 +26,58 @@
     @apply bg-theme-app-700 border-theme-app-700 dark:bg-theme-app-900 dark:border-theme-app-900;
     transition: 0s;
   }
+
+  @keyframes pulse-neon {
+    0%, 100% {
+      box-shadow: 
+        0 0 4px var(--tw-shadow-color), 
+        0 0 8px var(--tw-shadow-color);
+    }
+    25% {
+      box-shadow: 
+        0 0 8px var(--tw-shadow-color), 
+        0 0 10px var(--tw-shadow-color);
+    }
+    50% {
+      box-shadow: 
+        0 0 6px var(--tw-shadow-color), 
+        0 0 12px var(--tw-shadow-color);
+    }
+    75% {
+      box-shadow: 
+        0 0 8px var(--tw-shadow-color), 
+        0 0 14px var(--tw-shadow-color);
+    }
+  }  
+}
+
+@layer components {
+  .shadow-neon {
+    @apply shadow-lg;
+    border: 2px solid var(--tw-border-color);
+    --tw-shadow-color: rgba(0, 0, 0, 0.25);
+    --tw-border-color: transparent;
+    box-shadow: 0 2px 15px var(--tw-shadow-color);
+  }
+
+  .dark .shadow-neon {
+    --tw-shadow-color: #9c27b0;
+    --tw-border-color: #7b1fa2;
+    box-shadow: 0 2px 15px var(--tw-shadow-color);
+  }
+  .dark .shadow-neon:hover {
+    animation: pulse-neon 2s infinite ease-in-out;
+  }
+
+  .dark .shadow-neon.shadow-neon-purple {
+    --tw-shadow-color: #9c27b0;
+    --tw-border-color: #7b1fa2;
+  }
+
+  .dark .shadow-neon.shadow-neon-sky {
+    --tw-shadow-color: #00c4e2;
+    --tw-border-color: #00a2ba;
+  }
 }
 
 /* Additional Styles */
diff --git a/src/styles/page-styles/common.css b/src/styles/page-styles/common.css
index 10e7807..911bda5 100644
--- a/src/styles/page-styles/common.css
+++ b/src/styles/page-styles/common.css
@@ -110,7 +110,7 @@
 }
 
 .responsive-container {
-  @apply w-full h-auto min-h-[calc(100vh-60px)] mx-auto bg-[#ECEFF8] dark:bg-[#0f0f0f] items-center pb-10 p-2;
+  @apply w-full h-auto min-h-[calc(100vh-60px)] mx-auto bg-[#ECEFF8] dark:bg-[#0f0f0f] items-center pb-10 p-2 transition-colors duration-[350ms] ease-in-out text-[#0F0F0F] dark:text-[#F1F1F1] !important;
 }
 
 .via-title {
diff --git a/src/styles/page-styles/login.css b/src/styles/page-styles/login.css
index 540c897..93621f6 100644
--- a/src/styles/page-styles/login.css
+++ b/src/styles/page-styles/login.css
@@ -11,7 +11,7 @@
 }
 
 .via-login-logo {
-  @apply w-64 h-64 bg-center bg-auto bg-no-repeat object-cover;
+  @apply w-64 h-64 bg-center bg-auto bg-no-repeat object-contain !important;
 }
 
 .via-login-background {
diff --git a/src/utils/globalPresets.js b/src/utils/globalPresets.js
index 621538d..8c97306 100644
--- a/src/utils/globalPresets.js
+++ b/src/utils/globalPresets.js
@@ -1,14 +1,14 @@
 const theme = 'blue'
 
 const presets = {
-  appTitle: 'Orbis Template',
+  appTitle: 'Orbis Playground',
   theme: `${theme}`,
   svgIconUrl: 'https://www.via-asesores.com/svgicons/smartoperation/',
   images: {
-    loginFondo: 'https://www.via-asesores.com/backgrounds/smartoperation/SmartOperation_background.png',
+    loginFondo: `${process.env.publicPath}/images/backgrounds.webp`,
     welcomeFondo: 'https://www.via-asesores.com/backgrounds/smartoperation/SmartOperation_background.png',
-    icon: 'https://www.via-asesores.com/logos/logo_icons/smarterp_icon.svg',
-    logo: 'https://www.via-asesores.com/logos/smartOperations.png',
+    icon: 'https://www.via-asesores.com/logos/logo_icons/smartdeveloper_icon.svg',
+    logo: 'https://www.via-asesores.com/logos/logo_vertical/smartdeveloper_vertical_logo.svg',
     imageLoader: 'https://www.via-asesores.com/logos/logo_via.png',
     noImageFound: 'https://www.via-asesores.com/smartsalesnprofit/images/LogoViasaClaroTransparente_600x.png',
     onError: 'https://www.via-asesores.com/smartsalesnprofit/images/LogoViasaClaroTransparente_600x.png',
@@ -25,8 +25,7 @@ const presets = {
     hideProgressBar: false,
     closeOnClick: true,
     pauseOnHover: true,
-    draggable: true,
-    theme: 'light'
+    draggable: true
   },
   pristine: {
     // class of the parent element where the error/success class is added
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 62ef95b..1d30e23 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -54,6 +54,8 @@ const config: Config = {
         md: '0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.02)',
         lg: '0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.01)',
         xl: '0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.01)'
+        // neon: '0 0 3px #7f11e0, 0 0 6px #7f11e0, 0 0 9px #7f11e0',
+        // 'neon-hover': '0 0 6px #7f11e0, 0 0 12px #7f11e0, 0 0 18px #7f11e0'
       },
       outline: {
         blue: '2px solid rgba(0, 112, 244, 0.5)'
@@ -64,17 +66,17 @@ const config: Config = {
           disabled: '#cbd5e1'
         },
         'theme-app': {
-          50: '#DDE3EB',
-          100: '#B0C4D6',
-          200: '#83A5C1',
-          300: '#5686AC',
-          400: '#296897',
-          500: '#1E507B',
-          600: '#1B4870',
-          700: '#183F64',
-          800: '#153758',
-          900: '#112F4D',
-          950: '#0E2741'
+          50: '#e1ddeb',
+          100: '#bab0d6',
+          200: '#9383c1',
+          300: '#6c56ac',
+          400: '#462997',
+          500: '#361e7b',
+          600: '#311b70',
+          700: '#2c1864',
+          800: '#261558',
+          900: '#21114d',
+          950: '#1b0e41'
         },
         warning: '#3B82F6',
         'warning-dark': '#1E40AF',
diff --git a/tsconfig.json b/tsconfigOld.json
similarity index 100%
rename from tsconfig.json
rename to tsconfigOld.json