[Feat] Show subscription provider usage on Models settings

apps/docs/models.mdx

@@ -137,6 +137,13 @@ list.
 - **Models** controls the provider/model pairs that are available, the default
   model, and specialized model roles.
 
+For subscription-based providers (ChatGPT, GitHub Copilot, and Kimi for
+Coding), the provider row also shows current plan usage when the provider
+reports it, such as remaining Copilot premium requests or the percent used of
+the ChatGPT 5-hour and weekly limits. These numbers come from unofficial
+provider endpoints, so the usage line is hidden whenever the provider does not
+return usable data.
+
 Admins can enable or disable models from the task model list. The default model
 must stay enabled, because Roomote uses it when a task does not request a
 specific model.

apps/web/src/components/settings/ChatGptConnectDialog.tsx

@@ -87,6 +87,9 @@ export function ChatGptConnectDialog({
           await queryClient.invalidateQueries({
             queryKey: trpc.chatgptSubscription.status.queryKey(),
           });
+          await queryClient.invalidateQueries({
+            queryKey: trpc.subscriptionUsage.list.queryKey(),
+          });
           await onConnected?.();
           handleOpenChange(false);
         } else if (result.status === 'failed') {

apps/web/src/components/settings/GitHubCopilotConnectDialog.tsx

@@ -94,6 +94,9 @@ export function GitHubCopilotConnectDialog({
             queryClient.invalidateQueries({
               queryKey: trpc.githubCopilotSubscription.status.queryKey(),
             }),
+            queryClient.invalidateQueries({
+              queryKey: trpc.subscriptionUsage.list.queryKey(),
+            }),
           ]);
           await onConnected?.();
           close(false);