Apr 17, 2025 · Apr 16, 2025 · Apr 16, 2025 · Apr 16, 2025 · Apr 16, 2025 · Apr 16, 2025
diff --git a/site/src/pages/DeploymentSettingsPage/OverviewPage/OverviewPageView.stories.tsx b/site/src/pages/DeploymentSettingsPage/OverviewPage/OverviewPageView.stories.tsx
 invalidExperiments: [],
 safeExperiments: [],
 },
 parameters: {
 chromatic: {
 diffThreshold: 0.5,
 },
 },
 };

 export default meta;
diff --git a/site/src/pages/DeploymentSettingsPage/OverviewPage/UserEngagementChart.tsx b/site/src/pages/DeploymentSettingsPage/OverviewPage/UserEngagementChart.tsx
 </defs>

 <Area
 isAnimationActive={false}
 dataKey="users"
 type="linear"
 fill="url(#fillUsers)"
diff --git a/site/src/pages/OrganizationSettingsPage/CustomRolesPage/PermissionPillsList.stories.tsx b/site/src/pages/OrganizationSettingsPage/CustomRolesPage/PermissionPillsList.stories.tsx
 const meta: Meta<typeof PermissionPillsList> = {
 title: "pages/OrganizationCustomRolesPage/PermissionPillsList",
 component: PermissionPillsList,
 decorators: [
 (Story) => (
 <div style={{ width: "800px" }}>
 <Story />
 </div>
 ),
 ],
 };

 export default meta;
diff --git a/site/src/pages/OrganizationSettingsPage/OrganizationProvisionerJobsPage/JobRow.tsx b/site/src/pages/OrganizationSettingsPage/OrganizationProvisionerJobsPage/JobRow.tsx
 <dd>{job.metadata.workspace_name ?? "null"}</dd>

 <dt>Creation time:</dt>
 <dd>{job.created_at}</dd>
 <dd data-chromatic="ignore">{job.created_at}</dd>

 <dt>Queue:</dt>
 <dd>
diff --git a/site/src/pages/OrganizationSettingsPage/OrganizationProvisionersPage/ProvisionerRow.tsx b/site/src/pages/OrganizationSettingsPage/OrganizationProvisionersPage/ProvisionerRow.tsx
 ])}
 >
 <dt>Last seen:</dt>
 <dd>{provisioner.last_seen_at}</dd>
 <dd data-chromatic="ignore">{provisioner.last_seen_at}</dd>

 <dt>Creation time:</dt>
 <dd>{provisioner.created_at}</dd>
 <dd data-chromatic="ignore">{provisioner.created_at}</dd>

 <dt>Version:</dt>
 <dd>
diff --git a/site/src/pages/TerminalPage/TerminalPage.stories.tsx b/site/src/pages/TerminalPage/TerminalPage.stories.tsx
 MockAuthMethodsAll,
 MockBuildInfo,
 MockDefaultOrganization,
 MockDeploymentConfig,
 MockEntitlements,
 MockExperiments,
 MockUser,
 data: { editWorkspaceProxies: true },
 },
 { key: ["me", "appearance"], data: MockUserAppearanceSettings },
 {
 key: ["deployment", "config"],
 data: {
 ...MockDeploymentConfig,
 config: {
 ...MockDeploymentConfig.config,
 web_terminal_renderer: "canvas",
 },
 },
 },
 ],
 chromatic: { delay: 300 },
 chromatic: {
 diffThreshold: 0.3,
 },
 },
 decorators: [
 (Story) => (
 <AuthProvider>
 <Story />
 <div style={{ width: 1170, height: 880 }}>
 <Story />
 </div>
 </AuthProvider>
 ),
 ],
diff --git a/site/src/pages/WorkspacePage/WorkspaceTopbar.stories.tsx b/site/src/pages/WorkspacePage/WorkspaceTopbar.stories.tsx
 );
 });
 },
 parameters: {
 chromatic: {
 diffThreshold: 0.3,
 },
 },
 };

 export const TemplateInfoPopoverWithoutDisplayName: Story = {
diff --git a/site/src/utils/schedule.tsx b/site/src/utils/schedule.tsx
 if (template.autostop_requirement && template.allow_user_autostop) {
 title = <HelpTooltipTitle>Autostop schedule</HelpTooltipTitle>;
 reason = (
 <>
 <span data-chromatic="ignore">
 {" "}
 because this workspace has enabled autostop. You can disable autostop
 from this workspace&apos;s{" "}
 <Link component={RouterLink} to="settings/schedule">
 schedule settings
 </Link>
 .
 </>
 </span>
 );
 }
 return {
 message: `Stop ${deadline.fromNow()}`,
 tooltip: (
 <>
 <span data-chromatic="ignore">
 {title}
 This workspace will be stopped on{" "}
 {deadline.format("MMMM D [at] h:mm A")}
 {reason}
 </>
 </span>
 ),
 danger: isShutdownSoon(workspace),
 };
Original file line number	Diff line number	Diff line change
Expand Up		@@ -39,6 +39,11 @@ const meta: Meta<typeof OverviewPageView> = {
		invalidExperiments: [],
		safeExperiments: [],
		},
		parameters: {
		chromatic: {
		diffThreshold: 0.5,
		},
		},
		};

		export default meta;
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -156,6 +156,7 @@ export const UserEngagementChart: FC<UserEngagementChartProps> = ({ data }) => {
		</defs>

		<Area
		isAnimationActive={false}
		dataKey="users"
		type="linear"
		fill="url(#fillUsers)"
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -6,6 +6,13 @@ import { PermissionPillsList } from "./PermissionPillsList";
		const meta: Meta<typeof PermissionPillsList> = {
		title: "pages/OrganizationCustomRolesPage/PermissionPillsList",
		component: PermissionPillsList,
		decorators: [
		(Story) => (
		<div style={{ width: "800px" }}>
		<Story />
		</div>
		),
		],
		};

		export default meta;
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -121,7 +121,7 @@ export const JobRow: FC<JobRowProps> = ({ job }) => {
		<dd>{job.metadata.workspace_name ?? "null"}</dd>

		<dt>Creation time:</dt>
		<dd>{job.created_at}</dd>
		<dd data-chromatic="ignore">{job.created_at}</dd>

		<dt>Queue:</dt>
		<dd>
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -111,10 +111,10 @@ export const ProvisionerRow: FC<ProvisionerRowProps> = ({
		])}
		>
		<dt>Last seen:</dt>
		<dd>{provisioner.last_seen_at}</dd>
		<dd data-chromatic="ignore">{provisioner.last_seen_at}</dd>

		<dt>Creation time:</dt>
		<dd>{provisioner.created_at}</dd>
		<dd data-chromatic="ignore">{provisioner.created_at}</dd>

		<dt>Version:</dt>
		<dd>
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -14,6 +14,7 @@ import {
		MockAuthMethodsAll,
		MockBuildInfo,
		MockDefaultOrganization,
		MockDeploymentConfig,
		MockEntitlements,
		MockExperiments,
		MockUser,
Expand DownExpand Up		@@ -78,13 +79,27 @@ const meta = {
		data: { editWorkspaceProxies: true },
		},
		{ key: ["me", "appearance"], data: MockUserAppearanceSettings },
		{
		key: ["deployment", "config"],
		data: {
		...MockDeploymentConfig,
		config: {
		...MockDeploymentConfig.config,
		web_terminal_renderer: "canvas",
		},
		},
		},
		],
		chromatic: { delay: 300 },
		chromatic: {
		diffThreshold: 0.3,
		},
		},
		decorators: [
		(Story) => (
		<AuthProvider>
		<Story />
		<div style={{ width: 1170, height: 880 }}>
		<Story />
		</div>
		</AuthProvider>
		),
		],
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -316,6 +316,11 @@ export const TemplateInfoPopover: Story = {
		);
		});
		},
		parameters: {
		chromatic: {
		diffThreshold: 0.3,
		},
		},
		};

		export const TemplateInfoPopoverWithoutDisplayName: Story = {
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -148,26 +148,26 @@ export const autostopDisplay = (
		if (template.autostop_requirement && template.allow_user_autostop) {
		title = <HelpTooltipTitle>Autostop schedule</HelpTooltipTitle>;
		reason = (
		<>
		<span data-chromatic="ignore">
		{" "}
		because this workspace has enabled autostop. You can disable autostop
		from this workspace's{" "}
		<Link component={RouterLink} to="settings/schedule">
		schedule settings
		</Link>
		.
		</>
		</span>
		);
		}
		return {
		message: `Stop ${deadline.fromNow()}`,
		tooltip: (
		<>
		<span data-chromatic="ignore">
		{title}
		This workspace will be stopped on{" "}
		{deadline.format("MMMM D [at] h:mm A")}
		{reason}
		</>
		</span>
		),
		danger: isShutdownSoon(workspace),
		};
Expand Down