coder · mtojek · Aug 27, 2026 · Aug 25, 2026 · Aug 25, 2026 · Aug 25, 2026
diff --git a/docs/ai-coder/agents/models.md b/docs/ai-coder/agents/models.md
@@ -206,11 +206,11 @@
 The Models list reflects whether each model can actually be used:
 
 - When a model's connected provider has been deleted, the **Provider** column
-  shows **Unset** with an info tooltip that reads "The provider connected to
-  this model has been deleted."
-- When a model's provider is missing or disabled, the **Status** column
-  shows **Disabled**, regardless of the model's own enabled setting. Such a
-  model cannot serve chat requests.
+  shows **Unset**.
+- When a model's provider is missing or disabled, an **Unavailable** badge
+  appears beside the model name. The badge's tooltip explains whether the
+  provider was deleted or disabled. Such a model cannot serve chat requests.
+- When a model is disabled, a **Disabled** badge appears beside the model name.
 
 To reconnect a model to a working provider, open the model from the list,
 pick a new provider from the **Provider** dropdown, and click **Save**. The
@@ -369,14 +369,14 @@
 enabled, developers can supply personal API keys for any enabled AI provider
 from the Agents settings page.

 ### Managing personal API keys

 1. Navigate to the **Agents** page in the Coder dashboard.
 1. Open **Settings** and select the **API Keys** tab.
 1. Each enabled provider is listed with a status indicator:
    - **Key saved**, your personal key is active and will be used for requests to
      that provider.
-   - **Using shared key**, no personal key is set and Coder is using
+   - **Shared key**, no personal key is set and Coder is using
      deployment-managed credentials for that provider.
    - **No key**, no personal key or deployment-managed credential is available.
      Add a personal key before you use models from this provider.
@@ -386,14 +386,14 @@
 used for deployment-managed provider secrets. The dashboard never displays a
 saved key, only whether one is set.

 ### Removing a personal key

 Click **Remove** on the provider card in the API Keys settings tab. Subsequent
 requests use deployment-managed credentials when they are configured for that
 provider. If no deployment-managed credential is available, add a new personal
 key before you use models from that provider.

 ## Using an LLM proxy

 Organizations that route LLM traffic through a centralized proxy, such as
 LiteLLM or an internal gateway, can point a provider's **Endpoint** or **Base

diff --git a/site/src/components/Combobox/Combobox.tsx b/site/src/components/Combobox/Combobox.tsx
@@ -114,21 +114,23 @@ export const ComboboxContent = ({
 		<PopoverContent
 			ref={ref}
 			className={cn(
-				"w-auto bg-surface-secondary border-surface-quaternary overflow-y-auto text-sm",
+				"w-auto border-border-default overflow-y-auto text-sm",
 				className,
 			)}
 			{...props}
 		>
-			<Command className="bg-surface-secondary" shouldFilter={shouldFilter}>
-				{children}
-			</Command>
+			<Command shouldFilter={shouldFilter}>{children}</Command>
 		</PopoverContent>
 	);
 };
 
 export const ComboboxInput = CommandInput;
 
-export const ComboboxList = CommandList;
+export const ComboboxList: React.FC<
+	React.ComponentPropsWithRef<typeof CommandList>
+> = ({ className, ...props }) => {
+	return <CommandList className={cn("p-2", className)} {...props} />;
+};
 
 export const ComboboxItem = ({
 	children,
@@ -143,7 +145,7 @@ export const ComboboxItem = ({
 	return (
 		<CommandItem
 			value={value}
-			className={cn(className, "rounded-none")}
+			className={className}
 			onSelect={(itemValue) => {
 				setOpen(false);
 				// Toggle behavior: selecting the same value deselects it.

diff --git a/site/src/components/DateTimeRangeFilter/DateTimeRangeFilter.stories.tsx b/site/src/components/DateTimeRangeFilter/DateTimeRangeFilter.stories.tsx