Sep 26, 2025 · Aug 28, 2025 · Aug 28, 2025 · Aug 28, 2025 · Aug 28, 2025 · Aug 28, 2025
diff --git a/site/src/components/deprecated/Popover/Popover.stories.tsx b/site/src/components/deprecated/Popover/Popover.stories.tsx
diff --git a/site/src/components/deprecated/Popover/Popover.tsx b/site/src/components/deprecated/Popover/Popover.tsx
diff --git a/site/src/modules/dashboard/Navbar/UserDropdown/UserDropdown.stories.tsx b/site/src/modules/dashboard/Navbar/UserDropdown/UserDropdown.stories.tsx

 await step("click to open", async () => {
 await userEvent.click(canvas.getByRole("button"));
 await waitFor(() =>
 expect(screen.getByText(/v2\.\d+\.\d+/i)).toBeInTheDocument(),
 await waitFor(async() =>
 expect(awaitscreen.findByText(/v2\.\d+\.\d+/i)).toBeInTheDocument(),
 );
 });
 },
diff --git a/site/src/pages/DeploymentSettingsPage/AppearanceSettingsPage/AppearanceSettingsPageView.tsx b/site/src/pages/DeploymentSettingsPage/AppearanceSettingsPage/AppearanceSettingsPageView.tsx
 PremiumBadge,
 } from "components/Badges/Badges";
 import { Button } from "components/Button/Button";
 import {
 Popover,
 PopoverContent,
 PopoverTrigger,
 } from "components/deprecated/Popover/Popover";
 import { PopoverPaywall } from "components/Paywall/PopoverPaywall";
 import {
 SettingsHeader,
 SettingsHeaderDescription,
 SettingsHeaderTitle,
 } from "components/SettingsHeader/SettingsHeader";
 import {
 Tooltip,
 TooltipContent,
 TooltipProvider,
 TooltipTrigger,
 } from "components/Tooltip/Tooltip";
 import { useFormik } from "formik";
 import type { FC } from "react";
 import { getFormHelpers } from "utils/formUtils";
 </SettingsHeader>

 <Badges>
 <Popover mode="hover">
 {isEntitled && !isPremium ? (
 <EnterpriseBadge />
 ) : (
 <PopoverTrigger>
 <span>
 <PremiumBadge />
 </span>
 </PopoverTrigger>
 )}
 <TooltipProvider>
 <Tooltip delayDuration={0}>
 {isEntitled && !isPremium ? (
 <EnterpriseBadge />
 ) : (
 <TooltipTrigger asChild>
 <span>
 <PremiumBadge />
 </span>
 </TooltipTrigger>
 )}

 <PopoverContent css={{ transform: "translateY(-28px)" }}>
 <PopoverPaywall
 message="Appearance"
 description="With a Premium license, you can customize the appearance and branding of your deployment."
 documentationLink="https://coder.com/docs/admin/appearance"
 />
 </PopoverContent>
 </Popover>
 <TooltipContent
 sideOffset={-28}
 collisionPadding={16}
 className="p-0"
 >
 <PopoverPaywall
 message="Appearance"
 description="With a Premium license, you can customize the appearance and branding of your deployment."
 documentationLink="https://coder.com/docs/admin/appearance"
 />
 </TooltipContent>
 </Tooltip>
 </TooltipProvider>
 </Badges>

 <Fieldset
Original file line number	Diff line number	Diff line change
Expand Up		@@ -30,8 +30,8 @@ const Example: Story = {

		await step("click to open", async () => {
		await userEvent.click(canvas.getByRole("button"));
		await waitFor(() =>
		expect(screen.getByText(/v2\.\d+\.\d+/i)).toBeInTheDocument(),
		await waitFor(async() =>
		expect(awaitscreen.findByText(/v2\.\d+\.\d+/i)).toBeInTheDocument(),
Comment on lines +33 to +34 Copy link ContributorAuthor aqandrewSep 25, 2025 Choose a reason for hiding this comment The reason will be displayed to describe this comment to others.Learn more. This fixes a test flake that occurred when#19709 was merged:https://www.chromatic.com/test?appId=624de63c6aacee003aa84340&id=68d4285c06f5a4e63dfb7a42 This test failed in this branch too:https://www.chromatic.com/test?appId=624de63c6aacee003aa84340&id=68d59529f0a7d3010a53e7f2 but we're good now 👍🏽
		);
		});
		},
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -7,17 +7,18 @@ import {
		PremiumBadge,
		} from "components/Badges/Badges";
		import { Button } from "components/Button/Button";
		import {
		Popover,
		PopoverContent,
		PopoverTrigger,
		} from "components/deprecated/Popover/Popover";
		import { PopoverPaywall } from "components/Paywall/PopoverPaywall";
		import {
		SettingsHeader,
		SettingsHeaderDescription,
		SettingsHeaderTitle,
		} from "components/SettingsHeader/SettingsHeader";
		import {
		Tooltip,
		TooltipContent,
		TooltipProvider,
		TooltipTrigger,
		} from "components/Tooltip/Tooltip";
		import { useFormik } from "formik";
		import type { FC } from "react";
		import { getFormHelpers } from "utils/formUtils";
Expand DownExpand Up		@@ -66,25 +67,31 @@ export const AppearanceSettingsPageView: FC<
		</SettingsHeader>

		<Badges>
		<Popover mode="hover">
		{isEntitled && !isPremium ? (
		<EnterpriseBadge />
		) : (
		<PopoverTrigger>
		<span>
		<PremiumBadge />
		</span>
		</PopoverTrigger>
		)}
		<TooltipProvider>
		<Tooltip delayDuration={0}>
		{isEntitled && !isPremium ? (
		<EnterpriseBadge />
		) : (
		<TooltipTrigger asChild>
		<span>
		<PremiumBadge />
		</span>
		</TooltipTrigger>
		)}

		<PopoverContent css={{ transform: "translateY(-28px)" }}>
		<PopoverPaywall
		message="Appearance"
		description="With a Premium license, you can customize the appearance and branding of your deployment."
		documentationLink="https://coder.com/docs/admin/appearance"
		/>
		</PopoverContent>
		</Popover>
		<TooltipContent
		sideOffset={-28}
		collisionPadding={16}
		className="p-0"
		>
		<PopoverPaywall
		message="Appearance"
		description="With a Premium license, you can customize the appearance and branding of your deployment."
		documentationLink="https://coder.com/docs/admin/appearance"
		/>
		</TooltipContent>
		</Tooltip>
		</TooltipProvider>
		</Badges>

		<Fieldset
Expand Down