From a54693905fe16899702303731929f36e55b75518 Mon Sep 17 00:00:00 2001 From: Mauricio Siu Date: Wed, 17 Jun 2026 01:54:15 -0600 Subject: [PATCH] feat: update dependencies and enhance UI components in Dokploy - Updated various package versions in pnpm-lock.yaml to improve compatibility and performance, including React and Tailwind CSS. - Modified components.json to change the styling to "radix-nova" and added new properties for icon library and menu color. - Refactored multiple components to use updated class names for better styling consistency and responsiveness. - Removed unused Radix UI components from package.json to streamline dependencies. - Adjusted layout and styling in several dashboard components for improved user experience and visual appeal. - Enhanced tooltip and form item components for better accessibility and usability. --- apps/dokploy/components.json | 35 +- .../cluster/modify-swarm-settings.tsx | 2 +- .../advanced/import/show-import.tsx | 2 +- .../advanced/redirects/handle-redirect.tsx | 2 +- .../advanced/traefik/show-traefik-config.tsx | 2 +- .../traefik/update-traefik-config.tsx | 2 +- .../advanced/volumes/add-volumes.tsx | 8 +- .../advanced/volumes/show-volumes.tsx | 2 +- .../advanced/volumes/update-volume.tsx | 2 +- .../deployments/show-deployment.tsx | 2 +- .../deployments/show-deployments.tsx | 2 +- .../dashboard/application/domains/columns.tsx | 2 +- .../application/domains/handle-domain.tsx | 16 +- .../application/domains/show-domains.tsx | 2 +- .../application/environment/show.tsx | 2 +- .../generic/save-bitbucket-provider.tsx | 6 +- .../general/generic/save-git-provider.tsx | 2 +- .../general/generic/save-gitea-provider.tsx | 6 +- .../general/generic/save-github-provider.tsx | 6 +- .../general/generic/save-gitlab-provider.tsx | 6 +- .../dashboard/application/general/show.tsx | 12 +- .../add-preview-domain.tsx | 4 +- .../show-preview-deployments.tsx | 8 +- .../show-preview-settings.tsx | 4 +- .../schedules/handle-schedules.tsx | 8 +- .../application/schedules/show-schedules.tsx | 8 +- .../volume-backups/handle-volume-backups.tsx | 6 +- .../volume-backups/restore-volume-backups.tsx | 4 +- .../compose/advanced/add-isolation.tsx | 2 +- .../dashboard/compose/general/actions.tsx | 10 +- .../compose/general/compose-file-editor.tsx | 2 +- .../save-bitbucket-provider-compose.tsx | 6 +- .../generic/save-git-provider-compose.tsx | 2 +- .../generic/save-gitea-provider-compose.tsx | 6 +- .../generic/save-github-provider-compose.tsx | 6 +- .../generic/save-gitlab-provider-compose.tsx | 6 +- .../compose/general/randomize-compose.tsx | 2 +- .../general/show-converted-compose.tsx | 6 +- .../database/backups/handle-backup.tsx | 8 +- .../database/backups/restore-backup.tsx | 8 +- .../deployments/show-deployments-table.tsx | 4 +- .../deployments/show-queue-table.tsx | 10 +- .../docker/config/show-container-config.tsx | 2 +- .../dashboard/docker/logs/analyze-logs.tsx | 2 +- .../docker/logs/line-count-filter.tsx | 4 +- .../dashboard/docker/logs/terminal-line.tsx | 23 +- .../docker/remove/remove-container.tsx | 2 +- .../file-system/show-traefik-file.tsx | 6 +- .../file-system/show-traefik-system.tsx | 2 +- .../impersonation/impersonation-bar.tsx | 4 +- .../libsql/general/show-general-libsql.tsx | 12 +- .../show-internal-libsql-credentials.tsx | 1 - .../mariadb/general/show-general-mariadb.tsx | 12 +- .../mongo/general/show-general-mongo.tsx | 12 +- .../free/container/docker-block-chart.tsx | 2 +- .../free/container/docker-cpu-chart.tsx | 2 +- .../free/container/docker-disk-chart.tsx | 2 +- .../container/docker-disk-usage-chart.tsx | 2 +- .../free/container/docker-memory-chart.tsx | 2 +- .../free/container/docker-network-chart.tsx | 2 +- .../show-free-container-monitoring.tsx | 6 +- .../paid/container/container-block-chart.tsx | 2 +- .../paid/container/container-cpu-chart.tsx | 2 +- .../paid/container/container-memory-chart.tsx | 2 +- .../container/container-network-chart.tsx | 2 +- .../monitoring/paid/servers/cpu-chart.tsx | 2 +- .../monitoring/paid/servers/memory-chart.tsx | 2 +- .../monitoring/paid/servers/network-chart.tsx | 2 +- .../paid/servers/show-paid-monitoring.tsx | 10 +- .../mysql/general/show-general-mysql.tsx | 12 +- .../general/show-general-postgres.tsx | 12 +- .../dashboard/project/add-application.tsx | 2 +- .../dashboard/project/add-compose.tsx | 2 +- .../dashboard/project/add-database.tsx | 4 +- .../dashboard/project/add-import.tsx | 4 +- .../dashboard/project/add-template.tsx | 14 +- .../dashboard/project/ai/step-three.tsx | 2 +- .../dashboard/project/ai/step-two.tsx | 2 +- .../project/ai/template-generator.tsx | 2 +- .../project/environment-variables.tsx | 2 +- .../projects/project-environment.tsx | 2 +- .../components/dashboard/projects/show.tsx | 2 +- .../redis/general/show-general-redis.tsx | 12 +- .../components/dashboard/requests/columns.tsx | 4 +- .../dashboard/requests/requests-table.tsx | 4 +- .../components/dashboard/search-command.tsx | 2 +- .../settings/billing/show-billing.tsx | 42 +- .../certificates/handle-certificate.tsx | 2 +- .../settings/cluster/nodes/show-node-data.tsx | 4 +- .../destination/handle-destinations.tsx | 4 +- .../notifications/handle-notifications.tsx | 26 +- .../dashboard/settings/profile/enable-2fa.tsx | 21 +- .../settings/profile/profile-form.tsx | 10 +- .../settings/servers/edit-script.tsx | 2 +- .../settings/servers/setup-server.tsx | 10 +- .../settings/servers/show-servers.tsx | 4 +- .../welcome-stripe/welcome-subscription.tsx | 4 +- .../settings/users/add-permissions.tsx | 22 +- .../dashboard/settings/users/show-users.tsx | 4 +- .../dashboard/settings/web-domain.tsx | 2 +- .../settings/web-server/edit-traefik-env.tsx | 4 +- .../settings/web-server/update-server-ip.tsx | 2 +- .../settings/web-server/update-server.tsx | 6 +- .../dashboard/swarm/applications/columns.tsx | 4 +- .../swarm/applications/data-table.tsx | 2 +- .../swarm/containers/node-section.tsx | 2 +- .../swarm/details/show-node-config.tsx | 4 +- apps/dokploy/components/layouts/side.tsx | 6 +- .../components/layouts/update-server.tsx | 4 +- apps/dokploy/components/layouts/user-nav.tsx | 2 +- .../proprietary/audit-logs/data-table.tsx | 2 +- .../proprietary/license-keys/license-key.tsx | 7 +- .../components/shared/advance-breadcrumb.tsx | 4 +- .../dokploy/components/shared/alert-block.tsx | 4 +- .../components/shared/breadcrumb-sidebar.tsx | 4 +- .../dokploy/components/shared/code-editor.tsx | 2 +- .../components/shared/tag-selector.tsx | 2 +- apps/dokploy/components/ui/accordion.tsx | 123 +- apps/dokploy/components/ui/alert-dialog.tsx | 312 +- apps/dokploy/components/ui/alert.tsx | 121 +- apps/dokploy/components/ui/avatar.tsx | 169 +- apps/dokploy/components/ui/badge.tsx | 35 +- apps/dokploy/components/ui/breadcrumb.tsx | 214 +- apps/dokploy/components/ui/button.tsx | 108 +- apps/dokploy/components/ui/calendar.tsx | 280 +- apps/dokploy/components/ui/card.tsx | 150 +- apps/dokploy/components/ui/chart.tsx | 640 +- apps/dokploy/components/ui/checkbox.tsx | 55 +- apps/dokploy/components/ui/collapsible.tsx | 32 +- apps/dokploy/components/ui/command.tsx | 322 +- apps/dokploy/components/ui/context-menu.tsx | 425 +- apps/dokploy/components/ui/dialog.tsx | 373 +- apps/dokploy/components/ui/dropdown-menu.tsx | 429 +- apps/dokploy/components/ui/file-tree.tsx | 8 +- apps/dokploy/components/ui/form.tsx | 11 +- apps/dokploy/components/ui/input-group.tsx | 156 + apps/dokploy/components/ui/input-otp.tsx | 158 +- apps/dokploy/components/ui/input.tsx | 201 +- apps/dokploy/components/ui/label.tsx | 40 +- apps/dokploy/components/ui/popover.tsx | 108 +- apps/dokploy/components/ui/progress.tsx | 49 +- apps/dokploy/components/ui/radio-group.tsx | 78 +- apps/dokploy/components/ui/scroll-area.tsx | 96 +- apps/dokploy/components/ui/select.tsx | 322 +- apps/dokploy/components/ui/separator.tsx | 49 +- apps/dokploy/components/ui/sheet.tsx | 257 +- apps/dokploy/components/ui/sidebar.tsx | 941 ++- apps/dokploy/components/ui/skeleton.tsx | 22 +- apps/dokploy/components/ui/sonner.tsx | 69 +- apps/dokploy/components/ui/switch.tsx | 54 +- apps/dokploy/components/ui/table.tsx | 211 +- apps/dokploy/components/ui/tabs.tsx | 130 +- apps/dokploy/components/ui/textarea.tsx | 36 +- apps/dokploy/components/ui/toggle.tsx | 80 +- apps/dokploy/components/ui/tooltip.tsx | 89 +- apps/dokploy/hooks/use-mobile.ts | 19 + apps/dokploy/package.json | 41 +- apps/dokploy/pages/_app.tsx | 29 +- apps/dokploy/pages/_error.tsx | 6 +- apps/dokploy/pages/dashboard/deployments.tsx | 4 +- apps/dokploy/pages/dashboard/monitoring.tsx | 5 +- .../services/application/[applicationId].tsx | 2 +- .../services/compose/[composeId].tsx | 2 +- .../services/libsql/[libsqlId].tsx | 2 +- .../services/mariadb/[mariadbId].tsx | 2 +- .../services/mongo/[mongoId].tsx | 2 +- .../services/mysql/[mysqlId].tsx | 2 +- .../services/postgres/[postgresId].tsx | 2 +- .../services/redis/[redisId].tsx | 2 +- apps/dokploy/pages/dashboard/settings/sso.tsx | 22 +- apps/dokploy/pages/index.tsx | 22 +- apps/dokploy/postcss.config.cjs | 3 +- apps/dokploy/styles/globals.css | 411 +- apps/dokploy/tailwind.config.ts | 124 - pnpm-lock.yaml | 5266 +++++++++++------ 175 files changed, 8076 insertions(+), 5512 deletions(-) create mode 100644 apps/dokploy/components/ui/input-group.tsx create mode 100644 apps/dokploy/hooks/use-mobile.ts delete mode 100644 apps/dokploy/tailwind.config.ts diff --git a/apps/dokploy/components.json b/apps/dokploy/components.json index 81104c1e9..02619aa9b 100644 --- a/apps/dokploy/components.json +++ b/apps/dokploy/components.json @@ -1,17 +1,22 @@ { - "$schema": "https://ui.shadcn.com/schema.json", - "style": "default", - "rsc": false, - "tsx": true, - "tailwind": { - "config": "tailwind.config.ts", - "css": "styles/globals.css", - "baseColor": "zinc", - "cssVariables": true, - "prefix": "" - }, - "aliases": { - "components": "@/components", - "utils": "@/lib/utils" - } + "$schema": "https://ui.shadcn.com/schema.json", + "style": "radix-nova", + "rsc": false, + "tsx": true, + "tailwind": { + "config": "", + "css": "styles/globals.css", + "baseColor": "neutral", + "cssVariables": true, + "prefix": "" + }, + "aliases": { + "components": "@/components", + "utils": "@/lib/utils" + }, + "iconLibrary": "lucide", + "rtl": false, + "menuColor": "default", + "menuAccent": "subtle", + "registries": {} } diff --git a/apps/dokploy/components/dashboard/application/advanced/cluster/modify-swarm-settings.tsx b/apps/dokploy/components/dashboard/application/advanced/cluster/modify-swarm-settings.tsx index 7d214716e..a2d4c4ac9 100644 --- a/apps/dokploy/components/dashboard/application/advanced/cluster/modify-swarm-settings.tsx +++ b/apps/dokploy/components/dashboard/application/advanced/cluster/modify-swarm-settings.tsx @@ -156,7 +156,7 @@ export const AddSwarmSettings = ({ id, type }: Props) => {
{/* Left Column - Menu */} -
+