ui wip

src/view/com/composer/ComposerReplyTo.tsx

@@ -15,6 +15,7 @@ import {sanitizeHandle} from '#/lib/strings/handles'
 import {type ComposerOptsPostRef} from '#/state/shell/composer'
 import {PreviewableUserAvatar} from '#/view/com/util/UserAvatar'
 import {atoms as a, useTheme, web} from '#/alf'
+import {BotBadge} from '#/components/BotBadge'
 import {QuoteEmbed} from '#/components/Post/Embed'
 import {Text} from '#/components/Typography'
 import {useSimpleVerificationState} from '#/components/verification'
@@ -117,6 +118,7 @@ export function ComposerReplyTo({replyTo}: {replyTo: ComposerOptsPostRef}) {
               />
             </View>
           )}
+          <BotBadge profile={replyTo.author} />
         </View>
         <View style={[a.flex_row, a.gap_md]}>
           <View style={[a.flex_1, a.flex_grow]}>

src/view/com/composer/text-input/mobile/Autocomplete.tsx

@@ -9,6 +9,7 @@ import {sanitizeHandle} from '#/lib/strings/handles'
 import {useActorAutocompleteQuery} from '#/state/queries/actor-autocomplete'
 import {UserAvatar} from '#/view/com/util/UserAvatar'
 import {atoms as a, platform, useTheme} from '#/alf'
+import {BotBadge} from '#/components/BotBadge'
 import {Text} from '#/components/Typography'
 import {useSimpleVerificationState} from '#/components/verification'
 import {VerificationCheck} from '#/components/verification/VerificationCheck'
@@ -128,6 +129,7 @@ function AutocompleteProfileCard({
                 />
               </View>
             )}
+            <BotBadge profile={profile} />
           </View>
         </View>
         <Text

src/view/com/notifications/NotificationFeedItem.tsx

@@ -47,6 +47,7 @@ import {TimeElapsed} from '#/view/com/util/TimeElapsed'
 import * as Toast from '#/view/com/util/Toast'
 import {PreviewableUserAvatar, UserAvatar} from '#/view/com/util/UserAvatar'
 import {atoms as a, platform, useTheme} from '#/alf'
+import {BotBadge} from '#/components/BotBadge'
 import {Button, ButtonIcon, ButtonText} from '#/components/Button'
 import {BellRinging_Filled_Corner0_Rounded as BellRingingIcon} from '#/components/icons/BellRinging'
 import {Check_Stroke2_Corner0_Rounded as CheckIcon} from '#/components/icons/Check'
@@ -264,6 +265,7 @@ let NotificationFeedItem = ({
             />
           </View>
         )}
+        <BotBadge profile={firstAuthor.profile} />
       </InlineLinkText>
     </ProfileHoverCard>
   )
@@ -1063,6 +1065,7 @@ function ExpandedAuthorCard({author}: {author: Author}) {
               />
             </View>
           )}
+          <BotBadge profile={author.profile} />
           <Text
             numberOfLines={1}
             style={[

src/view/com/util/PostMeta.tsx

@@ -14,6 +14,7 @@ import {niceDate} from '#/lib/strings/time'
 import {useProfileShadow} from '#/state/cache/profile-shadow'
 import {unstableCacheProfileView} from '#/state/queries/profile'
 import {atoms as a, platform, useTheme, web} from '#/alf'
+import {BotBadge} from '#/components/BotBadge'
 import {WebOnlyInlineLinkText} from '#/components/Link'
 import {ProfileHoverCard} from '#/components/ProfileHoverCard'
 import {Text} from '#/components/Typography'
@@ -124,6 +125,16 @@ let PostMeta = (opts: PostMetaOpts): React.ReactNode => {
                 />
               </View>
             )}
+            <View
+              style={[
+                a.pl_xs,
+                a.self_center,
+                {
+                  marginTop: -1,
+                },
+              ]}>
+              <BotBadge profile={author} />
+            </View>
             <MaybeLinkText
               emoji
               numberOfLines={1}

src/view/shell/Drawer.tsx

@@ -23,6 +23,7 @@ import {formatCount} from '#/view/com/util/numeric/format'
 import {UserAvatar} from '#/view/com/util/UserAvatar'
 import {NavSignupCard} from '#/view/shell/NavSignupCard'
 import {atoms as a, tokens, useTheme, web} from '#/alf'
+import {BotBadge} from '#/components/BotBadge'
 import {Button, ButtonIcon, ButtonText} from '#/components/Button'
 import {Divider} from '#/components/Divider'
 import {
@@ -108,6 +109,7 @@ let DrawerProfileCard = ({
               />
             </View>
           )}
+          {profile && <BotBadge profile={profile} size={16} />}
         </View>
         <Text
           emoji