Proper proxy support on windows & mac (#6840)

Co-authored-by: Douwe Osinga <douwe@squareup.com>

ui/desktop/src/components/ChatInput.tsx

@@ -276,9 +276,10 @@ export default function ChatInput({
         ? filteredText.replace(/\bsubmit[.,!?;'"\s]*$/i, '').trim()
         : filteredText;
 
-      const newValue = displayValue.trim() && cleanedText
-        ? `${displayValue.trim()} ${cleanedText}`
-        : displayValue.trim() || cleanedText;
+      const newValue =
+        displayValue.trim() && cleanedText
+          ? `${displayValue.trim()} ${cleanedText}`
+          : displayValue.trim() || cleanedText;
 
       setDisplayValue(newValue);
       setValue(newValue);
@@ -928,7 +929,6 @@ export default function ChatInput({
     ]
   );
 
-
   const handleKeyDown = (evt: React.KeyboardEvent<HTMLTextAreaElement>) => {
     if (mentionPopover.isOpen && mentionPopoverRef.current) {
       if (evt.key === 'ArrowDown') {
@@ -1383,9 +1383,7 @@ export default function ChatInput({
                       Listening
                     </span>
                   )}
-                  {isRecording && isTranscribing && (
-                    <span className="text-textSubtle">•</span>
-                  )}
+                  {isRecording && isTranscribing && <span className="text-textSubtle">•</span>}
                   {isTranscribing && (
                     <span className="flex items-center gap-1 text-blue-500">
                       <span className="inline-block w-2 h-2 bg-blue-500 rounded-full animate-pulse" />

ui/desktop/src/components/McpApps/McpAppRenderer.tsx

@@ -85,7 +85,13 @@ export default function McpAppRenderer({
         if (response.data) {
           const content = response.data;
           const meta = content._meta as
-            | { ui?: { csp?: CspMetadata; permissions?: PermissionsMetadata; prefersBorder?: boolean } }
+            | {
+                ui?: {
+                  csp?: CspMetadata;
+                  permissions?: PermissionsMetadata;
+                  prefersBorder?: boolean;
+                };
+              }
             | undefined;
 
           if (content.text !== cachedHtml) {

ui/desktop/src/components/McpApps/types.ts

@@ -1,4 +1,8 @@
-export type { CspMetadata, PermissionsMetadata, CallToolResponse as ToolResult } from '../../api/types.gen';
+export type {
+  CspMetadata,
+  PermissionsMetadata,
+  CallToolResponse as ToolResult,
+} from '../../api/types.gen';
 
 export type ContentBlock =
   | { type: 'text'; text: string }

ui/desktop/src/components/settings/dictation/LocalModelManager.tsx

@@ -66,8 +66,8 @@ export const LocalModelManager = () => {
   };
 
   const selectModel = async (modelId: string) => {
-      await upsert(LOCAL_WHISPER_MODEL_CONFIG_KEY, modelId, false);
-      setSelectedModelId(modelId);
+    await upsert(LOCAL_WHISPER_MODEL_CONFIG_KEY, modelId, false);
+    setSelectedModelId(modelId);
   };
 
   const loadModels = async () => {
@@ -151,7 +151,10 @@ export const LocalModelManager = () => {
   return (
     <div className="space-y-3">
       <div className="text-xs text-text-muted mb-2">
-        <p>Supports GPU acceleration (CUDA for NVIDIA, Metal for Apple Silicon). GPU features must be enabled at build time for hardware acceleration.</p>
+        <p>
+          Supports GPU acceleration (CUDA for NVIDIA, Metal for Apple Silicon). GPU features must be
+          enabled at build time for hardware acceleration.
+        </p>
       </div>
 
       <div className="space-y-2">
@@ -184,9 +187,7 @@ export const LocalModelManager = () => {
                     <h4 className="text-sm font-medium text-text-default">
                       {capitalize(model.id)}
                     </h4>
-                    <span className="text-xs text-text-muted">
-                      {model.size_mb}MB
-                    </span>
+                    <span className="text-xs text-text-muted">{model.size_mb}MB</span>
                     {model.recommended && (
                       <span className="text-xs bg-blue-500 text-white px-2 py-0.5 rounded">
                         Recommended
@@ -199,9 +200,7 @@ export const LocalModelManager = () => {
                     )}
                   </div>
 
-                  <p className="text-xs text-text-muted mt-1">
-                    {model.description}
-                  </p>
+                  <p className="text-xs text-text-muted mt-1">{model.description}</p>
                   {model.recommended && (
                     <p className="text-xs text-blue-600 mt-1 font-medium">
                       Recommended for your hardware
@@ -230,11 +229,7 @@ export const LocalModelManager = () => {
                       <div className="text-xs text-text-muted min-w-[60px]">
                         {progress.progress_percent.toFixed(0)}%
                       </div>
-                      <Button
-                        variant="ghost"
-                        size="sm"
-                        onClick={() => cancelDownload(model.id)}
-                      >
+                      <Button variant="ghost" size="sm" onClick={() => cancelDownload(model.id)}>
                         <X className="w-4 h-4" />
                       </Button>
                     </>
@@ -259,9 +254,7 @@ export const LocalModelManager = () => {
                     <span>
                       {formatBytes(progress.bytes_downloaded)} / {formatBytes(progress.total_bytes)}
                     </span>
-                    {progress.speed_bps && (
-                      <span>{formatBytes(progress.speed_bps)}/s</span>
-                    )}
+                    {progress.speed_bps && <span>{formatBytes(progress.speed_bps)}/s</span>}
                   </div>
                 </div>
               )}
@@ -296,9 +289,7 @@ export const LocalModelManager = () => {
       )}
 
       {models.length === 0 && (
-        <div className="text-center py-6 text-text-muted text-sm">
-          No models available
-        </div>
+        <div className="text-center py-6 text-text-muted text-sm">No models available</div>
       )}
     </div>
   );