fix: text component scaling (#5090)

* fix: text component scaling

* chore: update scaling text xs to 0.75

web-app/src/containers/ThreadContent.tsx

@@ -358,7 +358,7 @@ export const ThreadContent = memo(
                                 backgroundColor: 'transparent',
                                 height: '100%',
                               }}
-                              className="w-full h-full"
+                              className="w-full h-full !text-sm"
                             />
                           </div>
                         </div>

web-app/src/containers/dialogs/EditJsonMCPserver.tsx

@@ -73,7 +73,7 @@ export default function EditJsonMCPserver({
                 fontFamily: 'ui-monospace',
                 backgroundColor: 'transparent',
               }}
-              className="w-full "
+              className="w-full !text-sm "
             />
           </div>
           {error && <div className="text-destructive text-sm">{error}</div>}

web-app/src/index.css

@@ -22,6 +22,7 @@
   --color-destructive-fg: var(--app-destructive-fg);
 
   /* Font scale based on --font-size-base */
+  --text-xs: calc(var(--font-size-base) * 0.75); /* ~12px */
   --text-sm: calc(var(--font-size-base) * 0.875); /* ~14px */
   --text-base: var(--font-size-base); /* ~16px */
   --text-lg: calc(var(--font-size-base) * 1.125); /* ~18px */