Jun 17, 2025 · Jun 10, 2025 · Jun 10, 2025 · Jun 10, 2025 · Jun 10, 2025 · Jun 11, 2025
diff --git a/site/src/modules/resources/AgentDevcontainerCard.stories.tsx b/site/src/modules/resources/AgentDevcontainerCard.stories.tsx
 import type { Meta, StoryObj } from "@storybook/react";
 import type { WorkspaceAgentDevcontainer } from "api/typesGenerated";
 import {
 MockWorkspace,
 MockWorkspaceAgent,
 MockWorkspaceAgentContainer,
 MockWorkspaceAgentContainerPorts,
 } from "testHelpers/entities";
 import { AgentDevcontainerCard } from "./AgentDevcontainerCard";
 import type { WorkspaceAgentDevcontainer } from "api/typesGenerated";

 const MockWorkspaceAgentDevcontainer: WorkspaceAgentDevcontainer = {
 id: "test-devcontainer-id",
diff --git a/site/src/modules/resources/AgentDevcontainerCard.tsx b/site/src/modules/resources/AgentDevcontainerCard.tsx
 import type { Interpolation, Theme } from "@emotion/react";
 import Skeleton from "@mui/material/Skeleton";
 import type {
 Template,
 Workspace,
 WorkspaceAgent,
 WorkspaceAgentDevcontainer,
 } from "api/typesGenerated";
 import { Stack } from "components/Stack/Stack";
 import { Button } from "components/Button/Button";
 import { displayError } from "components/GlobalSnackbar/utils";
 import { Spinner } from "components/Spinner/Spinner";
 import { Stack } from "components/Stack/Stack";
 import {
 Tooltip,
 TooltipContent,
 TooltipProvider,
 TooltipTrigger,
 } from "components/Tooltip/Tooltip";
 import { ExternalLinkIcon, Container } from "lucide-react";
 import { useProxy } from "contexts/ProxyContext";
 import { Container, ExternalLinkIcon } from "lucide-react";
 import { useFeatureVisibility } from "modules/dashboard/useFeatureVisibility";
 import { AppStatuses } from "pages/WorkspacePage/AppStatuses";
 import type { FC } from "react";
 import { useEffect, useState } from "react";
 import { portForwardURL } from "utils/portForward";
 import { AgentButton } from "./AgentButton";
 import { AgentLatency } from "./AgentLatency";
 import { Apps, organizeAgentApps } from "./AgentRow";
 import { SubAgentStatus } from "./AgentStatus";
 import { PortForwardButton } from "./PortForwardButton";
 import { AgentSSHButton } from "./SSHButton/SSHButton";
 import { SubAgentOutdatedTooltip } from "./SubAgentOutdatedTooltip";
 import { TerminalLink } from "./TerminalLink/TerminalLink";
 import { VSCodeDevContainerButton } from "./VSCodeDevContainerButton/VSCodeDevContainerButton";
 import { useFeatureVisibility } from "modules/dashboard/useFeatureVisibility";
 import { useProxy } from "contexts/ProxyContext";
 import { PortForwardButton } from "./PortForwardButton";
 import { SubAgentStatus } from "./AgentStatus";
 import { AgentLatency } from "./AgentLatency";
 import Skeleton from "@mui/material/Skeleton";
 import { AppStatuses } from "pages/WorkspacePage/AppStatuses";
 import { SubAgentOutdatedTooltip } from "./SubAgentOutdatedTooltip";
 import { organizeAgentApps, Apps } from "./AgentRow";

 type AgentDevcontainerCardProps = {
 parentAgent: WorkspaceAgent;
diff --git a/site/src/modules/resources/SubAgentOutdatedTooltip.tsx b/site/src/modules/resources/SubAgentOutdatedTooltip.tsx
 HelpTooltipTrigger,
 } from "components/HelpTooltip/HelpTooltip";
 import { Stack } from "components/Stack/Stack";
 import { PopoverTrigger } from "components/deprecated/Popover/Popover";
 import { RotateCcwIcon } from "lucide-react";
 import type { FC } from "react";
 import { agentVersionStatus } from "../../utils/workspace";

 type SubAgentOutdatedTooltipProps = {
 devcontainer: WorkspaceAgentDevcontainer;
 agent,
 onUpdate,
 }) => {
 if (!devcontainer.agent || devcontainer.agent.id != agent.id) {
 if (!devcontainer.agent || devcontainer.agent.id !== agent.id) {
 return null;
 }
 if (!devcontainer.dirty) {
Original file line number	Diff line number	Diff line change
		@@ -1,12 +1,12 @@
		import type { Meta, StoryObj } from "@storybook/react";
		import type { WorkspaceAgentDevcontainer } from "api/typesGenerated";
		import {
		MockWorkspace,
		MockWorkspaceAgent,
		MockWorkspaceAgentContainer,
		MockWorkspaceAgentContainerPorts,
		} from "testHelpers/entities";
		import { AgentDevcontainerCard } from "./AgentDevcontainerCard";
		import type { WorkspaceAgentDevcontainer } from "api/typesGenerated";

		const MockWorkspaceAgentDevcontainer: WorkspaceAgentDevcontainer = {
		id: "test-devcontainer-id",
Expand Down
Original file line number	Diff line number	Diff line change
		@@ -1,37 +1,37 @@
		import type { Interpolation, Theme } from "@emotion/react";
		import Skeleton from "@mui/material/Skeleton";
		import type {
		Template,
		Workspace,
		WorkspaceAgent,
		WorkspaceAgentDevcontainer,
		} from "api/typesGenerated";
		import { Stack } from "components/Stack/Stack";
		import { Button } from "components/Button/Button";
		import { displayError } from "components/GlobalSnackbar/utils";
		import { Spinner } from "components/Spinner/Spinner";
		import { Stack } from "components/Stack/Stack";
		import {
		Tooltip,
		TooltipContent,
		TooltipProvider,
		TooltipTrigger,
		} from "components/Tooltip/Tooltip";
		import { ExternalLinkIcon, Container } from "lucide-react";
		import { useProxy } from "contexts/ProxyContext";
		import { Container, ExternalLinkIcon } from "lucide-react";
		import { useFeatureVisibility } from "modules/dashboard/useFeatureVisibility";
		import { AppStatuses } from "pages/WorkspacePage/AppStatuses";
		import type { FC } from "react";
		import { useEffect, useState } from "react";
		import { portForwardURL } from "utils/portForward";
		import { AgentButton } from "./AgentButton";
		import { AgentLatency } from "./AgentLatency";
		import { Apps, organizeAgentApps } from "./AgentRow";
		import { SubAgentStatus } from "./AgentStatus";
		import { PortForwardButton } from "./PortForwardButton";
		import { AgentSSHButton } from "./SSHButton/SSHButton";
		import { SubAgentOutdatedTooltip } from "./SubAgentOutdatedTooltip";
		import { TerminalLink } from "./TerminalLink/TerminalLink";
		import { VSCodeDevContainerButton } from "./VSCodeDevContainerButton/VSCodeDevContainerButton";
		import { useFeatureVisibility } from "modules/dashboard/useFeatureVisibility";
		import { useProxy } from "contexts/ProxyContext";
		import { PortForwardButton } from "./PortForwardButton";
		import { SubAgentStatus } from "./AgentStatus";
		import { AgentLatency } from "./AgentLatency";
		import Skeleton from "@mui/material/Skeleton";
		import { AppStatuses } from "pages/WorkspacePage/AppStatuses";
		import { SubAgentOutdatedTooltip } from "./SubAgentOutdatedTooltip";
		import { organizeAgentApps, Apps } from "./AgentRow";

		type AgentDevcontainerCardProps = {
		parentAgent: WorkspaceAgent;
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -13,10 +13,8 @@ import {
		HelpTooltipTrigger,
		} from "components/HelpTooltip/HelpTooltip";
		import { Stack } from "components/Stack/Stack";
		import { PopoverTrigger } from "components/deprecated/Popover/Popover";
		import { RotateCcwIcon } from "lucide-react";
		import type { FC } from "react";
		import { agentVersionStatus } from "../../utils/workspace";

		type SubAgentOutdatedTooltipProps = {
		devcontainer: WorkspaceAgentDevcontainer;
Expand All		@@ -29,7 +27,7 @@ export const SubAgentOutdatedTooltip: FC<SubAgentOutdatedTooltipProps> = ({
		agent,
		onUpdate,
		}) => {
		if (!devcontainer.agent \|\| devcontainer.agent.id != agent.id) {
		if (!devcontainer.agent \|\| devcontainer.agent.id !== agent.id) {
		return null;
		}
		if (!devcontainer.dirty) {
Expand Down