feat: add first-run confirmation dialog for stream check

Show an informational dialog when users first click the health check
button, explaining its limitations (OAuth providers, relay services,
Bedrock). The dialog persists the confirmation in settings so it only
appears once per device.

src/components/providers/ProviderList.tsx

@@ -41,6 +41,8 @@ import {
 import { useCallback } from "react";
 import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";
+import { ConfirmDialog } from "@/components/ConfirmDialog";
+import { settingsApi } from "@/lib/api/settings";
 
 interface ProviderListProps {
   providers: Record<string, Provider>;
@@ -176,14 +178,43 @@ export function ProviderList({
   const [searchTerm, setSearchTerm] = useState("");
   const [isSearchOpen, setIsSearchOpen] = useState(false);
   const searchInputRef = useRef<HTMLInputElement>(null);
+  const [showStreamCheckConfirm, setShowStreamCheckConfirm] = useState(false);
+  const [pendingTestProvider, setPendingTestProvider] = useState<Provider | null>(null);
+
+  // Query settings for streamCheckConfirmed flag
+  const { data: settings } = useQuery({
+    queryKey: ["settings"],
+    queryFn: () => settingsApi.get(),
+  });
 
   const handleTest = useCallback(
     (provider: Provider) => {
-      checkProvider(provider.id, provider.name);
+      if (!settings?.streamCheckConfirmed) {
+        setPendingTestProvider(provider);
+        setShowStreamCheckConfirm(true);
+      } else {
+        checkProvider(provider.id, provider.name);
+      }
     },
-    [checkProvider],
+    [checkProvider, settings?.streamCheckConfirmed],
   );
 
+  const handleStreamCheckConfirm = async () => {
+    setShowStreamCheckConfirm(false);
+    try {
+      if (settings) {
+        await settingsApi.save({ ...settings, streamCheckConfirmed: true });
+        await queryClient.invalidateQueries({ queryKey: ["settings"] });
+      }
+    } catch (error) {
+      console.error("Failed to save stream check confirmed:", error);
+    }
+    if (pendingTestProvider) {
+      checkProvider(pendingTestProvider.id, pendingTestProvider.name);
+      setPendingTestProvider(null);
+    }
+  };
+
   // Import current live config as default provider
   const queryClient = useQueryClient();
   const importMutation = useMutation({
@@ -417,6 +448,19 @@ export function ProviderList({
       ) : (
         renderProviderList()
       )}
+
+      <ConfirmDialog
+        isOpen={showStreamCheckConfirm}
+        variant="info"
+        title={t("confirm.streamCheck.title")}
+        message={t("confirm.streamCheck.message")}
+        confirmText={t("confirm.streamCheck.confirm")}
+        onConfirm={() => void handleStreamCheckConfirm()}
+        onCancel={() => {
+          setShowStreamCheckConfirm(false);
+          setPendingTestProvider(null);
+        }}
+      />
     </div>
   );
 }