Blocks: reduce ABR usage.

src/apps/draw/gallery/ZeroGallery.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 
 import { Card } from '@mui/joy';
 
-import { AutoBlocksRenderer } from '~/modules/blocks/AutoBlocksRenderer';
+import { ScaledTextBlockRenderer } from '~/modules/blocks/ScaledTextBlockRenderer';
 
 import { useIsMobile } from '~/common/components/useMatchMedia';
 import { useUIContentScaling } from '~/common/state/store-ui';
@@ -49,14 +49,7 @@ export function ZeroGallery(props: { domain: 'draw' | 'app' }) {
       {/*  {Brand.Title.Base} No Images */}
       {/*</Typography>*/}
       {/*<Typography level='title-sm' sx={{ whiteSpace: 'balance' }}>*/}
-      <AutoBlocksRenderer
-        text={text}
-        fromRole='assistant'
-        contentScaling={contentScaling}
-        fitScreen={isMobile}
-        isMobile={isMobile}
-        textRenderVariant='markdown'
-      />
+      <ScaledTextBlockRenderer text={text} contentScaling={contentScaling} textRenderVariant='markdown' />
       {/*</Typography>*/}
     </Card>
   );

src/apps/settings-modal/ShortcutsModal.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { AutoBlocksRenderer } from '~/modules/blocks/AutoBlocksRenderer';
+import { ScaledTextBlockRenderer } from '~/modules/blocks/ScaledTextBlockRenderer';
 
 import { GoodModal } from '~/common/components/modals/GoodModal';
 import { platformAwareKeystrokes } from '~/common/components/KeyStroke';
@@ -49,12 +49,9 @@ export function ShortcutsModal(props: { onClose: () => void }) {
 
   return (
     <GoodModal open title='Desktop Shortcuts' onClose={props.onClose}>
-      <AutoBlocksRenderer
+      <ScaledTextBlockRenderer
         text={shortcutsMd}
-        fromRole='assistant'
         contentScaling={contentScaling}
-        fitScreen={isMobile}
-        isMobile={isMobile}
         textRenderVariant='markdown'
       />
     </GoodModal>

src/common/components/ExplainerCarousel.tsx

@@ -8,7 +8,7 @@ import ArrowForwardRoundedIcon from '@mui/icons-material/ArrowForwardRounded';
 import CheckRoundedIcon from '@mui/icons-material/CheckRounded';
 import KeyboardArrowDownRoundedIcon from '@mui/icons-material/KeyboardArrowDownRounded';
 
-import { AutoBlocksRenderer } from '~/modules/blocks/AutoBlocksRenderer';
+import { ScaledTextBlockRenderer } from '~/modules/blocks/ScaledTextBlockRenderer';
 
 import { AgiSquircleIcon } from '~/common/components/icons/AgiSquircleIcon';
 import { ChatBeamIcon } from '~/common/components/icons/ChatBeamIcon';
@@ -231,12 +231,9 @@ export function ExplainerCarousel(props: {
               '--color-canvas-default': 'transparent!important',
             },
           }}>
-            <AutoBlocksRenderer
+            <ScaledTextBlockRenderer
               text={mdText}
-              fromRole='assistant'
               contentScaling={contentScaling /* was: 'md' */}
-              fitScreen={isMobile}
-              isMobile={isMobile}
               textRenderVariant='markdown'
             />
           </Box>