From 3a1b8d67743b537796f980d0cf585a9154e189bb Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
<161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Fri, 23 Jan 2026 09:37:31 +0000
Subject: [PATCH] feat: add Vercel Toolbar to production and development
This commit integrates the Vercel Toolbar into the application to enable
better collaboration and feedback. The toolbar is conditionally rendered
based on the environment (development, preview) or if a user is
authenticated in production.
- Added @vercel/toolbar dependency.
- Created VercelToolbarWrapper component in components/vercel-toolbar.tsx.
- Integrated VercelToolbarWrapper into the root layout with a Suspense boundary.
---
app/layout.tsx | 5 +++
bun.lock | 85 ++++++++++++++++++++++++++++++++++-
components/vercel-toolbar.tsx | 20 +++++++++
package.json | 1 +
4 files changed, 110 insertions(+), 1 deletion(-)
create mode 100644 components/vercel-toolbar.tsx
diff --git a/app/layout.tsx b/app/layout.tsx
index a092d4fe..cafe47ef 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -10,6 +10,8 @@ import { Sidebar } from '@/components/sidebar'
import { Analytics } from "@vercel/analytics/next"
import { SpeedInsights } from "@vercel/speed-insights/next"
import { Toaster } from '@/components/ui/sonner'
+import { Suspense } from 'react'
+import { VercelToolbarWrapper } from '@/components/vercel-toolbar'
import { MapToggleProvider } from '@/components/map-toggle-context'
import { ProfileToggleProvider } from '@/components/profile-toggle-context'
import { CalendarToggleProvider } from '@/components/calendar-toggle-context'
@@ -95,6 +97,9 @@ export default function RootLayout({
+
+
+