From 4a74016b52ac9616574ade1fca77200991cc8608 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <siumauricio@icloud.com>
Date: Tue, 9 Dec 2025 16:46:29 -0600
Subject: [PATCH] feat(dashboard): replace Chatwoot widget with HubSpot widget
 in dashboard layout

- Updated the dashboard layout to use the HubSpotWidget instead of ChatwootWidget.
- Added a new HubSpotWidget component that loads the HubSpot script asynchronously.
---
 .../components/layouts/dashboard-layout.tsx       |  6 ++++--
 apps/dokploy/components/shared/HubSpotWidget.tsx  | 14 ++++++++++++++
 apps/dokploy/styles/globals.css                   | 15 +++++++++++++++
 3 files changed, 33 insertions(+), 2 deletions(-)
 create mode 100644 apps/dokploy/components/shared/HubSpotWidget.tsx

diff --git a/apps/dokploy/components/layouts/dashboard-layout.tsx b/apps/dokploy/components/layouts/dashboard-layout.tsx
index b65e7dbb8..727649922 100644
--- a/apps/dokploy/components/layouts/dashboard-layout.tsx
+++ b/apps/dokploy/components/layouts/dashboard-layout.tsx
@@ -1,6 +1,6 @@
 import { api } from "@/utils/api";
 import { ImpersonationBar } from "../dashboard/impersonation/impersonation-bar";
-import { ChatwootWidget } from "../shared/ChatwootWidget";
+import { HubSpotWidget } from "../shared/HubSpotWidget";
 import Page from "./side";
 
 interface Props {
@@ -25,7 +25,9 @@ export const DashboardLayout = ({ children }: Props) => {
 		<>
 			<Page>{children}</Page>
 			{isCloud === true && isUserSubscribed === true && (
-				<ChatwootWidget websiteToken="USCpQRKzHvFMssf3p6Eacae5" />
+				<>
+					<HubSpotWidget />
+				</>
 			)}
 
 			{haveRootAccess === true && <ImpersonationBar />}
diff --git a/apps/dokploy/components/shared/HubSpotWidget.tsx b/apps/dokploy/components/shared/HubSpotWidget.tsx
new file mode 100644
index 000000000..ff3013459
--- /dev/null
+++ b/apps/dokploy/components/shared/HubSpotWidget.tsx
@@ -0,0 +1,14 @@
+import Script from "next/script";
+
+export const HubSpotWidget = () => {
+	return (
+		<Script
+			id="hs-script-loader"
+			type="text/javascript"
+			src="//js-eu1.hs-scripts.com/147033433.js"
+			strategy="lazyOnload"
+			async
+			defer
+		/>
+	);
+};
diff --git a/apps/dokploy/styles/globals.css b/apps/dokploy/styles/globals.css
index 59d101654..8bd768e1a 100644
--- a/apps/dokploy/styles/globals.css
+++ b/apps/dokploy/styles/globals.css
@@ -247,3 +247,18 @@
 .cm-lineWrapping {
 	@apply font-mono;
 }
+
+/* HubSpot Widget - Force light color-scheme to prevent white background */
+#hubspot-messages-iframe-container,
+#hubspot-messages-iframe-container * {
+	background-color: transparent !important;
+	color-scheme: light !important;
+}
+
+#hubspot-messages-iframe-container .hs-shadow-container {
+	display: none !important;
+}
+
+#hubspot-conversations-iframe {
+	color-scheme: light !important;
+}