Reformat code

coder · kacpersaw · Jul 23, 2025 · Jul 24, 2025 · Jul 28, 2025 · Jul 29, 2025
commit f9274fe41eabb485e9aa76ed6f3505a4e27de124
@@ -1,10 +1,15 @@
 import type { Interpolation, Theme } from "@emotion/react";
-import { useState, type FC } from "react";
-import { MONOSPACE_FONT_FAMILY } from "theme/constants";
-import { CopyButton } from "../CopyButton/CopyButton";
-import { TooltipContent, TooltipTrigger, TooltipProvider, Tooltip } from "components/Tooltip/Tooltip";
 import { Button } from "components/Button/Button";
+import {
+	Tooltip,
+	TooltipContent,
+	TooltipProvider,
+	TooltipTrigger,
+} from "components/Tooltip/Tooltip";
 import { EyeIcon, EyeOffIcon } from "lucide-react";
+import { type FC, useState } from "react";
+import { MONOSPACE_FONT_FAMILY } from "theme/constants";
+import { CopyButton } from "../CopyButton/CopyButton";
 
 interface CodeExampleProps {
 	code: string;
@@ -41,8 +46,14 @@ export const CodeExample: FC<CodeExampleProps> = ({
 			? code.replace(redactPattern, redactReplacement)
 			: code;
 
-	const showButtonLabel = showFullValue ? "Hide sensitive data" : "Show sensitive data";
-	const icon = showFullValue ? <EyeOffIcon className="h-4 w-4" /> : <EyeIcon className="h-4 w-4" />;
+	const showButtonLabel = showFullValue
+		? "Hide sensitive data"
+		: "Show sensitive data";
+	const icon = showFullValue ? (
+		<EyeOffIcon className="h-4 w-4" />
+	) : (
+		<EyeIcon className="h-4 w-4" />
+	);
 
 	return (
 		<div css={styles.container} className={className}>

@@ -1,12 +1,7 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { chromatic } from "testHelpers/chromatic";
-import {
-	MockWorkspace,
-	MockWorkspaceAgent,
-} from "testHelpers/entities";
-import {
-	withDashboardProvider,
-} from "testHelpers/storybook";
+import { MockWorkspace, MockWorkspaceAgent } from "testHelpers/entities";
+import { withDashboardProvider } from "testHelpers/storybook";
 import { AgentExternal } from "./AgentExternal";
 
 const meta: Meta<typeof AgentExternal> = {

@@ -3,7 +3,7 @@ import { API } from "api/api";
 import type { Workspace, WorkspaceAgent } from "api/typesGenerated";
 import isChromatic from "chromatic/isChromatic";
 import { CodeExample } from "components/CodeExample/CodeExample";
-import { useEffect, useState, type FC } from "react";
+import { type FC, useEffect, useState } from "react";
 
 interface AgentExternalProps {
 	isExternalAgent: boolean;
@@ -16,7 +16,9 @@ export const AgentExternal: FC<AgentExternalProps> = ({
 	agent,
 	workspace,
 }) => {
-	const [externalAgentToken, setExternalAgentToken] = useState<string | null>(null);
+	const [externalAgentToken, setExternalAgentToken] = useState<string | null>(
+		null,
+	);
 
 	const origin = isChromatic() ? "https://example.com" : window.location.origin;
 	let initScriptURL = `${origin}/api/v2/init-script`;
@@ -25,25 +27,31 @@ export const AgentExternal: FC<AgentExternalProps> = ({
 	}
 
 	useEffect(() => {
-		if (isExternalAgent && (agent.status === "timeout" || agent.status === "connecting")) {
+		if (
+			isExternalAgent &&
+			(agent.status === "timeout" || agent.status === "connecting")
+		) {
 			API.getWorkspaceAgentCredentials(workspace.id, agent.name).then((res) => {
 				setExternalAgentToken(res.agent_token);
 			});
 		}
 	}, [isExternalAgent, agent.status, workspace.id, agent.name]);
 
-	return <section css={styles.externalAgentSection}>
-		<p>
-			Please run the following command to attach an agent to the {workspace.name} workspace:
-		</p>
-		<CodeExample
-			code={`CODER_AGENT_TOKEN="${externalAgentToken}" curl -fsSL "${initScriptURL}" | sh`}
-			secret={false}
-			redactPattern={/CODER_AGENT_TOKEN="([^"]+)"/g}
-			redactReplacement={`CODER_AGENT_TOKEN="********"`}
-			redactShowButton={true}
-		/>
-	</section>;
+	return (
+		<section css={styles.externalAgentSection}>
+			<p>
+				Please run the following command to attach an agent to the{" "}
+				{workspace.name} workspace:
+			</p>
+			<CodeExample
+				code={`CODER_AGENT_TOKEN="${externalAgentToken}" curl -fsSL "${initScriptURL}" | sh`}
+				secret={false}
+				redactPattern={/CODER_AGENT_TOKEN="([^"]+)"/g}
+				redactReplacement={`CODER_AGENT_TOKEN="********"`}
+				redactShowButton={true}
+			/>
+		</section>
+	);
 };
 
 const styles = {

@@ -27,6 +27,7 @@ import AutoSizer from "react-virtualized-auto-sizer";
 import type { FixedSizeList as List, ListOnScrollProps } from "react-window";
 import { AgentApps, organizeAgentApps } from "./AgentApps/AgentApps";
 import { AgentDevcontainerCard } from "./AgentDevcontainerCard";
+import { AgentExternal } from "./AgentExternal";
 import { AgentLatency } from "./AgentLatency";
 import { AGENT_LOG_LINE_HEIGHT } from "./AgentLogs/AgentLogLine";
 import { AgentLogs } from "./AgentLogs/AgentLogs";
@@ -40,7 +41,6 @@ import { TerminalLink } from "./TerminalLink/TerminalLink";
 import { VSCodeDesktopButton } from "./VSCodeDesktopButton/VSCodeDesktopButton";
 import { useAgentContainers } from "./useAgentContainers";
 import { useAgentLogs } from "./useAgentLogs";
-import { AgentExternal } from "./AgentExternal";
 
 interface AgentRowProps {
 	agent: WorkspaceAgent;
@@ -76,7 +76,7 @@ export const AgentRow: FC<AgentRowProps> = ({
 	const { proxy } = useProxy();
 	const [showLogs, setShowLogs] = useState(
 		["starting", "start_timeout"].includes(agent.lifecycle_state) &&
-		hasStartupFeatures,
+			hasStartupFeatures,
 	);
 	const agentLogs = useAgentLogs(agent, showLogs);
 	const logListRef = useRef<List>(null);
@@ -296,10 +296,14 @@ export const AgentRow: FC<AgentRowProps> = ({
 					</section>
 				)}
 
-
-				{isExternalAgent && (agent.status === "timeout" || agent.status === "connecting") && (
-					<AgentExternal isExternalAgent={isExternalAgent} agent={agent} workspace={workspace} />
-				)}
+				{isExternalAgent &&
+					(agent.status === "timeout" || agent.status === "connecting") && (
+						<AgentExternal
+							isExternalAgent={isExternalAgent}
+							agent={agent}
+							workspace={workspace}
+						/>
+					)}
 
 				<AgentMetadata initialMetadata={initialMetadata} agent={agent} />
 			</div>