Jul 18, 2025 · Jul 18, 2025 · Jul 18, 2025 · Jul 18, 2025 · Jul 18, 2025
diff --git a/coderd/aitasks.go b/coderd/aitasks.go
 Prompts: promptsByBuildID,
 })
 }

 // This endpoint is experimental and not guaranteed to be stable, so we're not
 // generating public-facing documentation for it.
 func (api *API) aiTasksStats(rw http.ResponseWriter, r *http.Request) {
 ctx := r.Context()
 _ = api // Suppress unused receiver warning

 stats := codersdk.AITasksStatsResponse{
 ActiveTasks:                 3,
 CompletedTasks:              15,
 FailedTasks:                 2,
 TotalWorkspacesWithTasks:    8,
 }

 httpapi.Write(ctx, rw, http.StatusOK, stats)
 }
diff --git a/coderd/coderd.go b/coderd/coderd.go
 r.Use(apiKeyMiddleware)
 r.Route("/aitasks", func(r chi.Router) {
 r.Get("/prompts", api.aiTasksPrompts)
 r.Get("/stats", api.aiTasksStats)
 })
 r.Route("/mcp", func(r chi.Router) {
 r.Use(
diff --git a/codersdk/aitasks.go b/codersdk/aitasks.go
 Prompts map[string]string `json:"prompts"`
 }

 type AITasksStatsResponse struct {
 ActiveTasks int `json:"active_tasks"`
 CompletedTasks int `json:"completed_tasks"`
 FailedTasks int `json:"failed_tasks"`
 TotalWorkspacesWithTasks int `json:"total_workspaces_with_tasks"`
 }

 // AITaskPrompts returns prompts for multiple workspace builds by their IDs.
 func (c *ExperimentalClient) AITaskPrompts(ctx context.Context, buildIDs []uuid.UUID) (AITasksPromptsResponse, error) {
 if len(buildIDs) == 0 {
diff --git a/site/src/api/api.ts b/site/src/api/api.ts
 markAllInboxNotificationsAsRead = async () => {
 await this.axios.put<void>("/api/v2/notifications/inbox/mark-all-as-read");
 };

 getAITasksStats = async (): Promise<TypesGen.AITasksStatsResponse> => {
 const response = await this.axios.get<TypesGen.AITasksStatsResponse>(
 "/api/experimental/aitasks/stats",
 );
 return response.data;
 };
 }

 // Experimental API methods call endpoints under the /api/experimental/ prefix.
 }

 class Api extends ApiMethods implements ClientApi {
 experimental: ExperimentalApiMethods;

 constructor() {
 const scopedAxiosInstance = getConfiguredAxiosInstance();
 super(scopedAxiosInstance);
 this.experimental = new ExperimentalApiMethods(scopedAxiosInstance);
 }

 // As with ApiMethods, all public methods should be defined with arrow
diff --git a/site/src/api/queries/aitasks.ts b/site/src/api/queries/aitasks.ts
 import type { UseQueryOptions } from "react-query";
 import { API } from "../api";
 import type * as TypesGen from "../typesGenerated";

 export const aiTasksStats =
 (): UseQueryOptions<TypesGen.AITasksStatsResponse> => ({
 queryKey: ["aitasks", "stats"],
 queryFn: API.getAITasksStats,
 });
diff --git a/site/src/api/typesGenerated.ts b/site/src/api/typesGenerated.ts
diff --git a/site/src/modules/dashboard/DeploymentBanner/DeploymentBanner.tsx b/site/src/modules/dashboard/DeploymentBanner/DeploymentBanner.tsx
 import { aiTasksStats } from "api/queries/aitasks";
 import { health } from "api/queries/debug";
 import { deploymentStats } from "api/queries/deployment";
 import {deploymentConfig,deploymentStats } from "api/queries/deployment";
 import { useAuthenticated } from "hooks";
 import type { FC } from "react";
 import { useQuery } from "react-query";
 export const DeploymentBanner: FC = () => {
 const { permissions } = useAuthenticated();
 const deploymentStatsQuery = useQuery(deploymentStats());
 const deploymentConfigQuery = useQuery({
 ...deploymentConfig(),
 enabled: permissions.viewDeploymentConfig,
 });
 const healthQuery = useQuery({
 ...health(),
 enabled: permissions.viewDeploymentConfig,
 });
 const aiTasksQuery = useQuery({
 ...aiTasksStats(),
 enabled:
 permissions.viewDeploymentConfig &&
 !deploymentConfigQuery.data?.config.hide_ai_tasks,
 });
 const location = useLocation();
 const isHidden = HIDE_DEPLOYMENT_BANNER_PATHS.some((regex) =>
 regex.test(location.pathname),
 <DeploymentBannerView
 health={healthQuery.data}
 stats={deploymentStatsQuery.data}
 aiTasksStats={aiTasksQuery.data}
 fetchStats={() => deploymentStatsQuery.refetch()}
 />
 );
diff --git a/site/src/modules/dashboard/DeploymentBanner/DeploymentBannerView.tsx b/site/src/modules/dashboard/DeploymentBanner/DeploymentBannerView.tsx
 import Link from "@mui/material/Link";
 import Tooltip from "@mui/material/Tooltip";
 import type {
 AITasksStatsResponse,
 DeploymentStats,
 HealthcheckReport,
 WorkspaceStatus,
 interface DeploymentBannerViewProps {
 health?: HealthcheckReport;
 stats?: DeploymentStats;
 aiTasksStats?: AITasksStatsResponse;
 fetchStats?: () => void;
 }

 export const DeploymentBannerView: FC<DeploymentBannerViewProps> = ({
 health,
 stats,
 aiTasksStats,
 fetchStats,
 }) => {
 const theme = useTheme();
 </div>
 </div>

 {aiTasksStats && (
 <div css={styles.group}>
 <div css={styles.category}>AI Tasks</div>
 <div css={styles.values}>
 <Tooltip title="Active AI Tasks">
 <div css={styles.value}>
 <WrenchIcon className="size-icon-xs" />
 {aiTasksStats.active_tasks}
 </div>
 </Tooltip>
 <ValueSeparator />
 <Tooltip title="Completed AI Tasks">
 <div css={styles.value}>
 <CircleAlertIcon className="size-icon-xs" />
 {aiTasksStats.completed_tasks}
 </div>
 </Tooltip>
 <ValueSeparator />
 <Tooltip title="Failed AI Tasks">
 <div css={styles.value}>
 <CircleAlertIcon className="size-icon-xs" />
 {aiTasksStats.failed_tasks}
 </div>
 </Tooltip>
 </div>
 </div>
 )}

 <div
 css={{
 color: theme.palette.text.primary,
Original file line number	Diff line number	Diff line change
Expand Up		@@ -61,3 +61,19 @@ func (api API) aiTasksPrompts(rw http.ResponseWriter, r http.Request) {
		Prompts: promptsByBuildID,
		})
		}

		// This endpoint is experimental and not guaranteed to be stable, so we're not
		// generating public-facing documentation for it.
		func (api API) aiTasksStats(rw http.ResponseWriter, r http.Request) {
		ctx := r.Context()
		_ = api // Suppress unused receiver warning

		stats := codersdk.AITasksStatsResponse{
		ActiveTasks: 3,
		CompletedTasks: 15,
		FailedTasks: 2,
		TotalWorkspacesWithTasks: 8,
		}

		httpapi.Write(ctx, rw, http.StatusOK, stats)
		}
Original file line number	Diff line number	Diff line change
Expand Up		@@ -979,6 +979,7 @@ func New(options Options) API {
		r.Use(apiKeyMiddleware)
		r.Route("/aitasks", func(r chi.Router) {
		r.Get("/prompts", api.aiTasksPrompts)
		r.Get("/stats", api.aiTasksStats)
		})
		r.Route("/mcp", func(r chi.Router) {
		r.Use(
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -18,6 +18,13 @@ type AITasksPromptsResponse struct {
		Prompts map[string]string `json:"prompts"`
		}

		type AITasksStatsResponse struct {
		ActiveTasks int `json:"active_tasks"`
		CompletedTasks int `json:"completed_tasks"`
		FailedTasks int `json:"failed_tasks"`
		TotalWorkspacesWithTasks int `json:"total_workspaces_with_tasks"`
		}

		// AITaskPrompts returns prompts for multiple workspace builds by their IDs.
		func (c *ExperimentalClient) AITaskPrompts(ctx context.Context, buildIDs []uuid.UUID) (AITasksPromptsResponse, error) {
		if len(buildIDs) == 0 {
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -2596,6 +2596,13 @@ class ApiMethods {
		markAllInboxNotificationsAsRead = async () => {
		await this.axios.put<void>("/api/v2/notifications/inbox/mark-all-as-read");
		};

		getAITasksStats = async (): Promise<TypesGen.AITasksStatsResponse> => {
		const response = await this.axios.get<TypesGen.AITasksStatsResponse>(
		"/api/experimental/aitasks/stats",
		);
		return response.data;
		};
		}

		// Experimental API methods call endpoints under the /api/experimental/ prefix.
Expand DownExpand Up		@@ -2701,9 +2708,12 @@ interface ClientApi extends ApiMethods {
		}

		class Api extends ApiMethods implements ClientApi {
		experimental: ExperimentalApiMethods;

		constructor() {
		const scopedAxiosInstance = getConfiguredAxiosInstance();
		super(scopedAxiosInstance);
		this.experimental = new ExperimentalApiMethods(scopedAxiosInstance);
		}

		// As with ApiMethods, all public methods should be defined with arrow
Expand Down
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,9 @@
		import type { UseQueryOptions } from "react-query";
		import { API } from "../api";
		import type * as TypesGen from "../typesGenerated";

		export const aiTasksStats =
		(): UseQueryOptions<TypesGen.AITasksStatsResponse> => ({
		queryKey: ["aitasks", "stats"],
		queryFn: API.getAITasksStats,
		});
Original file line number	Diff line number	Diff line change
		@@ -1,5 +1,6 @@
		import { aiTasksStats } from "api/queries/aitasks";
		import { health } from "api/queries/debug";
		import { deploymentStats } from "api/queries/deployment";
		import {deploymentConfig,deploymentStats } from "api/queries/deployment";
		import { useAuthenticated } from "hooks";
		import type { FC } from "react";
		import { useQuery } from "react-query";
Expand All		@@ -19,10 +20,20 @@ const HIDE_DEPLOYMENT_BANNER_PATHS = [
		export const DeploymentBanner: FC = () => {
		const { permissions } = useAuthenticated();
		const deploymentStatsQuery = useQuery(deploymentStats());
		const deploymentConfigQuery = useQuery({
		...deploymentConfig(),
		enabled: permissions.viewDeploymentConfig,
		});
		const healthQuery = useQuery({
		...health(),
		enabled: permissions.viewDeploymentConfig,
		});
		const aiTasksQuery = useQuery({
		...aiTasksStats(),
		enabled:
		permissions.viewDeploymentConfig &&
		!deploymentConfigQuery.data?.config.hide_ai_tasks,
		});
		const location = useLocation();
		const isHidden = HIDE_DEPLOYMENT_BANNER_PATHS.some((regex) =>
		regex.test(location.pathname),
Expand All		@@ -40,6 +51,7 @@ export const DeploymentBanner: FC = () => {
		<DeploymentBannerView
		health={healthQuery.data}
		stats={deploymentStatsQuery.data}
		aiTasksStats={aiTasksQuery.data}
		fetchStats={() => deploymentStatsQuery.refetch()}
		/>
		);
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -4,6 +4,7 @@ import Button from "@mui/material/Button";
		import Link from "@mui/material/Link";
		import Tooltip from "@mui/material/Tooltip";
		import type {
		AITasksStatsResponse,
		DeploymentStats,
		HealthcheckReport,
		WorkspaceStatus,
Expand DownExpand Up		@@ -41,12 +42,14 @@ const bannerHeight = 36;
		interface DeploymentBannerViewProps {
		health?: HealthcheckReport;
		stats?: DeploymentStats;
		aiTasksStats?: AITasksStatsResponse;
		fetchStats?: () => void;
		}

		export const DeploymentBannerView: FC<DeploymentBannerViewProps> = ({
		health,
		stats,
		aiTasksStats,
		fetchStats,
		}) => {
		const theme = useTheme();
Expand DownExpand Up		@@ -278,6 +281,34 @@ export const DeploymentBannerView: FC<DeploymentBannerViewProps> = ({
		</div>
		</div>

		{aiTasksStats && (
		<div css={styles.group}>
		<div css={styles.category}>AI Tasks</div>
		<div css={styles.values}>
		<Tooltip title="Active AI Tasks">
		<div css={styles.value}>
		<WrenchIcon className="size-icon-xs" />
		{aiTasksStats.active_tasks}
		</div>
		</Tooltip>
		<ValueSeparator />
		<Tooltip title="Completed AI Tasks">
		<div css={styles.value}>
		<CircleAlertIcon className="size-icon-xs" />
		{aiTasksStats.completed_tasks}
		</div>
		</Tooltip>
		<ValueSeparator />
		<Tooltip title="Failed AI Tasks">
		<div css={styles.value}>
		<CircleAlertIcon className="size-icon-xs" />
		{aiTasksStats.failed_tasks}
		</div>
		</Tooltip>
		</div>
		</div>
		)}

		<div
		css={{
		color: theme.palette.text.primary,
Expand Down