@@ -34,11 +34,11 @@ export const ManagedAgentsConsumption: FC<ManagedAgentsConsumptionProps> = ({
3434< Stack alignItems = "center" spacing = { 1 } >
3535< Stack alignItems = "center" spacing = { 0.5 } >
3636< span css = { styles . disabledTitle } >
37- Managed AIAgent Feature Disabled
37+ Managed AIAgents Disabled
3838</ span >
3939< span css = { styles . disabledDescription } >
40- The managed AIagent feature is not included in your current
41- license. Contact{ " " }
40+ Managed AIagents are not included in your current license.
41+ Contact{ " " }
4242< MuiLink href = "mailto:sales@coder.com" > sales</ MuiLink > to upgrade
4343your license and unlock this feature.
4444</ span >
@@ -70,7 +70,7 @@ export const ManagedAgentsConsumption: FC<ManagedAgentsConsumptionProps> = ({
7070 ` }
7171>
7272< ChevronRightIcon />
73- How we calculate managedagent consumption
73+ How we calculate managedagents consumption
7474</ Button >
7575</ CollapsibleTrigger >
7676</ header >
@@ -83,8 +83,8 @@ export const ManagedAgentsConsumption: FC<ManagedAgentsConsumptionProps> = ({
8383 ` }
8484>
8585< p >
86- Managed agents are counted based on the amount ofstarted
87- workspaces with an AI agent.
86+ Managed agents are counted based on the amount ofsuccessfully
87+ started workspaces with an AI agent.
8888</ p >
8989< ul >
9090< li className = "flex items-center gap-2" >
@@ -108,7 +108,7 @@ export const ManagedAgentsConsumption: FC<ManagedAgentsConsumptionProps> = ({
108108>
109109< div className = "w-full border-b-1 border-t-1 border-dashed border-content-disabled" />
110110</ div >
111- Total limit after whichthe feature will bedisabled .
111+ Total limit after whichfurther AI workspace builds will beblocked .
112112</ li >
113113</ ul >
114114</ CollapsibleContent >
@@ -138,7 +138,7 @@ export const ManagedAgentsConsumption: FC<ManagedAgentsConsumptionProps> = ({
138138/>
139139</ div >
140140
141- < div className = "relative flex justify-between mt-4 text-sm" >
141+ < div className = "relativehidden lg: flex justify-between mt-4 text-sm" >
142142< div className = "flex flex-col items-start" >
143143< span className = "text-content-secondary" > Actual:</ span >
144144< span className = "font-medium" > { usage . toLocaleString ( ) } </ span >
@@ -159,6 +159,23 @@ export const ManagedAgentsConsumption: FC<ManagedAgentsConsumptionProps> = ({
159159< span className = "font-medium" > { limit . toLocaleString ( ) } </ span >
160160</ div >
161161</ div >
162+
163+ < div className = "flex lg:hidden flex-col gap-3 mt-4 text-sm" >
164+ < div className = "flex justify-between" >
165+ < div className = "flex flex-col items-start" >
166+ < span className = "text-content-secondary" > Actual:</ span >
167+ < span className = "font-medium" > { usage . toLocaleString ( ) } </ span >
168+ </ div >
169+ < div className = "flex flex-col items-center" >
170+ < span className = "text-content-secondary" > Included:</ span >
171+ < span className = "font-medium" > { included . toLocaleString ( ) } </ span >
172+ </ div >
173+ < div className = "flex flex-col items-end" >
174+ < span className = "text-content-secondary" > Limit:</ span >
175+ < span className = "font-medium" > { limit . toLocaleString ( ) } </ span >
176+ </ div >
177+ </ div >
178+ </ div >
162179</ div >
163180</ section >
164181) ;