[pull] main from coder:main

site/.storybook/main.ts

@@ -0,0 +1,29 @@
+export default {
+	stories: ["../src/**/*.stories.tsx"],
+
+	addons: [
+		"@chromatic-com/storybook",
+		"@storybook/addon-docs",
+		"@storybook/addon-links",
+		"@storybook/addon-themes",
+		"storybook-addon-remix-react-router",
+	],
+
+	staticDirs: ["../static"],
+
+	framework: {
+		name: "@storybook/react-vite",
+		options: {},
+	},
+
+	async viteFinal(config) {
+		// Storybook seems to strip this setting out of our Vite config. We need to
+		// put it back in order to be able to access Storybook with Coder Desktop or
+		// port sharing.
+		config.server = {
+			...config.server,
+			allowedHosts: [".coder", ".dev.coder.com"],
+		};
+		return config;
+	},
+} satisfies import("@storybook/react-vite").StorybookConfig;

site/package.json

@@ -183,8 +183,7 @@
 		"ts-proto": "1.164.0",
 		"typescript": "5.6.3",
 		"vite": "6.3.5",
-		"vite-plugin-checker": "0.9.3",
-		"vite-plugin-turbosnap": "1.0.3"
+		"vite-plugin-checker": "0.9.3"
 	},
 	"browserslist": ["chrome 110", "firefox 111", "safari 16.0"],
 	"resolutions": {

site/src/modules/dashboard/DashboardLayout.tsx

@@ -23,10 +23,10 @@ export const DashboardLayout: FC = () => {
 			{canViewDeployment && <LicenseBanner />}
 			<AnnouncementBanners />
 
-			<div className="flex flex-col h-screen">
+			<div className="flex flex-col min-h-screen">
 				<Navbar />
 
-				<div className="flex flex-col flex-1 min-h-0">
+				<div className="flex flex-col flex-1 min-h-0 pb-12">
 					<Suspense fallback={<Loader />}>
 						<Outlet />
 					</Suspense>

site/src/modules/dashboard/DeploymentBanner/DeploymentBannerView.tsx

@@ -105,6 +105,7 @@ export const DeploymentBannerView: FC<DeploymentBannerViewProps> = ({
 
 	return (
 		<div
+			className="w-full"
 			css={{
 				position: "sticky",
 				lineHeight: 1,