Beam: bits

(cherry picked from commit 81d99f19d4)

src/modules/beam/gather/Fusion.tsx

@@ -170,23 +170,24 @@ export function Fusion(props: {
           <GoodTooltip title='Use this message'>
             <IconButton
               size='sm'
-              // variant='solid'
+              // variant='plain'
               color={GATHER_COLOR}
               disabled={isFusing}
               onClick={handleFusionUse}
               // endDecorator={<TelegramIcon />}
               sx={{
                 // ...BEAM_BTN_SX,
-                // fontSize: 'xs',
+                fontSize: 'xs',
+                // '--Icon-fontSize': 'var(--joy-fontSize-xl)',
                 // backgroundColor: 'background.popup',
                 // border: '1px solid',
                 // borderColor: `${GATHER_COLOR}.outlinedBorder`,
                 // boxShadow: `0 4px 16px -4px rgb(var(--joy-palette-${GATHER_COLOR}-mainChannel) / 20%)`,
                 animation: `${animationEnterBelow} 0.1s ease-out`,
-                // whiteSpace: 'nowrap',
+                whiteSpace: 'nowrap',
               }}
             >
-              {/*Ok*/}
+              {/*Use*/}
               <TelegramIcon />
             </IconButton>
           </GoodTooltip>

src/modules/beam/scatter/BeamRay.tsx

@@ -16,6 +16,7 @@ import type { DLLMId } from '~/modules/llms/store-llms';
 
 import { GoodTooltip } from '~/common/components/GoodTooltip';
 import { InlineError } from '~/common/components/InlineError';
+import { animationEnterBelow } from '~/common/util/animUtils';
 import { copyToClipboard } from '~/common/util/clipboardUtils';
 import { useLLMSelect } from '~/common/components/forms/useLLMSelect';
 
@@ -241,16 +242,20 @@ export function BeamRay(props: {
             <GoodTooltip title='Choose this message'>
               <IconButton
                 size='sm'
+                // variant='plain'
                 color={GATHER_COLOR}
                 disabled={isImported || isScattering}
                 onClick={handleRayUse}
+                // endDecorator={!isImported ? <TelegramIcon /> : null}
                 sx={{
                   fontSize: 'xs',
+                  // '--Icon-fontSize': 'var(--joy-fontSize-xl)',
                   px: isImported ? 1 : undefined,
+                  animation: `${animationEnterBelow} 0.1s ease-out`,
                   whiteSpace: 'nowrap',
                 }}
               >
-                {isImported ? 'From Chat' : /*'Use'*/ <TelegramIcon />}
+                {isImported ? 'From Chat' : /*props.hadImportedRays ? 'Replace' : 'Use'*/ <TelegramIcon />}
               </IconButton>
             </GoodTooltip>