Aug 22, 2025 · Aug 21, 2025 · Aug 21, 2025 · Aug 21, 2025 · Aug 21, 2025
diff --git a/site/src/modules/dashboard/DeploymentBanner/DeploymentBannerView.tsx b/site/src/modules/dashboard/DeploymentBanner/DeploymentBannerView.tsx
 import type { CSSInterpolation } from "@emotion/css/dist/declarations/src/create-instance";
 import { css, type Interpolation, type Theme, useTheme } from "@emotion/react";
 import Button from "@mui/material/Button";
 import Link from "@mui/material/Link";
 import { VSCodeIcon } from "components/Icons/VSCodeIcon";
 import { Stack } from "components/Stack/Stack";
 import dayjs from "dayjs";
 import { type ClassName, useClassName } from "hooks/useClassName";
 import {
 AppWindowIcon,
 CircleAlertIcon,
 fetchStats,
 }) => {
 const theme = useTheme();
 const summaryTooltip = useClassName(classNames.summaryTooltip, []);

 const aggregatedMinutes = useMemo(() => {
 if (!stats) {
 }}
 >
 <Tooltip
 classes={{ tooltip: summaryTooltip }}
 classes={{
 tooltip:
 "ml-3 mb-1 w-[400px] p-4 text-sm text-content-primary bg-surface-secondary border border-solid border-border pointer-events-none",
 }}
 title={
 healthErrors.length > 0 ? (
 <>
 <div css={styles.value}>
 <VSCodeIcon
 css={css`
 & * {
 fill: currentColor;
 }
 `}
 & * {
 fill: currentColor;
 }
 `}
 />
 {typeof stats?.session_count.vscode === "undefined"
 ? "-"
 <div css={styles.value}>
 <JetBrainsIcon
 css={css`
 & * {
 fill: currentColor;
 }
 `}
 & * {
 fill: currentColor;
 }
 `}
 />
 {typeof stats?.session_count.jetbrains === "undefined"
 ? "-"
 css={[
 styles.value,
 css`
 margin: 0;
 padding: 0 8px;
 height: unset;
 min-height: unset;
 font-size: unset;
 color: unset;
 border: 0;
 min-width: unset;
 font-family: inherit;
 margin: 0;
 padding: 0 8px;
 height: unset;
 min-height: unset;
 font-size: unset;
 color: unset;
 border: 0;
 min-width: unset;
 font-family: inherit;

 & svg {
 margin-right: 4px;
 }
 `,
 & svg {
 margin-right: 4px;
 }
 `,
 ]}
 onClick={() => {
 if (fetchStats) {
 return warnings;
 };

 const classNames = {
 summaryTooltip: (css, theme) => css`
    ${theme.typography.body2 as CSSInterpolation}

    margin: 0 0 4px 12px;
    width: 400px;
    padding: 16px;
    color: ${theme.palette.text.primary};
    background-color: ${theme.palette.background.paper};
    border: 1px solid ${theme.palette.divider};
    pointer-events: none;
  `,
 } satisfies Record<string, ClassName>;

 const styles = {
 statusBadge: (theme) => css`
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 0 12px;
 height: 100%;
 color: ${theme.experimental.l1.text};
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 0 12px;
 height: 100%;
 color: ${theme.experimental.l1.text};

 & svg {
 width: 16px;
 height: 16px;
 }
 `,
 & svg {
 width: 16px;
 height: 16px;
 }
 `,
 unhealthy: {
 backgroundColor: colors.red[700],
 },
 group: css`
 display: flex;
 align-items: center;
 `,
 display: flex;
 align-items: center;
 `,
 category: (theme) => ({
 marginRight: 16,
 color: theme.palette.text.primary,
 color: theme.palette.text.secondary,
 }),
 value: css`
 display: flex;
 align-items: center;
 gap: 4px;
 display: flex;
 align-items: center;
 gap: 4px;

 & svg {
 width: 12px;
 height: 12px;
 }
 `,
 & svg {
 width: 12px;
 height: 12px;
 }
 `,
 separator: (theme) => ({
 color: theme.palette.text.disabled,
 }),
diff --git a/site/tsconfig.json b/site/tsconfig.json
 "jsx": "react-jsx",
 "jsxImportSource": "@emotion/react",
 "lib": ["dom", "dom.iterable", "esnext"],
 "module": "esnext",
 "moduleResolution": "node",
 "module": "preserve",
 "moduleResolution": "bundler",
 "noEmit": true,
 "outDir": "build/",
 "preserveWatchOutput": true,
 "resolveJsonModule": true,
 "skipLibCheck": true,
 "strict": true,
 "target": "es2020",
 "types": ["jest", "node", "react", "react-dom", "vite/client"],
 "baseUrl": "src/"
 },
 "include": ["**/*.ts", "**/*.tsx"],
 "exclude": ["node_modules/", "_jest"],
 "types": ["@emotion/react", "@testing-library/jest-dom", "jest", "node"]
 "exclude": ["node_modules/"]
 }
diff --git a/site/tsconfig.test.json b/site/tsconfig.test.json
Original file line number	Diff line number	Diff line change
		@@ -1,4 +1,3 @@
		import type { CSSInterpolation } from "@emotion/css/dist/declarations/src/create-instance";
		import { css, type Interpolation, type Theme, useTheme } from "@emotion/react";
		import Button from "@mui/material/Button";
		import Link from "@mui/material/Link";
Expand All		@@ -15,7 +14,6 @@ import { TerminalIcon } from "components/Icons/TerminalIcon";
		import { VSCodeIcon } from "components/Icons/VSCodeIcon";
		import { Stack } from "components/Stack/Stack";
		import dayjs from "dayjs";
		import { type ClassName, useClassName } from "hooks/useClassName";
		import {
		AppWindowIcon,
		CircleAlertIcon,
Expand DownExpand Up		@@ -53,7 +51,6 @@ export const DeploymentBannerView: FC<DeploymentBannerViewProps> = ({
		fetchStats,
		}) => {
		const theme = useTheme();
		const summaryTooltip = useClassName(classNames.summaryTooltip, []);

		const aggregatedMinutes = useMemo(() => {
		if (!stats) {
Expand DownExpand Up		@@ -128,7 +125,10 @@ export const DeploymentBannerView: FC<DeploymentBannerViewProps> = ({
		}}
		>
		<Tooltip
		classes={{ tooltip: summaryTooltip }}
		classes={{
		tooltip:
		"ml-3 mb-1 w-[400px] p-4 text-sm text-content-primary bg-surface-secondary border border-solid border-border pointer-events-none",
		}}
		title={
		healthErrors.length > 0 ? (
		<>
Expand DownExpand Up		@@ -236,10 +236,10 @@ export const DeploymentBannerView: FC<DeploymentBannerViewProps> = ({
		<div css={styles.value}>
		<VSCodeIcon
		css={css`
		& * {
		fill: currentColor;
		}
		`}
		& * {
		fill: currentColor;
		}
		`}
		/>
		{typeof stats?.session_count.vscode === "undefined"
		? "-"
Expand All		@@ -251,10 +251,10 @@ export const DeploymentBannerView: FC<DeploymentBannerViewProps> = ({
		<div css={styles.value}>
		<JetBrainsIcon
		css={css`
		& * {
		fill: currentColor;
		}
		`}
		& * {
		fill: currentColor;
		}
		`}
		/>
		{typeof stats?.session_count.jetbrains === "undefined"
		? "-"
Expand DownExpand Up		@@ -303,20 +303,20 @@ export const DeploymentBannerView: FC<DeploymentBannerViewProps> = ({
		css={[
		styles.value,
		css`
		margin: 0;
		padding: 0 8px;
		height: unset;
		min-height: unset;
		font-size: unset;
		color: unset;
		border: 0;
		min-width: unset;
		font-family: inherit;
		margin: 0;
		padding: 0 8px;
		height: unset;
		min-height: unset;
		font-size: unset;
		color: unset;
		border: 0;
		min-width: unset;
		font-family: inherit;

		& svg {
		margin-right: 4px;
		}
		`,
		& svg {
		margin-right: 4px;
		}
		`,
		]}
		onClick={() => {
		if (fetchStats) {
Expand DownExpand Up		@@ -410,41 +410,27 @@ const getHealthErrors = (health: HealthcheckReport) => {
		return warnings;
		};

		const classNames = {
		summaryTooltip: (css, theme) => css`
		${theme.typography.body2 as CSSInterpolation}

		margin: 0 0 4px 12px;
		width: 400px;
		padding: 16px;
		color: ${theme.palette.text.primary};
		background-color: ${theme.palette.background.paper};
		border: 1px solid ${theme.palette.divider};
		pointer-events: none;
		`,
		} satisfies Record<string, ClassName>;

		const styles = {
		statusBadge: (theme) => css`
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 12px;
		height: 100%;
		color: ${theme.experimental.l1.text};
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 12px;
		height: 100%;
		color: ${theme.experimental.l1.text};

		& svg {
		width: 16px;
		height: 16px;
		}
		`,
		& svg {
		width: 16px;
		height: 16px;
		}
		`,
		unhealthy: {
		backgroundColor: colors.red[700],
		},
		group: css`
		display: flex;
		align-items: center;
		`,
		display: flex;
		align-items: center;
		`,
		category: (theme) => ({
		marginRight: 16,
		color: theme.palette.text.primary,
Expand All		@@ -455,15 +441,15 @@ const styles = {
		color: theme.palette.text.secondary,
		}),
		value: css`
		display: flex;
		align-items: center;
		gap: 4px;
		display: flex;
		align-items: center;
		gap: 4px;

		& svg {
		width: 12px;
		height: 12px;
		}
		`,
		& svg {
		width: 12px;
		height: 12px;
		}
		`,
		separator: (theme) => ({
		color: theme.palette.text.disabled,
		}),
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -7,18 +7,18 @@
		"jsx": "react-jsx",
		"jsxImportSource": "@emotion/react",
		"lib": ["dom", "dom.iterable", "esnext"],
		"module": "esnext",
		"moduleResolution": "node",
		"module": "preserve",
		"moduleResolution": "bundler",
		"noEmit": true,
		"outDir": "build/",
		"preserveWatchOutput": true,
		"resolveJsonModule": true,
		"skipLibCheck": true,
		"strict": true,
		"target": "es2020",
		"types": ["jest", "node", "react", "react-dom", "vite/client"],
		"baseUrl": "src/"
		},
		"include": ["*/.ts", "*/.tsx"],
		"exclude": ["node_modules/", "_jest"],
		"types": ["@emotion/react", "@testing-library/jest-dom", "jest", "node"]
		"exclude": ["node_modules/"]
		}