Merge branch 'ten-milly' into main

assets/icons/download_stroke2_corner0_rounded.svg

···
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M12 3a1 1 0 0 1 1 1v8.086l1.793-1.793a1 1 0 1 1 1.414 1.414l-3.5 3.5a1 1 0 0 1-1.414 0l-3.5-3.5a1 1 0 1 1 1.414-1.414L11 12.086V4a1 1 0 0 1 1-1ZM4 14a1 1 0 0 1 1 1v4h14v-4a1 1 0 1 1 2 0v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1Z" clip-rule="evenodd"/></svg>

src/App.native.tsx

···
 import {Shell} from '#/view/shell'
 import {ThemeProvider as Alf} from '#/alf'
 import {useColorModeTheme} from '#/alf/util/useColorModeTheme'
+import {NuxDialogs} from '#/components/dialogs/nuxs'
 import {useStarterPackEntry} from '#/components/hooks/useStarterPackEntry'
 import {Provider as IntentDialogProvider} from '#/components/intents/IntentDialogs'
 import {Provider as PortalProvider} from '#/components/Portal'
···
                                           style={s.h100pct}>
                                           <TestCtrls />
                                           <Shell />
+                                          <NuxDialogs />
                                         </GestureHandlerRootView>
                                       </ProgressGuideProvider>
                                     </MutedThreadsProvider>

src/App.web.tsx

···
 import {Shell} from '#/view/shell/index'
 import {ThemeProvider as Alf} from '#/alf'
 import {useColorModeTheme} from '#/alf/util/useColorModeTheme'
+import {NuxDialogs} from '#/components/dialogs/nuxs'
 import {useStarterPackEntry} from '#/components/hooks/useStarterPackEntry'
 import {Provider as IntentDialogProvider} from '#/components/intents/IntentDialogs'
 import {Provider as PortalProvider} from '#/components/Portal'
···
                                       <SafeAreaProvider>
                                         <ProgressGuideProvider>
                                           <Shell />
+                                          <NuxDialogs />
                                         </ProgressGuideProvider>
                                       </SafeAreaProvider>
                                     </MutedThreadsProvider>

src/alf/index.tsx

···
 export const Context = React.createContext<{
   themeName: ThemeName
   theme: Theme
+  themes: ReturnType<typeof createThemes>
 }>({
   themeName: 'light',
   theme: defaultTheme,
+  themes: createThemes({
+    hues: {
+      primary: BLUE_HUE,
+      negative: RED_HUE,
+      positive: GREEN_HUE,
+    },
+  }),
 })
 
 export function ThemeProvider({
···
     <Context.Provider
       value={React.useMemo(
         () => ({
+          themes,
           themeName: themeName,
           theme: theme,
         }),
-        [theme, themeName],
+        [theme, themeName, themes],
       )}>
       {children}
     </Context.Provider>
   )
 }
 
-export function useTheme() {
-  return React.useContext(Context).theme
+export function useTheme(theme?: ThemeName) {
+  const ctx = React.useContext(Context)
+  return React.useMemo(() => {
+    return theme ? ctx.themes[theme] : ctx.theme
+  }, [theme, ctx])
 }
 
 export function useBreakpoints() {

src/components/Dialog/index.tsx

···
           borderTopLeftRadius: 40,
           borderTopRightRadius: 40,
         },
-        flatten(style),
+        style,
       ]}
       contentContainerStyle={a.pb_4xl}
       ref={ref}>

src/components/dialogs/nuxs/TenMillion/icons/OnePercent.tsx

···
+import React from 'react'
+import Svg, {Path} from 'react-native-svg'
+
+export function OnePercent({fill}: {fill?: string}) {
+  return (
+    <Svg fill="none" viewBox="0 0 101 101">
+      <Path
+        fill={fill}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m60.366 5.567 3.002.49c.053-.687-.01-1.314-.19-1.883a4.129 4.129 0 0 0-.837-1.497 4.633 4.633 0 0 0-1.387-1.074 6.196 6.196 0 0 0-1.854-.592c-.98-.16-1.901-.09-2.766.209-.865.296-1.599.822-2.204 1.58-.604.753-1.005 1.737-1.203 2.95-.197 1.206-.135 2.264.187 3.172.325.91.848 1.643 1.569 2.202.724.559 1.587.92 2.587 1.084.798.13 1.52.122 2.162-.024a4.662 4.662 0 0 0 1.675-.72 4.648 4.648 0 0 0 1.169-1.165 4.12 4.12 0 0 0 .618-1.347l-2.997-.511a1.926 1.926 0 0 1-.312.599c-.13.168-.284.305-.465.41a1.746 1.746 0 0 1-.614.211 2.5 2.5 0 0 1-.751-.019c-.479-.078-.87-.257-1.175-.536-.303-.282-.509-.662-.617-1.139-.104-.48-.1-1.053.008-1.72.103-.631.279-1.158.526-1.58.251-.422.567-.725.947-.91.383-.186.823-.238 1.32-.157.284.047.53.129.741.247.21.115.382.26.514.434.136.171.232.365.287.582.06.217.08.452.06.704Zm8.975-1.753-4.92 9.887 7.105 3.537 1.077-2.163-4.422-2.2.846-1.7 4.074 2.028 1.076-2.163-4.074-2.028.846-1.7 4.44 2.211 1.077-2.163-7.125-3.546Zm4.447 14.833 7.456-8.146 3.516 3.218c.605.553 1.033 1.148 1.285 1.783s.315 1.275.188 1.919c-.127.644-.455 1.256-.984 1.834-.534.583-1.114.956-1.74 1.119a3.216 3.216 0 0 1-1.786-.046l-1.125 4.552-2.403-2.199 1.03-3.998-.765-.7L76 20.672l-2.212-2.025Zm7.025-1.67-.78-.713 1.806-1.973.78.714c.26.237.448.476.566.715.122.239.165.478.127.716-.033.238-.156.474-.37.707-.21.23-.432.372-.664.422-.23.054-.467.029-.714-.075a2.758 2.758 0 0 1-.751-.512Zm10.376 3.54-2.07 1.245 1.713 2.846-7.393 4.448 1.524 2.532 7.392-4.448 1.713 2.846 2.07-1.246-4.95-8.224Zm7.375 14.937-10.45 3.575-.97-2.836 10.449-3.576.97 2.837Zm1.311 4.357-10.952 1.422.386 2.973 4.278-.555.553 4.256 2.395-.31-.552-4.257 1.882-.245.614 4.728 2.395-.311-.999-7.7Zm.737 15.417-11.016-.776.21-2.991 11.017.776-.211 2.99Zm-.483 4.547-10.636-2.972-2.136 7.644 2.326.65 1.33-4.757 1.828.511-1.225 4.383 2.326.65 1.226-4.383 1.828.511-1.336 4.778 2.327.65 2.142-7.665ZM84.151 70.583l2.293-3.578 9.298 5.96-2.27 3.54c-.613.957-1.328 1.664-2.147 2.121a4.568 4.568 0 0 1-2.634.592c-.937-.062-1.89-.404-2.859-1.025-.968-.62-1.68-1.343-2.133-2.168-.45-.822-.64-1.7-.568-2.631.075-.93.415-1.867 1.02-2.811Zm2.818.32-.617.962c-.295.46-.472.9-.531 1.319-.061.422.035.834.29 1.236.253.405.703.816 1.35 1.23.648.416 1.21.652 1.686.71.474.06.892-.03 1.256-.272.361-.238.697-.599 1.008-1.083l.57-.89-5.012-3.212Zm-5.738 19.42-5.842-9.373-4.411 2.75c-.68.424-1.195.903-1.544 1.438-.348.535-.53 1.085-.547 1.65-.02.568.13 1.107.45 1.62.276.442.613.766 1.012.97.4.208.823.302 1.269.283a2.77 2.77 0 0 0 1.29-.378l.056.092c-.317.3-.552.628-.706.987a2.38 2.38 0 0 0-.187 1.107c.025.379.144.74.36 1.086.296.475.678.81 1.147 1.006.466.197 1.003.239 1.61.127.606-.11 1.265-.388 1.98-.833l4.063-2.533Zm-8.31-5.013 1.19-.742 1.232 1.977-1.226.764c-.26.162-.505.26-.738.295a1.11 1.11 0 0 1-.647-.08 1.168 1.168 0 0 1-.499-.464c-.196-.314-.237-.619-.124-.913.114-.292.385-.571.812-.837Zm2.36 3.46 1.044-.65 1.118 1.793-1.08.673c-.317.198-.628.284-.933.257-.302-.023-.544-.18-.725-.47a.955.955 0 0 1-.158-.58c.012-.19.082-.374.21-.55.127-.177.301-.335.524-.474Zm-9.737-2.132 3.067 10.61-2.88.832-2.396-8.288-4.29 1.24-.67-2.321 7.17-2.073Zm-19.456 13.615 2.998.037.084-6.816c.004-.341.083-.646.237-.913.155-.265.366-.47.634-.618.268-.148.574-.22.92-.215.34.004.645.083.913.237.264.154.47.366.618.633.147.272.22.578.215.92l-.084 6.815 2.998.037.087-7.074c.01-.841-.178-1.572-.566-2.191-.392-.616-.943-1.096-1.654-1.439-.712-.34-1.544-.515-2.496-.527-.945-.011-1.778.144-2.497.466-.72.325-1.283.791-1.69 1.397-.41.61-.62 1.335-.63 2.177l-.087 7.074Zm-3.141-11.57-3.408 10.504-7.57-2.456.745-2.298 4.719 1.531.585-1.805-4.329-1.405.746-2.298 4.329 1.405.586-1.806-4.699-1.524.746-2.298 7.55 2.45Zm-19.303.375c-.087-.302-.042-.61.136-.923l-2.378-1.606c-.401.601-.605 1.224-.612 1.87-.012.647.168 1.277.54 1.888.373.612.928 1.167 1.667 1.666.724.489 1.449.8 2.174.934.722.132 1.389.085 2-.14.607-.223 1.105-.626 1.494-1.21.486-.712.636-1.433.451-2.16-.19-.728-.63-1.453-1.322-2.176l-.78-.812a5.515 5.515 0 0 1-.645-.787c-.143-.219-.222-.41-.236-.576a.682.682 0 0 1 .109-.46.776.776 0 0 1 .412-.301c.17-.054.367-.053.59.002.223.055.467.172.733.351.315.213.555.447.718.7.16.251.238.514.234.79-.003.274-.092.557-.266.847l2.359 1.594c.514-.768.775-1.507.782-2.218.002-.71-.212-1.382-.643-2.016-.434-.635-1.049-1.222-1.844-1.759-.775-.523-1.511-.862-2.21-1.017-.7-.156-1.34-.127-1.92.09-.58.215-1.074.623-1.484 1.223-.232.35-.392.71-.482 1.08a2.676 2.676 0 0 0-.032 1.136c.069.393.224.8.466 1.219.241.419.58.853 1.013 1.302l.643.668c.187.192.34.37.46.533.12.163.207.313.262.45.053.14.074.269.063.388a.708.708 0 0 1-.144.338.733.733 0 0 1-.362.276.915.915 0 0 1-.523.005c-.206-.049-.437-.159-.694-.332-.402-.272-.645-.557-.729-.857Zm.158-10.414-8.56 6.979-1.894-2.324 3.46-2.822-.095-.117-5.56.247L8.945 77.9l6.17-.215 2.335-6.83 2.263 2.775-1.643 4.54 1.63-.05 2.207-1.799 1.895 2.324ZM5.312 70.78l1.245 3.103 5.516-6.583 3.223-1.294-1.109-2.762-3.223 1.293-8.536-.943 1.245 3.102 4.967.331.032.08-3.36 3.673Zm6.595-17.898-11.033-.49.354-7.951 2.413.107-.22 4.956 1.896.084.202-4.546 2.414.107-.202 4.547 1.896.084.22-4.935 2.412.108-.352 7.93ZM2.16 39.01l10.522 3.355 2.267-7.11-2.302-.734-1.356 4.254-8.22-2.621-.91 2.856Zm16.115-9.721L15.88 32.8l-9.126-6.22 2.368-3.475c.64-.939 1.376-1.625 2.207-2.06a4.567 4.567 0 0 1 2.65-.517c.935.09 1.878.458 2.828 1.106.95.648 1.641 1.39 2.071 2.227.428.835.592 1.717.494 2.647-.101.927-.468 1.854-1.1 2.78Zm-2.808-.4.644-.944c.307-.452.497-.886.568-1.303.073-.42-.012-.835-.255-1.244-.241-.413-.68-.835-1.315-1.269-.636-.433-1.191-.685-1.665-.755-.472-.074-.893.005-1.263.235-.368.228-.714.579-1.038 1.054l-.596.874 4.92 3.352Zm.873-14.72 6.926 8.603 6.182-4.978-1.515-1.882-3.847 3.098-1.19-1.479 3.545-2.854-1.515-1.882-3.545 2.854-1.19-1.478 3.864-3.111-1.515-1.882-6.2 4.991Zm15.342 2.15L27.406 6.136l4.395-1.845c.756-.317 1.475-.457 2.157-.42.683.037 1.29.248 1.822.633s.95.938 1.253 1.66c.306.73.402 1.413.287 2.05a3.216 3.216 0 0 1-.789 1.603l3.662 2.928-3.003 1.26-3.199-2.61-.957.402 1.412 3.361-2.765 1.16Zm-.584-9.136 1.036 2.466.974-.409c.325-.136.585-.292.78-.468.198-.18.32-.385.367-.616.051-.232.016-.492-.105-.78-.122-.292-.285-.503-.487-.632a1.145 1.145 0 0 0-.704-.184 2.475 2.475 0 0 0-.886.214l-.975.41ZM64.39 27.996v2.67h3.672v9.539h3.267v-9.539H75v-2.67H64.39Zm-4.266 3.815c-.032-.398-.18-.708-.447-.93-.262-.223-.662-.334-1.198-.334-.342 0-.622.042-.84.125-.215.08-.374.189-.478.328a.81.81 0 0 0-.16.477.783.783 0 0 0 .077.4c.064.115.163.22.298.315.135.092.308.175.519.25.21.076.46.144.75.203l1.002.215c.676.143 1.254.332 1.735.566.48.235.874.511 1.18.83.306.313.531.667.674 1.06.147.394.223.823.227 1.288-.004.803-.205 1.482-.603 2.039-.397.556-.965.98-1.705 1.27-.735.29-1.619.435-2.652.435-1.062 0-1.988-.157-2.778-.471-.787-.314-1.4-.797-1.836-1.449-.434-.656-.652-1.494-.656-2.516h3.147c.02.374.114.688.28.942.168.255.402.447.704.578.306.132.67.197 1.091.197.354 0 .65-.043.888-.13.239-.088.42-.21.543-.364a.859.859 0 0 0 .19-.531.754.754 0 0 0-.184-.489c-.116-.143-.306-.27-.573-.382a6.098 6.098 0 0 0-1.079-.321l-1.216-.263c-1.08-.234-1.933-.626-2.557-1.174-.62-.553-.928-1.306-.924-2.26-.004-.774.202-1.452.62-2.032.421-.585 1.003-1.04 1.746-1.366.748-.325 1.604-.488 2.57-.488.986 0 1.838.165 2.557.494.72.33 1.274.795 1.664 1.395.393.596.592 1.294.596 2.093h-3.172Zm-17.795-3.816v12.21h3.315v-4.03h1.147l2.144 4.03h3.6l-2.48-4.552a3.556 3.556 0 0 0 1.49-1.297c.39-.6.585-1.337.585-2.211 0-.867-.189-1.61-.566-2.23a3.705 3.705 0 0 0-1.586-1.425c-.68-.33-1.473-.494-2.379-.494h-5.27Zm3.315 5.604h1.168c.39 0 .721-.047.996-.143.278-.1.49-.256.638-.47.15-.215.226-.496.226-.841 0-.35-.075-.634-.226-.853a1.266 1.266 0 0 0-.638-.489c-.275-.107-.606-.16-.996-.16h-1.168v2.956Zm-4.886-5.603v12.209h-3.314v-12.21h3.314Zm-13.118 0v12.209h3.315v-4.77h4.745v-2.67h-4.745v-2.099h5.27v-2.67h-8.585Zm33.322 38.79v-1.392c0-1.117.24-2.148.722-3.093a5.77 5.77 0 0 1 2.126-2.281c.928-.576 2.058-.864 3.39-.864 1.366 0 2.513.284 3.441.85a5.565 5.565 0 0 1 2.127 2.27c.481.944.722 1.984.722 3.118v1.392a6.622 6.622 0 0 1-.735 3.093 5.651 5.651 0 0 1-2.127 2.282c-.936.576-2.079.863-3.428.863-1.349 0-2.487-.287-3.416-.863a5.678 5.678 0 0 1-2.113-2.282c-.473-.945-.71-1.976-.71-3.093Zm4.485-1.392v1.392c0 .49.12.975.361 1.457.25.472.713.709 1.392.709.713 0 1.181-.232 1.405-.696.232-.464.348-.954.348-1.47v-1.392a3.63 3.63 0 0 0-.322-1.495c-.215-.481-.692-.722-1.431-.722-.679 0-1.143.241-1.392.722-.24.481-.36.98-.36 1.495ZM47.144 51.681v-1.392c0-1.135.245-2.174.735-3.12a5.774 5.774 0 0 1 2.14-2.268c.927-.567 2.049-.85 3.363-.85 1.367 0 2.514.283 3.442.85a5.565 5.565 0 0 1 2.126 2.269c.481.945.722 1.984.722 3.119v1.392c0 1.134-.245 2.17-.735 3.106a5.502 5.502 0 0 1-2.126 2.242c-.937.559-2.08.838-3.429.838-1.349 0-2.487-.283-3.415-.85a5.613 5.613 0 0 1-2.114-2.256c-.473-.937-.709-1.963-.709-3.08Zm4.537-1.392v1.392c0 .515.12 1.005.36 1.469.242.464.688.696 1.341.696.714 0 1.182-.232 1.405-.696.232-.464.348-.954.348-1.47V50.29a3.63 3.63 0 0 0-.322-1.495c-.215-.482-.692-.722-1.43-.722-.68 0-1.135.249-1.367.747-.223.49-.335.98-.335 1.47Zm-2.346 21.447 18.148-26.397h3.66L52.996 71.736h-3.66Zm-8.9 0V45.339h-6.599l-6.495 3.97v6.084l5.774-3.455h.154v19.798h7.166Z"
+      />
+    </Svg>
+  )
+}

src/components/dialogs/nuxs/TenMillion/icons/PointOnePercent.tsx

···
+import React from 'react'
+import Svg, {Path} from 'react-native-svg'
+
+export function PointOnePercent({fill}: {fill?: string}) {
+  return (
+    <Svg fill="none" viewBox="0 0 101 101">
+      <Path
+        fill={fill}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m62.493 6.057-3.001-.49c.019-.252-.001-.487-.06-.704a1.545 1.545 0 0 0-.288-.582 1.573 1.573 0 0 0-.513-.434c-.21-.118-.458-.2-.741-.247-.497-.08-.937-.029-1.32.156-.38.186-.696.49-.947.91-.248.423-.423.95-.526 1.581-.11.667-.112 1.24-.008 1.72.108.477.313.857.617 1.14.304.278.695.457 1.174.535a2.5 2.5 0 0 0 .751.02c.228-.036.433-.107.614-.212s.337-.242.466-.41c.134-.171.237-.371.311-.6l2.998.512c-.11.456-.317.905-.619 1.347-.301.439-.69.827-1.168 1.164a4.663 4.663 0 0 1-1.675.721c-.643.146-1.364.154-2.162.024-1-.164-1.863-.525-2.588-1.084-.72-.559-1.244-1.293-1.569-2.202-.321-.908-.383-1.966-.186-3.172.198-1.213.599-2.197 1.203-2.95.605-.758 1.339-1.284 2.203-1.58.865-.3 1.787-.37 2.766-.21.689.113 1.307.31 1.854.593a4.63 4.63 0 0 1 1.387 1.074c.378.43.657.928.838 1.497.18.569.243 1.196.19 1.883Zm1.053 7.644 4.92-9.887 7.126 3.546-1.076 2.163-4.442-2.21-.846 1.7 4.075 2.027-1.076 2.163-4.075-2.028-.846 1.7 4.422 2.2-1.076 2.163-7.106-3.537Zm16.823-3.2-7.456 8.146 2.212 2.025 2.46-2.69.766.701-1.03 3.998 2.402 2.2 1.126-4.553c.608.185 1.203.2 1.785.046.627-.163 1.207-.536 1.741-1.12.53-.578.857-1.189.984-1.833a3.35 3.35 0 0 0-.188-1.92c-.252-.634-.68-1.229-1.285-1.782l-3.517-3.218Zm-1.21 5.763.78.714c.26.237.51.408.751.512.246.104.484.129.713.076.232-.051.454-.192.665-.423.213-.233.337-.47.37-.707a1.146 1.146 0 0 0-.128-.716 2.476 2.476 0 0 0-.566-.715l-.78-.714-1.805 1.973Zm9.085 5.498 2.07-1.246 4.95 8.224-2.07 1.246-1.713-2.846-7.393 4.448-1.523-2.532 7.392-4.448-1.713-2.846ZM87.24 39.029l10.45-3.575-.972-2.837-10.448 3.576.97 2.836Zm.809 2.203L99 39.813l.999 7.7-2.396.31-.613-4.727-1.882.245.552 4.256-2.396.311-.552-4.256-4.278.555-.386-2.974Zm.672 13.22 11.017.776.21-2.991-11.016-.776-.21 2.99Zm-.102 2.35 10.636 2.973-2.142 7.666-2.327-.65 1.335-4.779-1.828-.51-1.225 4.383-2.327-.65 1.225-4.384-1.828-.51-1.33 4.756-2.326-.65 2.137-7.645Zm-3.05 10.203-2.292 3.578c-.606.944-.946 1.881-1.02 2.81a4.625 4.625 0 0 0 .567 2.632c.454.825 1.165 1.547 2.134 2.168.968.62 1.921.963 2.859 1.025a4.568 4.568 0 0 0 2.634-.592c.818-.457 1.534-1.164 2.147-2.12l2.27-3.542-9.299-5.959Zm-.091 4.86.617-.962 5.012 3.212-.57.89c-.311.484-.647.845-1.009 1.083-.363.241-.782.331-1.256.271-.476-.057-1.037-.293-1.685-.708-.648-.415-1.098-.826-1.35-1.231-.255-.402-.352-.814-.29-1.236.059-.42.236-.859.53-1.319ZM74.515 80.95l5.841 9.372-4.063 2.533c-.714.445-1.374.723-1.979.833-.607.112-1.144.07-1.61-.127-.469-.195-.852-.53-1.148-1.007a2.308 2.308 0 0 1-.36-1.085 2.381 2.381 0 0 1 .187-1.107 2.96 2.96 0 0 1 .707-.987l-.057-.092a2.77 2.77 0 0 1-1.29.378 2.48 2.48 0 0 1-1.269-.282c-.398-.205-.736-.529-1.011-.971a2.824 2.824 0 0 1-.45-1.62c.016-.565.198-1.115.547-1.65.348-.535.863-1.014 1.543-1.438l4.412-2.75Zm-1.278 3.618-1.19.742c-.427.266-.698.545-.813.837-.112.294-.071.599.125.913.137.22.303.374.499.464.196.09.411.117.647.08.232-.035.478-.133.738-.295l1.226-.764-1.232-1.977Zm2.213 3.551-1.043.65a1.82 1.82 0 0 0-.525.474c-.127.176-.197.36-.21.55a.954.954 0 0 0 .159.58c.18.29.422.447.725.47.304.027.615-.059.932-.257l1.08-.673-1.118-1.794Zm-7.713 9.129-3.067-10.61-7.17 2.073.671 2.32 4.29-1.24 2.396 8.29 2.88-.834ZM48.21 100.29l-2.998-.037.087-7.074c.01-.841.221-1.567.631-2.177.407-.606.97-1.072 1.69-1.397.719-.322 1.551-.477 2.496-.466.953.012 1.785.188 2.496.527.712.343 1.263.823 1.654 1.439.388.62.577 1.35.567 2.19l-.088 7.075-2.998-.037.084-6.815a1.844 1.844 0 0 0-.215-.92 1.634 1.634 0 0 0-.617-.633 1.844 1.844 0 0 0-.914-.237 1.825 1.825 0 0 0-.92.215 1.634 1.634 0 0 0-.633.618 1.843 1.843 0 0 0-.238.913l-.084 6.816Zm-9.547-1.103 3.409-10.504-7.55-2.45-.746 2.298 4.698 1.524-.586 1.806-4.329-1.405-.745 2.298 4.329 1.405-.586 1.805-4.719-1.53-.745 2.297 7.57 2.456ZM22.905 88.135c-.177.314-.222.621-.135.923.084.3.327.585.729.857.256.173.487.283.693.332.201.049.376.047.524-.005a.733.733 0 0 0 .362-.276.709.709 0 0 0 .144-.338.874.874 0 0 0-.063-.388 2.115 2.115 0 0 0-.262-.45 5.056 5.056 0 0 0-.46-.533l-.643-.668a6.809 6.809 0 0 1-1.014-1.302 3.733 3.733 0 0 1-.465-1.219c-.07-.39-.06-.769.032-1.136.089-.37.25-.73.482-1.08.41-.6.904-1.008 1.484-1.224.58-.216 1.22-.245 1.92-.089.698.155 1.435.494 2.21 1.017.795.537 1.41 1.124 1.843 1.76.431.633.646 1.305.644 2.015-.008.71-.268 1.45-.782 2.218l-2.36-1.594c.174-.29.263-.573.267-.848a1.41 1.41 0 0 0-.235-.79 2.494 2.494 0 0 0-.718-.699 2.352 2.352 0 0 0-.732-.351 1.085 1.085 0 0 0-.591-.002.777.777 0 0 0-.412.3.681.681 0 0 0-.108.46c.014.166.092.358.235.576.142.222.357.484.646.788l.78.812c.69.723 1.132 1.448 1.322 2.175.185.728.034 1.449-.451 2.162-.39.583-.888.986-1.494 1.21-.612.225-1.279.27-2 .139-.726-.134-1.45-.445-2.174-.934-.74-.5-1.295-1.054-1.667-1.666-.372-.611-.552-1.24-.54-1.888.006-.646.21-1.269.612-1.87l2.377 1.606Zm-8.537-2.512 8.56-6.979-1.895-2.324-2.207 1.8-1.63.048 1.642-4.54-2.262-2.774-2.336 6.83-6.17.215 2.209 2.708 5.56-.246.095.117-3.46 2.82 1.894 2.325Zm-8.685-11.74L4.437 70.78l3.36-3.673-.032-.08-4.967-.33-1.245-3.103 8.537.943 3.223-1.293 1.108 2.762-3.223 1.294-5.515 6.583ZM0 52.393l11.033.49.352-7.93-2.413-.108-.22 4.935-1.896-.084.202-4.547-2.413-.107-.202 4.546-1.897-.084.22-4.956-2.413-.107L0 52.392Zm11.806-10.028L1.285 39.01l.91-2.856 8.22 2.62 1.357-4.253 2.301.734-2.267 7.11Zm3.2-9.565L17.4 29.29c.632-.927.998-1.854 1.1-2.781a4.625 4.625 0 0 0-.494-2.647c-.43-.837-1.12-1.58-2.071-2.227-.95-.648-1.894-1.016-2.83-1.106a4.567 4.567 0 0 0-2.649.518c-.83.434-1.566 1.12-2.206 2.06L5.88 26.58l9.126 6.22Zm.23-4.855-.645.944-4.919-3.352.595-.874c.324-.475.67-.826 1.038-1.054.37-.23.792-.309 1.264-.235.474.07 1.028.322 1.664.756.636.433 1.074.855 1.315 1.268.243.409.329.824.255 1.244-.07.417-.26.851-.568 1.303Zm7.154-5.173-6.926-8.603 6.2-4.99 1.515 1.88-3.864 3.112 1.19 1.479 3.545-2.855 1.515 1.882-3.545 2.854 1.19 1.479 3.848-3.098 1.515 1.882-6.183 4.978Zm4.142-16.636 4.275 10.183 2.764-1.16-1.411-3.362.957-.402 3.199 2.61 3.003-1.26-3.662-2.928c.422-.475.685-1.01.789-1.603.114-.637.019-1.32-.288-2.05-.303-.722-.72-1.275-1.253-1.66a3.351 3.351 0 0 0-1.821-.633c-.683-.037-1.402.103-2.157.42l-4.395 1.845Zm4.726 3.513-1.035-2.466.974-.409c.325-.136.62-.208.887-.214.268-.012.503.05.703.184.203.13.365.34.488.632.12.288.156.548.105.78-.047.23-.17.436-.367.616a2.756 2.756 0 0 1-.78.468l-.975.41Zm32.256 21.017v-2.67h10.612v2.67h-3.673v9.539h-3.267v-9.539h-3.672Zm-4.712.215c.266.223.415.532.447.93h3.171c-.004-.799-.203-1.496-.596-2.093-.39-.6-.944-1.065-1.663-1.395-.72-.33-1.572-.494-2.558-.494-.965 0-1.822.163-2.569.488-.743.326-1.325.781-1.747 1.366-.417.58-.624 1.258-.62 2.032-.004.954.304 1.707.924 2.26.624.548 1.477.94 2.558 1.174l1.216.263c.453.099.813.206 1.079.322.266.11.457.238.572.381.12.14.181.302.185.489a.858.858 0 0 1-.19.53 1.2 1.2 0 0 1-.543.364c-.239.088-.535.131-.889.131-.42 0-.784-.065-1.09-.197a1.56 1.56 0 0 1-.704-.578c-.167-.254-.26-.568-.28-.942h-3.148c.004 1.022.223 1.86.656 2.516.437.652 1.05 1.135 1.836 1.449.791.314 1.717.47 2.778.47 1.033 0 1.918-.144 2.653-.434.74-.29 1.308-.714 1.705-1.27.398-.557.598-1.236.602-2.04a3.743 3.743 0 0 0-.226-1.287 2.957 2.957 0 0 0-.674-1.06 4.128 4.128 0 0 0-1.18-.83c-.481-.234-1.06-.423-1.735-.566l-1.002-.215a5.58 5.58 0 0 1-.75-.202 2.339 2.339 0 0 1-.52-.25.968.968 0 0 1-.298-.316.784.784 0 0 1-.077-.4.81.81 0 0 1 .16-.477c.104-.139.263-.248.478-.328.218-.083.499-.125.84-.125.537 0 .936.111 1.199.334Zm-17.348 9.324v-12.21h5.27c.906 0 1.699.165 2.378.495.68.33 1.209.805 1.586 1.425.378.62.566 1.363.566 2.23 0 .874-.194 1.611-.584 2.211-.36.56-.856.993-1.49 1.297l2.48 4.552h-3.601l-2.144-4.03h-1.147v4.03h-3.314Zm4.483-6.606h-1.169v-2.957h1.169c.39 0 .721.054.995.161.279.104.491.267.638.49.151.218.227.502.227.852 0 .345-.076.626-.227.84-.147.215-.36.372-.638.471a3.047 3.047 0 0 1-.995.143Zm-6.054 6.606v-12.21h-3.315v12.21h3.315Zm-13.118 0v-12.21h8.584v2.671h-5.27v2.099h4.746v2.67h-4.746v4.77h-3.314Zm33.871 25.421v1.346c0 1.079.233 2.075.7 2.989a5.535 5.535 0 0 0 2.086 2.204c.916.557 2.04.835 3.37.835 1.332 0 2.46-.278 3.384-.835.924-.556 1.624-1.29 2.099-2.204.483-.914.725-1.91.725-2.99v-1.345c0-1.096-.237-2.1-.712-3.014-.475-.913-1.175-1.644-2.1-2.192-.915-.548-2.047-.822-3.395-.822-1.315 0-2.43.278-3.346.834a5.625 5.625 0 0 0-2.099 2.205 6.384 6.384 0 0 0-.712 2.99Zm4.427 1.346v-1.346c0-.498.118-.98.356-1.445.246-.464.704-.697 1.374-.697.729 0 1.2.233 1.411.697.213.466.319.947.319 1.445v1.346c0 .498-.115.971-.344 1.42-.22.448-.683.672-1.386.672-.67 0-1.128-.228-1.374-.685a3.067 3.067 0 0 1-.356-1.407ZM47 51.029v1.345c0 1.08.233 2.071.7 2.976.474.906 1.17 1.632 2.086 2.18.916.548 2.04.822 3.37.822 1.332 0 2.46-.27 3.384-.81.924-.54 1.624-1.261 2.099-2.167.483-.905.725-1.905.725-3.001v-1.346c0-1.096-.237-2.1-.712-3.014-.475-.913-1.175-1.644-2.1-2.192-.915-.548-2.047-.822-3.395-.822-1.298 0-2.405.274-3.32.822a5.631 5.631 0 0 0-2.112 2.192c-.483.914-.725 1.918-.725 3.014Zm4.477 1.345v-1.346c0-.473.11-.946.331-1.42.23-.481.679-.722 1.349-.722.729 0 1.2.233 1.412.698.212.465.317.946.317 1.444v1.346c0 .498-.114.971-.343 1.42-.22.448-.683.672-1.386.672-.645 0-1.086-.224-1.323-.672a2.991 2.991 0 0 1-.357-1.42Zm15.595-6.129-17.91 25.51h3.613l17.91-25.51h-3.613Zm-23.51-.905v26.396h-7.167V51.938h-.155l-5.774 3.455v-6.084l6.496-3.97h6.6ZM29.5 72a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Z"
+      />
+    </Svg>
+  )
+}

src/components/dialogs/nuxs/TenMillion/icons/TenPercent.tsx

···
+import React from 'react'
+import Svg, {Path} from 'react-native-svg'
+
+export function TenPercent({fill}: {fill?: string}) {
+  return (
+    <Svg fill="none" viewBox="0 0 101 101">
+      <Path
+        fill={fill}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m62.493 5.13-3.001-.49c.019-.252-.001-.487-.06-.704a1.547 1.547 0 0 0-.288-.582 1.574 1.574 0 0 0-.513-.434c-.21-.118-.458-.2-.741-.247-.497-.08-.937-.029-1.32.156-.38.186-.696.49-.947.91-.248.423-.423.95-.526 1.581-.11.667-.112 1.24-.008 1.72.108.477.313.857.617 1.14.304.278.695.457 1.174.535a2.5 2.5 0 0 0 .751.02c.228-.036.433-.107.614-.212s.337-.242.466-.41c.134-.171.237-.371.311-.6l2.998.512c-.11.456-.317.905-.619 1.347-.301.439-.69.827-1.168 1.164a4.666 4.666 0 0 1-1.675.721c-.643.146-1.364.154-2.162.024-1-.164-1.863-.525-2.588-1.084-.72-.559-1.244-1.293-1.569-2.202-.321-.908-.383-1.966-.186-3.172.198-1.213.599-2.197 1.203-2.95.605-.758 1.339-1.284 2.203-1.58.865-.3 1.787-.37 2.766-.21.689.113 1.307.31 1.854.593a4.63 4.63 0 0 1 1.387 1.074c.378.43.657.928.838 1.497.18.569.243 1.196.19 1.883Zm1.053 7.644 4.92-9.887 7.126 3.546-1.076 2.163-4.442-2.21-.846 1.7 4.075 2.027-1.076 2.163-4.075-2.028-.846 1.7 4.422 2.2-1.076 2.163-7.106-3.537Zm16.823-3.2-7.456 8.146 2.212 2.024 2.461-2.689.765.701-1.03 3.998 2.402 2.2 1.126-4.552a3.216 3.216 0 0 0 1.785.045c.627-.163 1.207-.536 1.741-1.12.53-.578.857-1.189.984-1.833a3.352 3.352 0 0 0-.188-1.92c-.252-.634-.68-1.229-1.285-1.782l-3.517-3.218Zm-1.21 5.763.78.714c.26.238.51.408.751.512.246.104.484.129.713.076.232-.051.454-.192.665-.423.213-.233.337-.47.37-.707a1.145 1.145 0 0 0-.128-.716 2.474 2.474 0 0 0-.566-.715l-.78-.714-1.805 1.973Zm9.085 5.498 2.07-1.246 4.95 8.224-2.07 1.246-1.713-2.846-7.393 4.448-1.523-2.531 7.392-4.45-1.713-2.845ZM87.24 38.102l10.45-3.575-.971-2.837-10.45 3.576.971 2.836Zm.809 2.203L99 38.885l.999 7.7-2.396.31-.613-4.727-1.882.245.552 4.256-2.396.311-.552-4.256-4.278.555-.386-2.974Zm.672 13.22 11.017.776.21-2.991-11.016-.776-.21 2.99Zm-.102 2.35 10.636 2.973-2.142 7.665-2.327-.65 1.335-4.778-1.828-.51-1.225 4.383-2.326-.65 1.224-4.384-1.828-.51-1.33 4.756-2.326-.65 2.137-7.645Zm-3.05 10.203-2.292 3.578c-.606.944-.946 1.881-1.02 2.81a4.625 4.625 0 0 0 .567 2.632c.454.825 1.165 1.547 2.134 2.168.968.62 1.921.963 2.859 1.025a4.568 4.568 0 0 0 2.634-.592c.818-.457 1.534-1.164 2.147-2.12l2.27-3.542-9.299-5.959Zm-.091 4.86.617-.962 5.012 3.212-.57.89c-.31.484-.647.845-1.009 1.083-.363.241-.782.331-1.256.271-.476-.057-1.037-.293-1.685-.708-.648-.416-1.098-.826-1.35-1.231-.255-.402-.352-.814-.29-1.236.059-.42.236-.859.53-1.319Zm-10.963 9.085 5.841 9.372-4.063 2.533c-.714.445-1.374.723-1.979.833-.607.112-1.144.07-1.61-.127-.469-.195-.852-.53-1.148-1.007a2.308 2.308 0 0 1-.36-1.085 2.38 2.38 0 0 1 .187-1.107 2.96 2.96 0 0 1 .707-.987l-.057-.092a2.77 2.77 0 0 1-1.29.378 2.48 2.48 0 0 1-1.269-.282c-.398-.205-.736-.529-1.011-.971a2.824 2.824 0 0 1-.45-1.62c.016-.565.198-1.115.547-1.65.348-.535.863-1.014 1.543-1.438l4.412-2.75Zm-1.278 3.618-1.19.742c-.427.266-.698.545-.813.837-.113.294-.071.599.125.913.137.22.303.374.499.464.196.09.411.117.647.08.232-.035.478-.133.738-.295l1.226-.764-1.232-1.977Zm2.213 3.551-1.043.65a1.822 1.822 0 0 0-.525.474c-.127.176-.197.36-.21.55a.954.954 0 0 0 .159.58c.18.29.422.447.725.47.304.027.615-.059.932-.257l1.08-.673-1.118-1.794Zm-7.713 9.129L64.67 85.71l-7.17 2.073.671 2.32 4.29-1.24 2.396 8.29 2.88-.834Zm-19.526 3.042-2.997-.037.087-7.074c.01-.842.22-1.567.63-2.177.407-.606.97-1.072 1.69-1.397.719-.322 1.551-.477 2.496-.466.953.012 1.785.188 2.496.527.712.343 1.263.823 1.654 1.439.388.62.577 1.35.567 2.19l-.088 7.075-2.997-.037.084-6.815a1.845 1.845 0 0 0-.216-.92 1.634 1.634 0 0 0-.617-.633 1.843 1.843 0 0 0-.914-.237 1.824 1.824 0 0 0-.92.215 1.633 1.633 0 0 0-.633.617 1.843 1.843 0 0 0-.238.914l-.084 6.816Zm-9.547-1.103 3.409-10.504-7.55-2.45-.746 2.298 4.698 1.524-.586 1.806-4.329-1.405-.745 2.298 4.329 1.405-.586 1.805-4.719-1.53-.745 2.297 7.57 2.456ZM22.905 87.208c-.177.314-.222.621-.135.923.084.3.327.585.729.857.256.173.487.284.693.332.201.049.376.047.524-.005a.733.733 0 0 0 .362-.276.709.709 0 0 0 .144-.338.874.874 0 0 0-.063-.388 2.117 2.117 0 0 0-.262-.45 5.056 5.056 0 0 0-.46-.533l-.643-.668a6.812 6.812 0 0 1-1.014-1.302 3.734 3.734 0 0 1-.465-1.219c-.07-.39-.06-.769.032-1.136.089-.37.25-.73.482-1.08.41-.6.904-1.008 1.484-1.224.58-.216 1.22-.245 1.92-.089.698.155 1.435.494 2.21 1.017.795.537 1.41 1.124 1.843 1.76.431.633.646 1.305.644 2.015-.008.71-.268 1.45-.782 2.218l-2.36-1.594c.174-.29.263-.573.267-.848a1.41 1.41 0 0 0-.235-.79 2.495 2.495 0 0 0-.718-.699 2.35 2.35 0 0 0-.732-.351 1.085 1.085 0 0 0-.591-.002.777.777 0 0 0-.412.3.681.681 0 0 0-.108.46c.014.166.092.358.235.576.142.222.357.484.646.788l.78.812c.69.723 1.132 1.448 1.322 2.175.185.728.034 1.449-.451 2.162-.39.583-.888.986-1.494 1.21-.612.225-1.279.27-2 .139-.726-.134-1.45-.445-2.174-.934-.739-.5-1.295-1.054-1.667-1.666-.372-.611-.552-1.24-.54-1.888.006-.646.21-1.269.612-1.87l2.377 1.606Zm-8.537-2.512 8.56-6.979-1.895-2.323-2.207 1.799-1.63.048 1.642-4.54-2.262-2.774-2.336 6.83-6.17.215 2.209 2.708 5.56-.247.095.117-3.46 2.822 1.894 2.324Zm-8.685-11.74-1.246-3.103 3.36-3.673-.031-.08-4.968-.33-1.245-3.103 8.537.943 3.223-1.293 1.108 2.762-3.223 1.294-5.515 6.583ZM0 51.466l11.033.49.352-7.93-2.413-.108-.22 4.935-1.896-.084.202-4.547-2.413-.107-.202 4.546-1.897-.084.22-4.956-2.413-.107L0 51.465Zm11.806-10.028L1.285 38.083l.91-2.856 8.22 2.62 1.357-4.253 2.301.734-2.267 7.11Zm3.2-9.565 2.393-3.511c.632-.927.998-1.854 1.1-2.781a4.625 4.625 0 0 0-.494-2.647c-.43-.837-1.12-1.58-2.071-2.227-.95-.648-1.894-1.016-2.83-1.106a4.567 4.567 0 0 0-2.649.518c-.83.434-1.566 1.12-2.206 2.06L5.88 25.653l9.126 6.22Zm.23-4.855-.645.944-4.919-3.352.595-.874c.324-.475.67-.826 1.039-1.054.37-.23.79-.309 1.263-.235.474.07 1.028.322 1.664.755.636.434 1.074.856 1.315 1.269.243.409.329.824.255 1.244-.07.417-.26.851-.568 1.303Zm7.154-5.173-6.926-8.603 6.2-4.99 1.515 1.88-3.864 3.112 1.19 1.478 3.545-2.854 1.515 1.882-3.545 2.854 1.19 1.479 3.848-3.098 1.515 1.882-6.183 4.978Zm4.142-16.636 4.275 10.183 2.764-1.16-1.411-3.362.957-.401 3.199 2.61 3.003-1.26-3.662-2.93c.422-.474.685-1.009.789-1.602.114-.637.019-1.32-.288-2.05-.303-.722-.72-1.275-1.253-1.66a3.351 3.351 0 0 0-1.821-.633c-.683-.037-1.402.103-2.157.42l-4.395 1.845Zm4.726 3.513-1.035-2.466.974-.409c.325-.136.62-.208.887-.214.268-.012.503.05.703.184.203.13.365.34.488.632.12.288.156.548.105.78-.047.23-.17.436-.367.616a2.756 2.756 0 0 1-.78.468l-.975.41Zm33.428 24.42v-2.957h11.748v2.957H72.37v10.56h-3.617v-10.56h-4.066Zm-5.217.237c.294.247.46.59.495 1.03h3.51c-.003-.884-.223-1.657-.66-2.316-.43-.665-1.044-1.18-1.84-1.545-.797-.365-1.74-.548-2.832-.548-1.07 0-2.017.18-2.845.541-.822.361-1.467.865-1.933 1.512-.462.642-.691 1.393-.687 2.25-.004 1.056.337 1.89 1.023 2.502.691.607 1.635 1.04 2.832 1.3l1.346.29c.502.11.9.23 1.195.357.294.123.506.264.633.422.132.154.2.335.205.541a.95.95 0 0 1-.211.588c-.137.172-.337.306-.6.403-.265.096-.593.145-.984.145-.467 0-.87-.073-1.208-.218a1.728 1.728 0 0 1-.779-.64c-.185-.282-.288-.63-.31-1.043h-3.485c.004 1.13.246 2.06.726 2.785.484.722 1.162 1.256 2.033 1.604.875.348 1.9.521 3.075.521 1.145 0 2.123-.16 2.938-.481.818-.322 1.447-.79 1.887-1.406.44-.616.662-1.369.667-2.258a4.144 4.144 0 0 0-.251-1.425 3.273 3.273 0 0 0-.746-1.175c-.339-.352-.774-.658-1.307-.917-.532-.26-1.172-.469-1.92-.627l-1.11-.238a6.172 6.172 0 0 1-.83-.224 2.59 2.59 0 0 1-.575-.278 1.07 1.07 0 0 1-.33-.35.867.867 0 0 1-.086-.442.897.897 0 0 1 .178-.528c.115-.154.29-.275.529-.363.241-.092.552-.138.93-.138.594 0 1.036.123 1.327.37ZM40.263 43.703V30.185h5.834c1.003 0 1.881.183 2.633.548a4.102 4.102 0 0 1 1.756 1.577c.418.687.627 1.51.627 2.469 0 .968-.216 1.784-.647 2.448a3.936 3.936 0 0 1-1.65 1.435l2.746 5.04h-3.987l-2.373-4.462h-1.27v4.462h-3.67Zm3.67-10.587v3.274h1.293c.431 0 .798-.053 1.102-.158.308-.11.543-.284.706-.522.167-.237.251-.547.251-.93 0-.388-.084-.702-.25-.944a1.402 1.402 0 0 0-.707-.541c-.304-.12-.671-.178-1.102-.178h-1.294Zm-5.41 10.587V30.185h-3.67v13.517h3.67Zm-14.523 0V30.185h9.504v2.957H27.67v2.323h5.253v2.957H27.67v5.28H24Zm42.585 19.812v1.063c0 .853.18 1.64.541 2.362a4.335 4.335 0 0 0 1.614 1.742c.709.44 1.578.659 2.608.659s1.903-.22 2.618-.66a4.314 4.314 0 0 0 1.623-1.741c.374-.722.561-1.509.561-2.362v-1.063c0-.866-.184-1.66-.55-2.381a4.25 4.25 0 0 0-1.625-1.732c-.708-.433-1.584-.65-2.627-.65-1.017 0-1.88.22-2.588.66a4.407 4.407 0 0 0-1.624 1.742 5.13 5.13 0 0 0-.55 2.361Zm3.425 1.063v-1.063c0-.393.092-.774.275-1.141.19-.367.545-.551 1.063-.551.564 0 .928.183 1.092.55.164.368.246.749.246 1.142v1.063c0 .394-.088.768-.265 1.122-.17.354-.529.531-1.073.531-.518 0-.873-.18-1.063-.54a2.464 2.464 0 0 1-.275-1.113ZM56.036 51.981v1.063c0 .853.18 1.637.541 2.352.368.715.906 1.29 1.614 1.722.709.433 1.578.65 2.608.65s1.903-.214 2.618-.64a4.2 4.2 0 0 0 1.623-1.712c.374-.715.561-1.506.561-2.372v-1.063c0-.866-.183-1.66-.55-2.381a4.25 4.25 0 0 0-1.625-1.732c-.708-.433-1.584-.65-2.627-.65-1.004 0-1.86.217-2.568.65a4.409 4.409 0 0 0-1.634 1.732 5.098 5.098 0 0 0-.56 2.381Zm3.464 1.063v-1.063c0-.373.085-.748.256-1.121.177-.38.525-.571 1.043-.571.564 0 .928.183 1.092.55.164.368.246.749.246 1.142v1.063c0 .394-.088.768-.265 1.122-.17.354-.528.531-1.073.531-.498 0-.84-.177-1.023-.531a2.404 2.404 0 0 1-.276-1.122Zm12.064-4.841L57.71 68.356h2.795l13.855-20.153h-2.794ZM45.251 68.907c-1.83-.006-3.411-.43-4.743-1.27-1.332-.839-2.359-2.05-3.08-3.63-.722-1.582-1.08-3.477-1.073-5.688.007-2.218.367-4.1 1.083-5.649.721-1.548 1.745-2.725 3.07-3.532 1.331-.807 2.912-1.21 4.743-1.21 1.83 0 3.411.406 4.743 1.22 1.332.806 2.358 1.984 3.08 3.532s1.08 3.428 1.073 5.639c0 2.224-.361 4.126-1.083 5.707-.721 1.581-1.748 2.792-3.08 3.631-1.325.834-2.903 1.25-4.733 1.25Zm0-4.448c.945 0 1.719-.492 2.322-1.476.61-.99.912-2.545.905-4.664 0-1.384-.137-2.516-.413-3.395-.275-.88-.656-1.529-1.141-1.949a2.46 2.46 0 0 0-1.673-.64c-.945 0-1.716.48-2.313 1.438-.597.957-.902 2.473-.915 4.546-.006 1.41.128 2.571.404 3.483.275.906.656 1.575 1.141 2.008.492.433 1.053.65 1.683.65Zm-11.253 3.897V48.203H28.96L24 51.233v4.646l4.409-2.638h.118v15.115h5.47Z"
+      />
+    </Svg>
+  )
+}

src/components/dialogs/nuxs/TenMillion/icons/TwentyFivePercent.tsx

···
+import React from 'react'
+import Svg, {Path} from 'react-native-svg'
+
+export function TwentyFivePercent({fill}: {fill?: string}) {
+  return (
+    <Svg fill="none" viewBox="0 0 101 101">
+      <Path
+        fill={fill}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m63.145 6.112-3.002-.49c.02-.252 0-.487-.06-.704a1.548 1.548 0 0 0-.287-.583 1.576 1.576 0 0 0-.514-.433 2.24 2.24 0 0 0-.74-.247c-.498-.081-.938-.03-1.321.156-.38.185-.696.489-.947.91-.247.423-.422.95-.526 1.581-.109.667-.111 1.24-.008 1.72.108.477.314.856.617 1.139.305.28.696.458 1.175.536a2.5 2.5 0 0 0 .751.019c.228-.036.433-.106.614-.211.18-.105.336-.242.466-.41.133-.172.237-.371.31-.6l2.999.512c-.111.455-.317.904-.62 1.347-.3.439-.69.827-1.167 1.164a4.665 4.665 0 0 1-1.675.72c-.644.147-1.364.155-2.163.024-1-.163-1.863-.524-2.587-1.084-.721-.558-1.244-1.292-1.57-2.201-.32-.909-.383-1.966-.186-3.172.199-1.214.6-2.197 1.204-2.95.604-.758 1.339-1.285 2.203-1.58.865-.3 1.787-.37 2.766-.21.688.113 1.306.31 1.854.593a4.63 4.63 0 0 1 1.387 1.073c.378.43.657.93.837 1.498.18.568.244 1.196.19 1.883Zm1.052 7.644 4.921-9.887 7.126 3.546-1.077 2.163-4.441-2.21-.846 1.699 4.075 2.028-1.077 2.162-4.074-2.027-.846 1.699 4.422 2.2-1.076 2.163-7.107-3.536Zm16.824-3.2-7.456 8.146 2.211 2.024 2.462-2.689.765.7-1.03 3.999 2.402 2.199 1.125-4.552a3.216 3.216 0 0 0 1.786.045c.626-.162 1.207-.535 1.74-1.119.53-.578.858-1.189.984-1.833a3.35 3.35 0 0 0-.188-1.92c-.252-.634-.68-1.229-1.285-1.782l-3.516-3.219Zm-1.21 5.763.779.713c.26.238.51.41.752.513.246.103.484.129.713.075.232-.05.453-.192.664-.422.214-.234.337-.47.37-.707a1.145 1.145 0 0 0-.127-.716 2.473 2.473 0 0 0-.566-.716l-.78-.713-1.806 1.973Zm9.085 5.498 2.07-1.246 4.949 8.224-2.07 1.246-1.713-2.846-7.392 4.448-1.524-2.532 7.393-4.448-1.713-2.846Zm-1.004 17.267L98.34 35.51l-.97-2.837-10.45 3.575.97 2.837Zm.809 2.203 10.951-1.421 1 7.7-2.396.311-.614-4.727-1.882.244.552 4.257-2.395.31-.553-4.256-4.278.555-.385-2.973Zm.672 13.22 11.016.776.211-2.991-11.016-.776-.211 2.99Zm-.103 2.35 10.636 2.973-2.142 7.665-2.326-.65 1.335-4.778-1.828-.51-1.225 4.382-2.327-.65 1.225-4.383-1.828-.511-1.33 4.757-2.326-.65 2.136-7.645ZM86.221 67.06l-2.293 3.577c-.605.945-.945 1.882-1.02 2.811a4.626 4.626 0 0 0 .568 2.632c.454.824 1.165 1.547 2.133 2.168.969.62 1.922.962 2.86 1.025a4.568 4.568 0 0 0 2.633-.592c.819-.457 1.534-1.165 2.147-2.12l2.27-3.542-9.298-5.96Zm-.092 4.86.617-.963 5.012 3.213-.57.89c-.31.484-.646.845-1.008 1.083-.364.24-.782.331-1.256.27-.476-.056-1.038-.293-1.685-.708-.648-.415-1.098-.825-1.35-1.23-.255-.403-.352-.815-.29-1.237.058-.418.235-.858.53-1.318Zm-10.963 9.085 5.842 9.372-4.064 2.533c-.714.445-1.373.722-1.978.833-.608.112-1.145.07-1.61-.127-.47-.195-.852-.53-1.149-1.007a2.308 2.308 0 0 1-.359-1.085 2.381 2.381 0 0 1 .187-1.108 2.96 2.96 0 0 1 .707-.986l-.058-.092a2.77 2.77 0 0 1-1.289.378 2.48 2.48 0 0 1-1.27-.283c-.398-.205-.735-.528-1.01-.97a2.824 2.824 0 0 1-.45-1.62c.015-.565.198-1.115.546-1.65.349-.535.864-1.014 1.544-1.438l4.411-2.75Zm-1.278 3.618-1.19.741c-.427.266-.697.545-.812.837-.113.295-.071.6.124.914.137.22.304.374.5.464.195.09.41.116.646.08.233-.035.479-.133.738-.295l1.227-.764-1.233-1.977Zm2.214 3.55-1.044.651a1.819 1.819 0 0 0-.524.473c-.128.177-.197.36-.21.55a.954.954 0 0 0 .159.582c.18.29.422.446.724.47.305.025.616-.06.933-.258l1.08-.673-1.118-1.794Zm-7.713 9.13-3.068-10.61-7.17 2.073.672 2.32 4.29-1.24 2.395 8.289 2.88-.833Zm-19.526 3.041-2.998-.036.087-7.075c.01-.84.22-1.566.63-2.176.407-.606.97-1.072 1.69-1.398.72-.322 1.552-.477 2.497-.465.953.012 1.785.187 2.496.527.711.343 1.263.822 1.654 1.439.388.62.577 1.35.566 2.19l-.087 7.075-2.998-.037.084-6.816a1.843 1.843 0 0 0-.215-.919 1.634 1.634 0 0 0-.618-.633 1.843 1.843 0 0 0-.914-.238 1.824 1.824 0 0 0-.92.215 1.634 1.634 0 0 0-.632.618 1.844 1.844 0 0 0-.238.914l-.084 6.815Zm-9.547-1.102 3.408-10.505-7.55-2.45-.746 2.299 4.699 1.524-.586 1.806-4.329-1.405-.746 2.298 4.33 1.404-.586 1.806-4.72-1.531-.745 2.298 7.571 2.456ZM23.556 88.19c-.176.314-.222.622-.135.924.084.3.327.585.73.857.256.173.487.283.693.331.201.05.376.048.523-.004a.732.732 0 0 0 .363-.276.708.708 0 0 0 .144-.339.874.874 0 0 0-.064-.388 2.113 2.113 0 0 0-.262-.45 5.045 5.045 0 0 0-.46-.532l-.642-.668a6.812 6.812 0 0 1-1.014-1.303 3.736 3.736 0 0 1-.465-1.218c-.071-.39-.06-.77.032-1.137.089-.37.25-.73.482-1.08.41-.6.904-1.007 1.483-1.223.58-.216 1.22-.246 1.921-.089.698.155 1.434.494 2.209 1.017.796.537 1.41 1.123 1.844 1.76.431.633.645 1.305.643 2.014-.007.711-.268 1.45-.782 2.218l-2.36-1.593c.175-.29.264-.573.267-.848a1.41 1.41 0 0 0-.234-.79 2.495 2.495 0 0 0-.718-.7 2.35 2.35 0 0 0-.733-.35 1.085 1.085 0 0 0-.59-.003.777.777 0 0 0-.412.302.682.682 0 0 0-.109.46c.014.165.093.357.236.575.141.221.357.484.646.788l.779.812c.691.723 1.132 1.448 1.322 2.175.185.728.035 1.448-.45 2.162-.39.582-.888.986-1.495 1.21-.611.224-1.278.27-2 .139-.725-.134-1.45-.446-2.174-.935-.738-.499-1.294-1.054-1.666-1.665-.373-.612-.553-1.24-.54-1.888.006-.646.21-1.27.611-1.87l2.378 1.605Zm-8.537-2.512 8.56-6.978-1.895-2.324-2.206 1.8-1.63.048 1.642-4.54-2.262-2.775-2.336 6.83-6.17.216 2.208 2.708 5.56-.247.095.117-3.46 2.822 1.894 2.323Zm-8.685-11.74L5.09 70.836l3.36-3.673-.032-.08-4.967-.33-1.245-3.103 8.536.943 3.223-1.294 1.109 2.763-3.223 1.293-5.516 6.584ZM.652 52.448l11.032.49.353-7.93-2.414-.107-.219 4.934-1.896-.084.202-4.546-2.414-.108-.202 4.547-1.896-.084.22-4.956-2.413-.108-.353 7.952ZM12.458 42.42 1.936 39.065l.911-2.856 8.22 2.62 1.357-4.254 2.301.734-2.267 7.11Zm3.2-9.565 2.393-3.511c.632-.927.998-1.854 1.1-2.782a4.625 4.625 0 0 0-.494-2.646c-.43-.837-1.121-1.58-2.072-2.227-.95-.648-1.893-1.017-2.829-1.106a4.568 4.568 0 0 0-2.65.517c-.83.435-1.566 1.121-2.205 2.06l-2.37 3.476 9.127 6.219Zm.229-4.856-.644.945-4.92-3.353.596-.873c.324-.475.67-.827 1.038-1.054.37-.23.791-.31 1.263-.236.474.07 1.029.323 1.665.756.636.433 1.074.856 1.315 1.268.243.41.328.824.255 1.244-.071.417-.26.852-.568 1.303Zm7.155-5.173-6.926-8.602 6.2-4.991 1.515 1.881-3.865 3.112 1.19 1.478 3.546-2.854 1.515 1.882-3.545 2.854 1.19 1.478 3.848-3.097 1.514 1.882-6.182 4.977Zm4.141-16.635 4.275 10.183 2.765-1.161-1.411-3.361.956-.402 3.2 2.61 3.002-1.26L36.31 9.87c.421-.475.684-1.009.788-1.602.115-.637.02-1.32-.287-2.05-.303-.722-.721-1.276-1.253-1.66a3.351 3.351 0 0 0-1.822-.634c-.682-.037-1.4.103-2.157.42l-4.395 1.846Zm4.727 3.513-1.036-2.466.975-.41c.325-.136.62-.207.887-.214.268-.01.502.05.703.185.202.13.365.34.487.631.121.289.156.549.106.78-.048.231-.17.437-.367.617a2.755 2.755 0 0 1-.78.468l-.975.409Zm35.849 55.521v-1.027c0-.824.177-1.584.532-2.281a4.257 4.257 0 0 1 1.569-1.683c.684-.425 1.518-.637 2.5-.637 1.008 0 1.854.209 2.539.627.69.419 1.214.976 1.569 1.674.355.697.532 1.464.532 2.3v1.027c0 .824-.18 1.585-.542 2.282a4.17 4.17 0 0 1-1.569 1.683c-.69.424-1.533.637-2.529.637-.995 0-1.835-.213-2.52-.637a4.188 4.188 0 0 1-1.558-1.683 5.03 5.03 0 0 1-.523-2.282Zm3.308-1.027v1.027c0 .361.09.72.267 1.074.183.349.526.523 1.026.523.526 0 .872-.17 1.037-.513.17-.342.256-.704.256-1.084v-1.027c0-.38-.079-.748-.237-1.103-.159-.355-.51-.532-1.056-.532-.5 0-.843.177-1.026.532a2.437 2.437 0 0 0-.267 1.103Zm-13.5-10.116v-1.026c0-.837.18-1.604.542-2.301a4.259 4.259 0 0 1 1.578-1.674c.684-.418 1.512-.627 2.481-.627 1.008 0 1.854.21 2.539.627.69.419 1.214.976 1.569 1.674.355.697.532 1.464.532 2.3v1.027c0 .837-.18 1.6-.542 2.292a4.058 4.058 0 0 1-1.569 1.654c-.69.412-1.534.618-2.529.618-.995 0-1.835-.21-2.52-.628a4.14 4.14 0 0 1-1.558-1.663 4.972 4.972 0 0 1-.523-2.273Zm3.346-1.026v1.026c0 .38.09.742.267 1.084.177.342.507.514.988.514.526 0 .872-.172 1.037-.514.17-.342.256-.703.256-1.084v-1.026c0-.38-.079-.748-.237-1.103-.159-.355-.51-.533-1.056-.533-.5 0-.836.184-1.007.552a2.592 2.592 0 0 0-.248 1.084Zm-1.73 15.82L72.57 49.405h2.7L61.883 68.876h-2.7Zm-15.058-.523c1.16.526 2.488.789 3.984.789 1.584 0 2.963-.295 4.136-.884 1.172-.596 2.082-1.417 2.728-2.463.653-1.052.976-2.256.97-3.613.006-1.235-.257-2.326-.79-3.27a5.806 5.806 0 0 0-2.157-2.234c-.907-.54-1.94-.808-3.1-.808-.989 0-1.857.196-2.605.589-.748.387-1.274.875-1.578 1.464h-.114l.38-4.297h8.747v-4.221H41.644l-.76 10.724 4.639.913a2.443 2.443 0 0 1 1.036-1.113 3.062 3.062 0 0 1 1.55-.409c.538 0 1.014.118 1.426.352.412.228.735.555.97.98.234.418.348.912.342 1.483.006.564-.108 1.058-.342 1.483a2.509 2.509 0 0 1-.97.989c-.412.228-.887.342-1.426.342-.698 0-1.3-.2-1.807-.6-.5-.398-.76-.934-.78-1.606H40.39c.012 1.21.348 2.282 1.008 3.214.665.931 1.575 1.663 2.728 2.196Zm-19.514.523v-3.803l7.263-6.009c.482-.399.894-.773 1.236-1.122.349-.355.615-.719.799-1.093.19-.374.285-.789.285-1.245 0-.501-.108-.929-.323-1.284-.21-.355-.5-.627-.875-.818-.374-.196-.805-.294-1.293-.294-.488 0-.919.098-1.293.294a2.05 2.05 0 0 0-.855.866c-.203.38-.305.843-.305 1.388h-5.02c0-1.37.308-2.548.923-3.537.614-.989 1.483-1.75 2.605-2.282 1.122-.532 2.437-.798 3.945-.798 1.56 0 2.91.25 4.05.75 1.148.495 2.032 1.192 2.653 2.092.627.9.941 1.956.941 3.166 0 .748-.155 1.493-.466 2.235-.31.735-.868 1.55-1.673 2.443-.805.894-1.949 1.958-3.432 3.194l-1.826 1.522v.114h7.606v4.221H24.611ZM65.1 31.107v2.97h4.084v10.609h3.633V34.078h4.084v-2.97H65.101Zm-4.744 4.243c-.035-.442-.201-.786-.497-1.034-.292-.247-.736-.371-1.333-.371-.38 0-.692.046-.935.14-.238.088-.415.21-.53.364a.901.901 0 0 0-.18.53.87.87 0 0 0 .087.444c.07.129.181.246.332.352.15.102.342.194.576.278.235.084.513.16.836.226l1.114.238c.751.16 1.394.37 1.929.63.535.261.972.568 1.313.922.34.349.59.742.749 1.18.163.438.247.915.252 1.432-.005.893-.228 1.649-.67 2.267-.442.62-1.074 1.09-1.896 1.413-.818.322-1.801.484-2.95.484-1.18 0-2.21-.175-3.09-.524-.875-.35-1.556-.886-2.042-1.611-.482-.73-.725-1.662-.73-2.798h3.501c.023.415.126.765.312 1.047.186.283.446.498.782.644.34.145.745.218 1.214.218.393 0 .722-.048.988-.145.265-.098.466-.233.603-.405a.955.955 0 0 0 .212-.59.838.838 0 0 0-.206-.544c-.128-.159-.34-.3-.636-.424-.296-.128-.696-.248-1.2-.358l-1.353-.292c-1.202-.26-2.15-.696-2.844-1.306-.69-.614-1.032-1.452-1.027-2.513-.005-.861.225-1.615.689-2.26.469-.65 1.116-1.156 1.943-1.519.83-.362 1.783-.543 2.857-.543 1.096 0 2.044.183 2.844.55.8.367 1.417.884 1.85 1.551.438.663.659 1.44.663 2.327h-3.527Zm-19.79-4.242v13.578h3.686v-4.482h1.276l2.383 4.482h4.005l-2.758-5.063a3.953 3.953 0 0 0 1.657-1.441c.434-.668.65-1.488.65-2.46 0-.964-.21-1.79-.63-2.48a4.12 4.12 0 0 0-1.763-1.584c-.756-.367-1.638-.55-2.646-.55h-5.86Zm3.686 6.232V34.05h1.3c.432 0 .802.06 1.107.18.309.114.545.295.709.543.168.243.252.559.252.948 0 .384-.084.696-.252.935a1.4 1.4 0 0 1-.71.524c-.304.106-.674.159-1.107.159h-1.3Zm-5.433-6.233v13.579h-3.687V31.108h3.687Zm-14.59 0v13.579h3.686v-5.304h5.278v-2.97h-5.278v-2.334h5.861v-2.97H24.23Z"
+      />
+    </Svg>
+  )
+}

src/components/dialogs/nuxs/TenMillion/index.tsx

···
+import React from 'react'
+import {View} from 'react-native'
+import Animated, {FadeIn} from 'react-native-reanimated'
+import ViewShot from 'react-native-view-shot'
+import {Image} from 'expo-image'
+import {requestMediaLibraryPermissionsAsync} from 'expo-image-picker'
+import * as MediaLibrary from 'expo-media-library'
+import {moderateProfile} from '@atproto/api'
+import {msg, Trans} from '@lingui/macro'
+import {useLingui} from '@lingui/react'
+
+import {networkRetry} from '#/lib/async/retry'
+import {getCanvas} from '#/lib/canvas'
+import {shareUrl} from '#/lib/sharing'
+import {sanitizeDisplayName} from '#/lib/strings/display-names'
+import {sanitizeHandle} from '#/lib/strings/handles'
+import {isIOS, isNative} from '#/platform/detection'
+import {useModerationOpts} from '#/state/preferences/moderation-opts'
+import {useProfileQuery} from '#/state/queries/profile'
+import {useAgent, useSession} from '#/state/session'
+import {useComposerControls} from 'state/shell'
+import {formatCount} from '#/view/com/util/numeric/format'
+import {Logomark} from '#/view/icons/Logomark'
+import * as Toast from 'view/com/util/Toast'
+import {
+  atoms as a,
+  ThemeProvider,
+  tokens,
+  useBreakpoints,
+  useTheme,
+} from '#/alf'
+import {Button, ButtonIcon, ButtonText} from '#/components/Button'
+import * as Dialog from '#/components/Dialog'
+import {useNuxDialogContext} from '#/components/dialogs/nuxs'
+import {OnePercent} from '#/components/dialogs/nuxs/TenMillion/icons/OnePercent'
+import {PointOnePercent} from '#/components/dialogs/nuxs/TenMillion/icons/PointOnePercent'
+import {TenPercent} from '#/components/dialogs/nuxs/TenMillion/icons/TenPercent'
+import {Divider} from '#/components/Divider'
+import {GradientFill} from '#/components/GradientFill'
+import {ArrowOutOfBox_Stroke2_Corner0_Rounded as Share} from '#/components/icons/ArrowOutOfBox'
+import {Download_Stroke2_Corner0_Rounded as Download} from '#/components/icons/Download'
+import {Image_Stroke2_Corner0_Rounded as ImageIcon} from '#/components/icons/Image'
+import {Loader} from '#/components/Loader'
+import {Text} from '#/components/Typography'
+
+const DEBUG = false
+const RATIO = 8 / 10
+const WIDTH = 2000
+const HEIGHT = WIDTH * RATIO
+
+function getFontSize(count: number) {
+  const length = count.toString().length
+  if (length < 7) {
+    return 80
+  } else if (length < 5) {
+    return 100
+  } else {
+    return 70
+  }
+}
+
+function getPercentBadge(percent: number) {
+  if (percent <= 0.001) {
+    return PointOnePercent
+  } else if (percent <= 0.01) {
+    return OnePercent
+  } else if (percent <= 0.1) {
+    return TenPercent
+  }
+  return null
+}
+
+function Frame({children}: {children: React.ReactNode}) {
+  return (
+    <View
+      style={[
+        a.relative,
+        a.w_full,
+        a.overflow_hidden,
+        {
+          paddingTop: '80%',
+        },
+      ]}>
+      {children}
+    </View>
+  )
+}
+
+export function TenMillion() {
+  const agent = useAgent()
+  const nuxDialogs = useNuxDialogContext()
+  const [userNumber, setUserNumber] = React.useState<number>(0)
+  const fetching = React.useRef(false)
+
+  React.useEffect(() => {
+    async function fetchUserNumber() {
+      const isBlueskyHosted = agent.sessionManager.pdsUrl
+        ?.toString()
+        .includes('bsky.network')
+
+      if (isBlueskyHosted && agent.session?.accessJwt) {
+        const res = await fetch(
+          `https://bsky.social/xrpc/com.atproto.temp.getSignupNumber`,
+          {
+            headers: {
+              Authorization: `Bearer ${agent.session.accessJwt}`,
+            },
+          },
+        )
+
+        if (!res.ok) {
+          throw new Error('Network request failed')
+        }
+
+        const data = await res.json()
+
+        if (data.number) {
+          setUserNumber(data.number)
+        } else {
+          // should be rare
+          nuxDialogs.dismissActiveNux()
+        }
+      }
+    }
+
+    if (!fetching.current) {
+      fetching.current = true
+      networkRetry(3, fetchUserNumber).catch(() => {
+        nuxDialogs.dismissActiveNux()
+      })
+    }
+  }, [
+    agent.sessionManager.pdsUrl,
+    agent.session?.accessJwt,
+    setUserNumber,
+    nuxDialogs.dismissActiveNux,
+    nuxDialogs,
+  ])
+
+  return userNumber ? <TenMillionInner userNumber={userNumber} /> : null
+}
+
+export function TenMillionInner({userNumber}: {userNumber: number}) {
+  const t = useTheme()
+  const lightTheme = useTheme('light')
+  const {_, i18n} = useLingui()
+  const control = Dialog.useDialogControl()
+  const {gtMobile} = useBreakpoints()
+  const {openComposer} = useComposerControls()
+  const {currentAccount} = useSession()
+  const {
+    isLoading: isProfileLoading,
+    data: profile,
+    error: profileError,
+  } = useProfileQuery({
+    did: currentAccount!.did,
+  })
+  const moderationOpts = useModerationOpts()
+  const nuxDialogs = useNuxDialogContext()
+  const moderation = React.useMemo(() => {
+    return profile && moderationOpts
+      ? moderateProfile(profile, moderationOpts)
+      : undefined
+  }, [profile, moderationOpts])
+  const [uri, setUri] = React.useState<string | null>(null)
+  const percent = userNumber / 10_000_000
+  const Badge = getPercentBadge(percent)
+  const isLoadingData = isProfileLoading || !moderation || !profile
+  const isLoadingImage = !uri
+
+  const error: string = React.useMemo(() => {
+    if (profileError) {
+      return _(
+        msg`Oh no! We weren't able to generate an image for you to share. Rest assured, we're glad you're here 🦋`,
+      )
+    }
+    return ''
+  }, [_, profileError])
+
+  /*
+   * Opening and closing
+   */
+  React.useEffect(() => {
+    const timeout = setTimeout(() => {
+      control.open()
+    }, 3e3)
+    return () => {
+      clearTimeout(timeout)
+    }
+  }, [control])
+  const onClose = React.useCallback(() => {
+    nuxDialogs.dismissActiveNux()
+  }, [nuxDialogs])
+
+  /*
+   * Actions
+   */
+  const sharePost = React.useCallback(() => {
+    if (uri) {
+      control.close(() => {
+        setTimeout(() => {
+          openComposer({
+            text: _(
+              msg`Bluesky now has over 10 million users, and I was #${i18n.number(
+                userNumber,
+              )}!`,
+            ), // TODO
+            imageUris: [
+              {
+                uri,
+                width: WIDTH,
+                height: HEIGHT,
+              },
+            ],
+          })
+        }, 1e3)
+      })
+    }
+  }, [_, i18n, control, openComposer, uri, userNumber])
+  const onNativeShare = React.useCallback(() => {
+    if (uri) {
+      control.close(() => {
+        shareUrl(uri)
+      })
+    }
+  }, [uri, control])
+  const onNativeDownload = React.useCallback(async () => {
+    if (uri) {
+      const res = await requestMediaLibraryPermissionsAsync()
+
+      if (!res) {
+        Toast.show(
+          _(
+            msg`You must grant access to your photo library to save the image.`,
+          ),
+          'xmark',
+        )
+        return
+      }
+
+      try {
+        await MediaLibrary.createAssetAsync(uri)
+        Toast.show(_(msg`Image saved to your camera roll!`))
+      } catch (e: unknown) {
+        console.log(e)
+        Toast.show(_(msg`An error occurred while saving the image!`), 'xmark')
+        return
+      }
+    }
+  }, [_, uri])
+  const onWebDownload = React.useCallback(async () => {
+    if (uri) {
+      const canvas = await getCanvas(uri)
+      const imgHref = canvas
+        .toDataURL('image/png')
+        .replace('image/png', 'image/octet-stream')
+      const link = document.createElement('a')
+      link.setAttribute('download', `Bluesky 10M Users.png`)
+      link.setAttribute('href', imgHref)
+      link.click()
+    }
+  }, [uri])
+
+  /*
+   * Canvas stuff
+   */
+  const imageRef = React.useRef<ViewShot>(null)
+  const captureInProgress = React.useRef(false)
+  const onCanvasReady = React.useCallback(async () => {
+    if (
+      imageRef.current &&
+      imageRef.current.capture &&
+      !captureInProgress.current
+    ) {
+      captureInProgress.current = true
+      const uri = await imageRef.current.capture()
+      setUri(uri)
+    }
+  }, [setUri])
+  const canvas = isLoadingData ? null : (
+    <View
+      style={[
+        a.absolute,
+        a.overflow_hidden,
+        DEBUG
+          ? {
+              width: 600,
+              height: 600 * RATIO,
+            }
+          : {
+              width: 1,
+              height: 1,
+            },
+      ]}>
+      <View style={{width: 600}}>
+        <ThemeProvider theme="light">
+          <Frame>
+            <ViewShot
+              ref={imageRef}
+              options={{width: WIDTH, height: HEIGHT}}
+              style={[a.absolute, a.inset_0]}>
+              <View
+                onLayout={onCanvasReady}
+                style={[
+                  a.absolute,
+                  a.inset_0,
+                  a.align_center,
+                  a.justify_center,
+                  {
+                    top: -1,
+                    bottom: -1,
+                    left: -1,
+                    right: -1,
+                    paddingVertical: 48,
+                    paddingHorizontal: 48,
+                  },
+                ]}>
+                <GradientFill gradient={tokens.gradients.bonfire} />
+
+                <View
+                  style={[
+                    a.flex_1,
+                    a.w_full,
+                    a.align_center,
+                    a.justify_center,
+                    a.rounded_md,
+                    {
+                      backgroundColor: 'white',
+                      shadowRadius: 32,
+                      shadowOpacity: 0.1,
+                      elevation: 24,
+                      shadowColor: tokens.gradients.bonfire.values[0][1],
+                    },
+                  ]}>
+                  <View
+                    style={[
+                      a.absolute,
+                      a.px_xl,
+                      a.py_xl,
+                      {
+                        top: 0,
+                        left: 0,
+                      },
+                    ]}>
+                    <Logomark fill={t.palette.primary_500} width={36} />
+                  </View>
+
+                  {/* Centered content */}
+                  <View
+                    style={[
+                      {
+                        paddingBottom: isNative ? 0 : 24,
+                      },
+                    ]}>
+                    <Text
+                      style={[
+                        a.text_md,
+                        a.font_bold,
+                        a.text_center,
+                        a.pb_sm,
+                        lightTheme.atoms.text_contrast_medium,
+                      ]}>
+                      <Trans>
+                        Celebrating {formatCount(i18n, 10000000)} users
+                      </Trans>{' '}
+                      🎉
+                    </Text>
+                    <View style={[a.flex_row, a.align_start]}>
+                      <Text
+                        style={[
+                          a.absolute,
+                          {
+                            color: t.palette.primary_500,
+                            fontSize: 32,
+                            fontWeight: '900',
+                            width: 32,
+                            top: isNative ? -10 : 0,
+                            left: 0,
+                            transform: [
+                              {
+                                translateX: -16,
+                              },
+                            ],
+                          },
+                        ]}>
+                        #
+                      </Text>
+                      <Text
+                        style={[
+                          a.relative,
+                          a.text_center,
+                          {
+                            fontStyle: 'italic',
+                            fontSize: getFontSize(userNumber),
+                            lineHeight: getFontSize(userNumber),
+                            fontWeight: '900',
+                            letterSpacing: -2,
+                          },
+                        ]}>
+                        {i18n.number(userNumber)}
+                      </Text>
+                    </View>
+
+                    {Badge && (
+                      <View
+                        style={[
+                          a.absolute,
+                          {
+                            width: 64,
+                            height: 64,
+                            top: isNative ? 75 : 85,
+                            right: '5%',
+                            transform: [
+                              {
+                                rotate: '8deg',
+                              },
+                            ],
+                          },
+                        ]}>
+                        <Badge fill={t.palette.primary_500} />
+                      </View>
+                    )}
+                  </View>
+                  {/* End centered content */}
+
+                  <View
+                    style={[
+                      a.absolute,
+                      a.px_xl,
+                      a.py_xl,
+                      {
+                        bottom: 0,
+                        left: 0,
+                        right: 0,
+                      },
+                    ]}>
+                    <View style={[a.flex_row, a.align_center, a.gap_sm]}>
+                      {/*
+                      <UserAvatar
+                        size={36}
+                        avatar={profile.avatar}
+                        moderation={moderation.ui('avatar')}
+                        onLoad={onCanvasReady}
+                      />
+                        */}
+                      <View style={[a.gap_2xs, a.flex_1]}>
+                        <Text
+                          style={[
+                            a.flex_1,
+                            a.text_sm,
+                            a.font_bold,
+                            a.leading_tight,
+                            {maxWidth: '60%'},
+                          ]}>
+                          {sanitizeDisplayName(
+                            profile.displayName ||
+                              sanitizeHandle(profile.handle),
+                            moderation.ui('displayName'),
+                          )}
+                        </Text>
+                        <View
+                          style={[a.flex_row, a.justify_between, a.gap_4xl]}>
+                          <Text
+                            numberOfLines={1}
+                            style={[
+                              a.flex_1,
+                              a.text_sm,
+                              a.font_semibold,
+                              a.leading_snug,
+                              lightTheme.atoms.text_contrast_medium,
+                            ]}>
+                            {sanitizeHandle(profile.handle, '@')}
+                          </Text>
+
+                          {profile.createdAt && (
+                            <Text
+                              numberOfLines={1}
+                              ellipsizeMode="head"
+                              style={[
+                                a.flex_1,
+                                a.text_sm,
+                                a.font_semibold,
+                                a.leading_snug,
+                                a.text_right,
+                                lightTheme.atoms.text_contrast_low,
+                              ]}>
+                              <Trans>
+                                Joined{' '}
+                                {i18n.date(profile.createdAt, {
+                                  month: 'short',
+                                  day: 'numeric',
+                                  year: 'numeric',
+                                })}
+                              </Trans>
+                            </Text>
+                          )}
+                        </View>
+                      </View>
+                    </View>
+                  </View>
+                </View>
+              </View>
+            </ViewShot>
+          </Frame>
+        </ThemeProvider>
+      </View>
+    </View>
+  )
+
+  return (
+    <Dialog.Outer control={control} onClose={onClose}>
+      <Dialog.ScrollableInner
+        label={_(msg`Ten Million`)}
+        style={[
+          {
+            padding: 0,
+            paddingTop: 0,
+          },
+        ]}>
+        <View
+          style={[
+            a.rounded_md,
+            a.overflow_hidden,
+            isNative && {
+              borderTopLeftRadius: 40,
+              borderTopRightRadius: 40,
+            },
+          ]}>
+          <Frame>
+            <View
+              style={[a.absolute, a.inset_0, a.align_center, a.justify_center]}>
+              <GradientFill gradient={tokens.gradients.bonfire} />
+              {error ? (
+                <View>
+                  <Text
+                    style={[
+                      a.text_md,
+                      a.leading_snug,
+                      a.text_center,
+                      a.pb_md,
+                      {
+                        maxWidth: 300,
+                      },
+                    ]}>
+                    (╯°□°)╯︵ ┻━┻
+                  </Text>
+                  <Text
+                    style={[
+                      a.text_xl,
+                      a.font_bold,
+                      a.leading_snug,
+                      a.text_center,
+                      {
+                        maxWidth: 300,
+                      },
+                    ]}>
+                    {error}
+                  </Text>
+                </View>
+              ) : isLoadingData || isLoadingImage ? (
+                <Loader size="xl" fill="white" />
+              ) : (
+                <Animated.View
+                  entering={FadeIn.duration(150)}
+                  style={[a.w_full, a.h_full]}>
+                  <Image
+                    accessibilityIgnoresInvertColors
+                    source={{uri}}
+                    style={[a.w_full, a.h_full]}
+                  />
+                </Animated.View>
+              )}
+            </View>
+          </Frame>
+
+          {canvas}
+
+          <View style={[gtMobile ? a.p_2xl : a.p_xl]}>
+            <Text
+              style={[
+                a.text_5xl,
+                a.leading_tight,
+                a.pb_lg,
+                {
+                  fontWeight: '900',
+                },
+              ]}>
+              <Trans>Thanks for being one of our first 10 million users.</Trans>
+            </Text>
+
+            <Text style={[a.leading_snug, a.text_lg, a.pb_xl]}>
+              <Trans>
+                Together, we're rebuilding the social internet. We're glad
+                you're here.
+              </Trans>
+            </Text>
+
+            <Divider />
+
+            <View
+              style={[
+                a.flex_row,
+                a.align_center,
+                a.justify_end,
+                a.gap_md,
+                a.pt_xl,
+              ]}>
+              <Text style={[a.text_md, a.italic, t.atoms.text_contrast_medium]}>
+                <Trans>Brag a little!</Trans>
+              </Text>
+
+              <Button
+                disabled={isLoadingImage}
+                label={
+                  isNative && isIOS
+                    ? _(msg`Share image externally`)
+                    : _(msg`Download image`)
+                }
+                size="large"
+                variant="solid"
+                color="secondary"
+                shape="square"
+                onPress={
+                  isNative
+                    ? isIOS
+                      ? onNativeShare
+                      : onNativeDownload
+                    : onWebDownload
+                }>
+                <ButtonIcon icon={isNative && isIOS ? Share : Download} />
+              </Button>
+              <Button
+                disabled={isLoadingImage}
+                label={_(msg`Share image in post`)}
+                size="large"
+                variant="solid"
+                color="primary"
+                onPress={sharePost}>
+                <ButtonText>{_(msg`Share`)}</ButtonText>
+                <ButtonIcon position="right" icon={ImageIcon} />
+              </Button>
+            </View>
+          </View>
+        </View>
+
+        <Dialog.Close />
+      </Dialog.ScrollableInner>
+    </Dialog.Outer>
+  )
+}

src/components/dialogs/nuxs/index.tsx

···
+import React from 'react'
+
+import {useGate} from '#/lib/statsig/statsig'
+import {logger} from '#/logger'
+import {
+  Nux,
+  useNuxs,
+  useRemoveNuxsMutation,
+  useUpsertNuxMutation,
+} from '#/state/queries/nuxs'
+import {useSession} from '#/state/session'
+import {isSnoozed, snooze, unsnooze} from '#/components/dialogs/nuxs/snoozing'
+import {TenMillion} from '#/components/dialogs/nuxs/TenMillion'
+import {IS_DEV} from '#/env'
+
+type Context = {
+  activeNux: Nux | undefined
+  dismissActiveNux: () => void
+}
+
+/**
+ * If we fail to complete a NUX here, it may show again on next reload,
+ * or if prefs state updates. If `true`, this fallback ensures that the last
+ * shown NUX won't show again, at least for this session.
+ *
+ * This is temporary, and only needed for the 10Milly dialog rn, since we
+ * aren't snoozing that one in device storage.
+ */
+let __isSnoozedFallback = false
+
+const queuedNuxs: {
+  id: Nux
+  enabled(props: {gate: ReturnType<typeof useGate>}): boolean
+  /**
+   * TEMP only intended for use with the 10Milly dialog rn, since there are no
+   * other NUX dialogs configured
+   */
+  unsafe_disableSnooze: boolean
+}[] = [
+  {
+    id: Nux.TenMillionDialog,
+    enabled({gate}) {
+      return gate('ten_million_dialog')
+    },
+    unsafe_disableSnooze: true,
+  },
+]
+
+const Context = React.createContext<Context>({
+  activeNux: undefined,
+  dismissActiveNux: () => {},
+})
+
+export function useNuxDialogContext() {
+  return React.useContext(Context)
+}
+
+export function NuxDialogs() {
+  const {hasSession} = useSession()
+  return hasSession ? <Inner /> : null
+}
+
+function Inner() {
+  const gate = useGate()
+  const {nuxs} = useNuxs()
+  const [snoozed, setSnoozed] = React.useState(() => {
+    return isSnoozed()
+  })
+  const [activeNux, setActiveNux] = React.useState<Nux | undefined>()
+  const {mutateAsync: upsertNux} = useUpsertNuxMutation()
+  const {mutate: removeNuxs} = useRemoveNuxsMutation()
+
+  const snoozeNuxDialog = React.useCallback(() => {
+    snooze()
+    setSnoozed(true)
+  }, [setSnoozed])
+
+  const dismissActiveNux = React.useCallback(() => {
+    if (!activeNux) return
+    setActiveNux(undefined)
+  }, [activeNux, setActiveNux])
+
+  if (IS_DEV && typeof window !== 'undefined') {
+    // @ts-ignore
+    window.clearNuxDialog = (id: Nux) => {
+      if (!IS_DEV || !id) return
+      removeNuxs([id])
+      unsnooze()
+    }
+  }
+
+  React.useEffect(() => {
+    if (__isSnoozedFallback) return
+    if (snoozed) return
+    if (!nuxs) return
+
+    for (const {id, enabled, unsafe_disableSnooze} of queuedNuxs) {
+      const nux = nuxs.find(nux => nux.id === id)
+
+      // check if completed first
+      if (nux && nux.completed) continue
+
+      // then check gate (track exposure)
+      if (!enabled({gate})) continue
+
+      // we have a winner
+      setActiveNux(id)
+
+      /**
+       * TEMP only intended for use with the 10Milly dialog rn, since there are no
+       * other NUX dialogs configured
+       */
+      if (!unsafe_disableSnooze) {
+        // immediately snooze for a day
+        snoozeNuxDialog()
+      }
+
+      // immediately update remote data (affects next reload)
+      upsertNux({
+        id,
+        completed: true,
+        data: undefined,
+      }).catch(e => {
+        logger.error(`NUX dialogs: failed to upsert '${id}' NUX`, {
+          safeMessage: e.message,
+        })
+        /*
+         * TEMP only intended for use with the 10Milly dialog rn
+         */
+        if (unsafe_disableSnooze) {
+          __isSnoozedFallback = true
+        }
+      })
+
+      break
+    }
+  }, [nuxs, snoozed, snoozeNuxDialog, upsertNux, gate])
+
+  const ctx = React.useMemo(() => {
+    return {
+      activeNux,
+      dismissActiveNux,
+    }
+  }, [activeNux, dismissActiveNux])
+
+  return (
+    <Context.Provider value={ctx}>
+      {activeNux === Nux.TenMillionDialog && <TenMillion />}
+    </Context.Provider>
+  )
+}

src/components/dialogs/nuxs/snoozing.ts

···
+import {simpleAreDatesEqual} from '#/lib/strings/time'
+import {device} from '#/storage'
+
+export function snooze() {
+  device.set(['lastNuxDialog'], new Date().toISOString())
+}
+
+export function unsnooze() {
+  device.set(['lastNuxDialog'], undefined)
+}
+
+export function isSnoozed() {
+  const lastNuxDialog = device.get(['lastNuxDialog'])
+  if (!lastNuxDialog) return false
+  const last = new Date(lastNuxDialog)
+  const now = new Date()
+  // already snoozed today
+  if (simpleAreDatesEqual(last, now)) {
+    return true
+  }
+  return false
+}

src/components/icons/Download.tsx

···
+import {createSinglePathSVG} from './TEMPLATE'
+
+export const Download_Stroke2_Corner0_Rounded = createSinglePathSVG({
+  path: 'M12 3a1 1 0 0 1 1 1v8.086l1.793-1.793a1 1 0 1 1 1.414 1.414l-3.5 3.5a1 1 0 0 1-1.414 0l-3.5-3.5a1 1 0 1 1 1.414-1.414L11 12.086V4a1 1 0 0 1 1-1ZM4 14a1 1 0 0 1 1 1v4h14v-4a1 1 0 1 1 2 0v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1Z',
+})

src/lib/canvas.ts

···
+export const getCanvas = (base64: string): Promise<HTMLCanvasElement> => {
+  return new Promise(resolve => {
+    const image = new Image()
+    image.onload = () => {
+      const canvas = document.createElement('canvas')
+      canvas.width = image.width
+      canvas.height = image.height
+
+      const ctx = canvas.getContext('2d')
+      ctx?.drawImage(image, 0, 0)
+      resolve(canvas)
+    }
+    image.src = base64
+  })
+}

src/lib/hooks/useIntentHandler.ts

···
   }, [incomingUrl, composeIntent, verifyEmailIntent])
 }
 
-function useComposeIntent() {
+export function useComposeIntent() {
   const closeAllActiveElements = useCloseAllActiveElements()
   const {openComposer} = useComposerControls()
   const {hasSession} = useSession()
···
           if (part.includes('https://') || part.includes('http://')) {
             return false
           }
+          console.log({
+            part,
+            text: VALID_IMAGE_REGEX.test(part),
+          })
           // We also should just filter out cases that don't have all the info we need
           return VALID_IMAGE_REGEX.test(part)
         })

src/lib/statsig/gates.ts

···
 export type Gate =
   // Keep this alphabetic please.
-  'debug_show_feedcontext' | 'suggested_feeds_interstitial'
+  | 'debug_show_feedcontext'
+  | 'suggested_feeds_interstitial'
+  | 'ten_million_dialog'

src/locale/locales/ja/messages.po

···
 msgid "{0} joined this week"
 msgstr "今週、{0}人が参加しました"
 
-#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:593
+#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:637
 msgid "{0} of {1}"
 msgstr "{0} / {1}"
 
···
 msgid "{0} people have used this starter pack!"
 msgstr "{0}人がこのスターターパックを使用しました！"
 
-#: src/view/com/util/UserAvatar.tsx:419
+#: src/view/com/util/UserAvatar.tsx:423
 msgid "{0}'s avatar"
 msgstr "{0}のアバター"
 
···
 msgid "Add alt text"
 msgstr "ALTテキストを追加"
 
-#: src/view/com/composer/videos/SubtitleDialog.tsx:107
+#: src/view/com/composer/videos/SubtitleDialog.tsx:109
 msgid "Add alt text (optional)"
 msgstr "ALTテキストを追加（オプション）"
 
···
 msgstr "ALT"
 
 #: src/view/com/composer/GifAltText.tsx:144
-#: src/view/com/composer/videos/SubtitleDialog.tsx:54
-#: src/view/com/composer/videos/SubtitleDialog.tsx:102
-#: src/view/com/composer/videos/SubtitleDialog.tsx:106
+#: src/view/com/composer/videos/SubtitleDialog.tsx:56
+#: src/view/com/composer/videos/SubtitleDialog.tsx:104
+#: src/view/com/composer/videos/SubtitleDialog.tsx:108
 #: src/view/com/modals/EditImage.tsx:316
 #: src/view/screens/AccessibilitySettings.tsx:87
 msgid "Alt text"
···
 msgid "An error has occurred"
 msgstr "エラーが発生しました"
 
-#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:369
+#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:413
 msgid "An error occurred"
 msgstr "エラーが発生しました"
 
-#: src/state/queries/video/video.ts:227
+#: src/state/queries/video/video.ts:232
 msgid "An error occurred while compressing the video."
 msgstr "ビデオの圧縮中にエラーが発生しました。"
 
···
 msgid "An error occurred while generating your starter pack. Want to try again?"
 msgstr "スターターパックの生成中にエラーが発生しました。再度試しますか？"
 
-#: src/view/com/util/post-embeds/VideoEmbed.tsx:213
+#: src/view/com/util/post-embeds/VideoEmbed.tsx:215
 msgid "An error occurred while loading the video. Please try again later."
 msgstr "ビデオの読み込み時にエラーが発生しました。時間をおいてもう一度お試しください。"
 
-#: src/view/com/util/post-embeds/VideoEmbed.web.tsx:170
+#: src/view/com/util/post-embeds/VideoEmbed.web.tsx:174
 msgid "An error occurred while loading the video. Please try again."
 msgstr "ビデオの読み込み時にエラーが発生しました。もう一度お試しください。"
 
···
 msgid "An error occurred while saving the QR code!"
 msgstr "QRコードの保存中にエラーが発生しました！"
 
-#: src/view/com/composer/videos/SelectVideoBtn.tsx:61
+#: src/view/com/composer/videos/SelectVideoBtn.tsx:68
 msgid "An error occurred while selecting the video"
 msgstr "ビデオの選択中にエラーが発生しました"
 
···
 msgid "An error occurred while trying to follow all"
 msgstr "すべてフォローしようとしたらエラーが発生しました"
 
-#: src/state/queries/video/video.ts:194
+#: src/state/queries/video/video.ts:199
 msgid "An error occurred while uploading the video."
 msgstr "ビデオのアップロード中にエラーが発生しました。"
 
···
 msgid "Are you sure you want to remove this from your feeds?"
 msgstr "本当にこのフィードをあなたのフィードから削除したいですか？"
 
-#: src/view/com/composer/Composer.tsx:837
+#: src/view/com/composer/Composer.tsx:841
 msgid "Are you sure you'd like to discard this draft?"
 msgstr "本当にこの下書きを破棄しますか？"
 
···
 msgid "Bluesky is better with friends!"
 msgstr "Blueskyは友達と一緒のほうが楽しい！"
 
+#: src/components/dialogs/nuxs/TenMillion/index.tsx:201
+msgid "Bluesky now has over 10 million users, and I was #{0}!"
+msgstr "Bluesky のユーザー数は現在 1,000 万人を超えており、私は #{0} でした。"
+
 #: src/components/StarterPack/ProfileStarterPacks.tsx:282
 msgid "Bluesky will choose a set of recommended accounts from people in your network."
 msgstr "Blueskyはあなたのつながっているユーザーからおすすめのアカウントを選びます。"
···
 #: src/screens/Onboarding/state.ts:81
 msgid "Books"
 msgstr "書籍"
+
+#: src/components/dialogs/nuxs/TenMillion/index.tsx:583
+msgid "Brag a little!"
+msgstr "ちょっと自慢してみよう！"
 
 #: src/components/FeedInterstitials.tsx:346
 msgid "Browse more accounts on the Explore page"
···
 #: src/components/Prompt.tsx:124
 #: src/components/TagMenu/index.tsx:282
 #: src/screens/Deactivated.tsx:161
-#: src/view/com/composer/Composer.tsx:590
-#: src/view/com/composer/Composer.tsx:605
+#: src/view/com/composer/Composer.tsx:595
+#: src/view/com/composer/Composer.tsx:610
 #: src/view/com/modals/ChangeEmail.tsx:213
 #: src/view/com/modals/ChangeEmail.tsx:215
 #: src/view/com/modals/ChangeHandle.tsx:148
···
 msgid "Cannot interact with a blocked user"
 msgstr "ブロックしたユーザーとはやりとりできません"
 
-#: src/view/com/composer/videos/SubtitleDialog.tsx:133
+#: src/view/com/composer/videos/SubtitleDialog.tsx:135
 msgid "Captions (.vtt)"
 msgstr "キャプション（.vtt）"
 
-#: src/view/com/composer/videos/SubtitleDialog.tsx:54
+#: src/view/com/composer/videos/SubtitleDialog.tsx:56
 msgid "Captions & alt text"
 msgstr "キャプション＆ALTテキスト"
 
+#: src/components/dialogs/nuxs/TenMillion/index.tsx:336
+msgid "Celebrating {0} users"
+msgstr "{0} 人のユーザーを祝福"
+
 #: src/view/com/modals/VerifyEmail.tsx:160
 msgid "Change"
 msgstr "変更"
···
 msgid "Closes password update alert"
 msgstr "パスワード更新アラートを閉じる"
 
-#: src/view/com/composer/Composer.tsx:602
+#: src/view/com/composer/Composer.tsx:607
 msgid "Closes post composer and discards post draft"
 msgstr "投稿の編集画面を閉じて下書きを削除する"
 
···
 msgid "Complete the challenge"
 msgstr "テストをクリアしてください"
 
-#: src/view/com/composer/Composer.tsx:710
+#: src/view/com/composer/Composer.tsx:715
 msgid "Compose posts up to {MAX_GRAPHEME_LENGTH} characters in length"
 msgstr "{MAX_GRAPHEME_LENGTH}文字までの投稿を作成"
 
···
 msgid "Could not mute chat"
 msgstr "チャットのミュートに失敗しました"
 
-#: src/view/com/composer/videos/VideoPreview.web.tsx:45
+#: src/view/com/composer/videos/VideoPreview.web.tsx:56
 msgid "Could not process your video"
 msgstr "ビデオを処理できませんでした"
 
···
 msgid "Dark theme"
 msgstr "ダークテーマ"
 
-#: src/screens/Signup/StepInfo/index.tsx:191
+#: src/screens/Signup/StepInfo/index.tsx:192
 msgid "Date of birth"
 msgstr "生年月日"
 
···
 msgid "Dialog: adjust who can interact with this post"
 msgstr "ダイアログ：この投稿に誰が反応できるか調整"
 
-#: src/view/com/composer/Composer.tsx:351
+#: src/view/com/composer/Composer.tsx:356
 msgid "Did you want to say anything?"
 msgstr "なにか言いたいことはあった？"
 
···
 msgid "Disable haptic feedback"
 msgstr "触覚フィードバックを無効化"
 
-#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:335
+#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:379
 msgid "Disable subtitles"
 msgstr "サブタイトル（字幕）を無効にする"
 
···
 msgid "Disabled"
 msgstr "無効"
 
-#: src/view/com/composer/Composer.tsx:839
+#: src/view/com/composer/Composer.tsx:843
 msgid "Discard"
 msgstr "破棄"
 
-#: src/view/com/composer/Composer.tsx:836
+#: src/view/com/composer/Composer.tsx:840
 msgid "Discard draft?"
 msgstr "下書きを削除しますか？"
 
···
 #~ msgid "Dismiss"
 #~ msgstr "消す"
 
-#: src/view/com/composer/Composer.tsx:1106
+#: src/view/com/composer/Composer.tsx:1110
 msgid "Dismiss error"
 msgstr "エラーを消す"
 
···
 #: src/screens/Onboarding/StepProfile/index.tsx:325
 #: src/view/com/auth/server-input/index.tsx:169
 #: src/view/com/auth/server-input/index.tsx:170
-#: src/view/com/composer/videos/SubtitleDialog.tsx:167
-#: src/view/com/composer/videos/SubtitleDialog.tsx:177
+#: src/view/com/composer/videos/SubtitleDialog.tsx:171
+#: src/view/com/composer/videos/SubtitleDialog.tsx:181
 #: src/view/com/modals/AddAppPasswords.tsx:243
 #: src/view/com/modals/AltImage.tsx:141
 #: src/view/com/modals/crop-image/CropImage.web.tsx:177
···
 msgid "Download CAR file"
 msgstr "CARファイルをダウンロード"
 
+#: src/components/dialogs/nuxs/TenMillion/index.tsx:591
+msgid "Download image"
+msgstr "画像をダウンロード"
+
 #: src/view/com/composer/text-input/TextInput.web.tsx:269
 msgid "Drop to add images"
 msgstr "ドロップして画像を追加する"
···
 msgid "Edit"
 msgstr "編集"
 
-#: src/view/com/util/UserAvatar.tsx:328
+#: src/view/com/util/UserAvatar.tsx:332
 #: src/view/com/util/UserBanner.tsx:92
 msgid "Edit avatar"
 msgstr "アバターを編集"
···
 msgid "Enable priority notifications"
 msgstr "優先通知を有効にする"
 
-#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:336
+#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:380
 msgid "Enable subtitles"
 msgstr "サブタイトル（字幕）を有効にする"
 
···
 msgid "End of feed"
 msgstr "フィードの終わり"
 
-#: src/view/com/composer/videos/SubtitleDialog.tsx:157
+#: src/view/com/composer/videos/SubtitleDialog.tsx:161
 msgid "Ensure you have selected a language for each subtitle file."
 msgstr "各字幕ファイルに言語が選択されてることを確認してください。"
 
···
 msgid "Excludes users you follow"
 msgstr "フォローしているユーザーは除外"
 
-#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:353
+#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:397
 msgid "Exit fullscreen"
 msgstr "全画面表示を終了"
 
···
 msgid "From <0/>"
 msgstr "<0/>から"
 
-#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:354
+#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:398
 msgid "Fullscreen"
 msgstr "全画面表示"
 
···
 msgid "Getting started"
 msgstr "入門"
 
-#: src/components/MediaPreview.tsx:119
+#: src/components/MediaPreview.tsx:120
 msgid "GIF"
 msgstr "GIF"
 
···
 msgid "It's just you right now! Add more people to your starter pack by searching above."
 msgstr "今はあなただけ！上で検索してスターターパックにより多くのユーザーを追加してください。"
 
-#: src/view/com/composer/Composer.tsx:1125
+#: src/view/com/composer/Composer.tsx:1129
 msgid "Job ID: {0}"
 msgstr "ジョブID：{0}"
 
···
 #: src/components/StarterPack/QrCode.tsx:56
 msgid "Join the conversation"
 msgstr "会話に参加"
+
+#: src/components/dialogs/nuxs/TenMillion/index.tsx:461
+msgid "Joined {0}"
+msgstr "{0} 参加"
 
 #: src/screens/Onboarding/index.tsx:21
 #: src/screens/Onboarding/state.ts:89
···
 msgid "Music"
 msgstr "音楽"
 
+#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:389
+msgctxt "video"
+msgid "Mute"
+msgstr ""
+
 #: src/components/TagMenu/index.tsx:263
-#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:345
 msgid "Mute"
 msgstr "ミュート"
 
···
 msgid "Oh no! Something went wrong."
 msgstr "ちょっと！何らかの問題が発生したようです。"
 
+#: src/components/dialogs/nuxs/TenMillion/index.tsx:171
+msgid "Oh no! We weren't able to generate an image for you to share. Rest assured, we're glad you're here 🦋"
+msgstr "ああ、残念！共有するための画像を生成できませんでした。ご安心ください、ここに来てくれて嬉しいです🦋"
+
 #: src/screens/Profile/Header/ProfileHeaderLabeler.tsx:339
 msgid "OK"
 msgstr "OK"
···
 msgid "Onboarding reset"
 msgstr "オンボーディングのリセット"
 
-#: src/view/com/composer/Composer.tsx:667
+#: src/view/com/composer/Composer.tsx:672
 msgid "One or more images is missing alt text."
 msgstr "１つもしくは複数の画像にALTテキストがありません。"
 
···
 msgstr "会話のオプションを開く"
 
 #: src/screens/Messages/Conversation/MessageInput.web.tsx:165
-#: src/view/com/composer/Composer.tsx:819
-#: src/view/com/composer/Composer.tsx:820
+#: src/view/com/composer/Composer.tsx:823
+#: src/view/com/composer/Composer.tsx:824
 msgid "Open emoji picker"
 msgstr "絵文字を入力"
 
···
 msgstr "スレッドの設定を開く"
 
 #: src/view/com/notifications/FeedItem.tsx:551
-#: src/view/com/util/UserAvatar.tsx:420
+#: src/view/com/util/UserAvatar.tsx:424
 msgid "Opens this profile"
 msgstr "プロフィールを開く"
 
-#: src/view/com/composer/videos/SelectVideoBtn.tsx:81
+#: src/view/com/composer/videos/SelectVideoBtn.tsx:88
 msgid "Opens video picker"
 msgstr "ビデオの選択画面を開く"
 
···
 msgstr "パスワードが更新されました！"
 
 #: src/view/com/util/post-embeds/GifEmbed.tsx:44
-#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:322
+#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:366
 msgid "Pause"
 msgstr "一時停止"
 
-#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:275
+#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:319
 msgid "Pause video"
 msgstr "ビデオを一時停止"
 
···
 msgstr "フィードにピン留めしました"
 
 #: src/view/com/util/post-embeds/GifEmbed.tsx:44
-#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:323
+#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:367
 msgid "Play"
 msgstr "再生"
 
···
 msgid "Play or pause the GIF"
 msgstr "GIFの再生や一時停止"
 
-#: src/view/com/util/post-embeds/VideoEmbed.tsx:187
-#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:276
+#: src/view/com/util/post-embeds/VideoEmbed.tsx:189
+#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:320
 msgid "Play video"
 msgstr "ビデオを再生"
 
···
 msgid "Please Verify Your Email"
 msgstr "メールアドレスを確認してください"
 
-#: src/view/com/composer/Composer.tsx:355
+#: src/view/com/composer/Composer.tsx:360
 msgid "Please wait for your link card to finish loading"
 msgstr "リンクカードが読み込まれるまでお待ちください"
 
···
 msgid "Porn"
 msgstr "ポルノ"
 
-#: src/view/com/composer/Composer.tsx:642
-#: src/view/com/composer/Composer.tsx:649
+#: src/view/com/composer/Composer.tsx:647
+#: src/view/com/composer/Composer.tsx:654
 msgctxt "action"
 msgid "Post"
 msgstr "投稿"
···
 msgid "Public, shareable lists which can drive feeds."
 msgstr "フィードとして利用できる、公開された共有可能なリスト。"
 
-#: src/view/com/composer/Composer.tsx:627
+#: src/view/com/composer/Composer.tsx:632
 msgid "Publish post"
 msgstr "投稿を公開"
 
-#: src/view/com/composer/Composer.tsx:627
+#: src/view/com/composer/Composer.tsx:632
 msgid "Publish reply"
 msgstr "返信を公開"
 
···
 msgid "Remove attachment"
 msgstr "添付を削除"
 
-#: src/view/com/util/UserAvatar.tsx:387
+#: src/view/com/util/UserAvatar.tsx:391
 msgid "Remove Avatar"
 msgstr "アバターを削除"
 
···
 msgid "Remove repost"
 msgstr "リポストを削除"
 
-#: src/view/com/composer/videos/SubtitleDialog.tsx:260
+#: src/view/com/composer/videos/SubtitleDialog.tsx:264
 msgid "Remove subtitle file"
 msgstr "字幕ファイルを削除"
 
···
 msgid "Replies to this post are disabled."
 msgstr "この投稿への返信は無効化されています。"
 
-#: src/view/com/composer/Composer.tsx:640
+#: src/view/com/composer/Composer.tsx:645
 msgctxt "action"
 msgid "Reply"
 msgstr "返信"
···
 msgid "See this guide"
 msgstr "ガイドを見る"
 
-#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:587
+#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:631
 msgid "Seek slider"
 msgstr "シークバー"
 
···
 msgid "Select how long to mute this word for."
 msgstr "このワードをどのくらいの間ミュートするのかを選択。"
 
-#: src/view/com/composer/videos/SubtitleDialog.tsx:245
+#: src/view/com/composer/videos/SubtitleDialog.tsx:249
 msgid "Select language..."
 msgstr "言語を選択…"
 
···
 msgid "Select the service that hosts your data."
 msgstr "データをホストするサービスを選択します。"
 
-#: src/view/com/composer/videos/SelectVideoBtn.tsx:80
+#: src/view/com/composer/videos/SelectVideoBtn.tsx:87
 msgid "Select video"
 msgstr "ビデオを選択"
 
···
 msgid "Select your app language for the default text to display in the app."
 msgstr "アプリに表示されるデフォルトのテキストの言語を選択"
 
-#: src/screens/Signup/StepInfo/index.tsx:192
+#: src/screens/Signup/StepInfo/index.tsx:193
 msgid "Select your date of birth"
 msgstr "生年月日を選択"
 
···
 msgid "Sexually Suggestive"
 msgstr "性的にきわどい"
 
+#: src/components/dialogs/nuxs/TenMillion/index.tsx:607
 #: src/components/StarterPack/QrCodeDialog.tsx:177
 #: src/screens/StarterPack/StarterPackScreen.tsx:411
 #: src/screens/StarterPack/StarterPackScreen.tsx:582
···
 #: src/view/screens/ProfileFeed.tsx:362
 msgid "Share feed"
 msgstr "フィードを共有"
+
+#: src/components/dialogs/nuxs/TenMillion/index.tsx:590
+msgid "Share image externally"
+msgstr "画像を外部に共有する"
+
+#: src/components/dialogs/nuxs/TenMillion/index.tsx:602
+msgid "Share image in post"
+msgstr "投稿で画像を共有"
 
 #: src/components/StarterPack/ShareDialog.tsx:124
 #: src/components/StarterPack/ShareDialog.tsx:131
···
 msgid "Something went wrong!"
 msgstr "何らかの問題が発生したようです！"
 
-#: src/App.native.tsx:102
-#: src/App.web.tsx:83
+#: src/App.native.tsx:103
+#: src/App.web.tsx:84
 msgid "Sorry! Your session expired. Please log in again."
 msgstr "大変申し訳ありません！セッションの有効期限が切れました。もう一度ログインしてください。"
 
···
 msgid "Tell us a little more"
 msgstr "もう少し教えて"
 
+#: src/components/dialogs/nuxs/TenMillion/index.tsx:487
+msgid "Ten Million"
+msgstr "1000万"
+
 #: src/view/shell/desktop/RightNav.tsx:90
 msgid "Terms"
 msgstr "条件"
···
 #: src/components/ReportDialog/SubmitView.tsx:81
 msgid "Thank you. Your report has been sent."
 msgstr "ありがとうございます。あなたの報告は送信されました。"
+
+#: src/components/dialogs/nuxs/TenMillion/index.tsx:562
+msgid "Thanks for being one of our first 10 million users."
+msgstr "最初の 1,000 万人のユーザーの 1 人になっていただきありがとうございます。"
 
 #: src/components/intents/VerifyEmailIntentDialog.tsx:74
 msgid "Thanks, you have successfully verified your email address."
···
 msgid "The Privacy Policy has been moved to <0/>"
 msgstr "プライバシーポリシーは<0/>に移動しました"
 
-#: src/state/queries/video/video.ts:222
+#: src/state/queries/video/video.ts:227
 msgid "The selected video is larger than 50MB."
 msgstr "選択したビデオのサイズが50MBを超えています。"
 
···
 msgid "To report a conversation, please report one of its messages via the conversation screen. This lets our moderators understand the context of your issue."
 msgstr "会話を報告するには、会話の画面からメッセージのうちの一つを報告してください。それによって問題の文脈をモデレーターが理解できるようになります。"
 
-#: src/view/com/composer/videos/SelectVideoBtn.tsx:106
+#: src/view/com/composer/videos/SelectVideoBtn.tsx:113
 msgid "To upload videos to Bluesky, you must first verify your email."
 msgstr "Blueskyにビデオをアップロードするには、まずメールアドレスを確認しなくてはなりません。"
 
 #: src/components/ReportDialog/SelectLabelerView.tsx:33
 msgid "To whom would you like to send this report?"
 msgstr "この報告を誰に送りたいですか？"
+
+#: src/components/dialogs/nuxs/TenMillion/index.tsx:566
+msgid "Together, we're rebuilding the social internet. We're glad you're here."
+msgstr "私たちは一緒にソーシャル インターネットを再構築しています。ご参加いただきありがとうございます。"
 
 #: src/view/com/util/forms/DropdownButton.tsx:255
 msgid "Toggle dropdown"
···
 msgid "Unlike this feed"
 msgstr "このフィードからいいねを外す"
 
+#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:388
+msgctxt "video"
+msgid "Unmute"
+msgstr ""
+
 #: src/components/TagMenu/index.tsx:263
-#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:344
 #: src/view/screens/ProfileList.tsx:689
 msgid "Unmute"
 msgstr "ミュートを解除"
···
 msgid "Unmute thread"
 msgstr "スレッドのミュートを解除"
 
-#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:273
+#: src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx:317
 msgid "Unmute video"
 msgstr "ビデオのミュートを解除"
 
···
 msgid "Unsubscribed from list"
 msgstr "リストの登録を解除しました"
 
-#: src/state/queries/video/video.ts:240
+#: src/state/queries/video/video.ts:245
 msgid "Unsupported video type: {mimeType}"
 msgstr "サポートしていないビデオ形式：{mimeType}"
 
···
 msgid "Upload a text file to:"
 msgstr "テキストファイルのアップロード先："
 
-#: src/view/com/util/UserAvatar.tsx:355
-#: src/view/com/util/UserAvatar.tsx:358
+#: src/view/com/util/UserAvatar.tsx:359
+#: src/view/com/util/UserAvatar.tsx:362
 #: src/view/com/util/UserBanner.tsx:123
 #: src/view/com/util/UserBanner.tsx:126
 msgid "Upload from Camera"
 msgstr "カメラからアップロード"
 
-#: src/view/com/util/UserAvatar.tsx:372
+#: src/view/com/util/UserAvatar.tsx:376
 #: src/view/com/util/UserBanner.tsx:140
 msgid "Upload from Files"
 msgstr "ファイルからアップロード"
 
-#: src/view/com/util/UserAvatar.tsx:366
 #: src/view/com/util/UserAvatar.tsx:370
+#: src/view/com/util/UserAvatar.tsx:374
 #: src/view/com/util/UserBanner.tsx:134
 #: src/view/com/util/UserBanner.tsx:138
 msgid "Upload from Library"
···
 msgid "Value:"
 msgstr "値："
 
-#: src/view/com/composer/videos/SelectVideoBtn.tsx:104
+#: src/view/com/composer/videos/SelectVideoBtn.tsx:111
 msgid "Verified email required"
 msgstr "メールアドレスの確認が必要"
 
···
 msgid "Verify New Email"
 msgstr "新しいメールアドレスを確認"
 
-#: src/view/com/composer/videos/SelectVideoBtn.tsx:108
+#: src/view/com/composer/videos/SelectVideoBtn.tsx:115
 msgid "Verify now"
 msgstr "確認する"
 
···
 msgid "Video Games"
 msgstr "ビデオゲーム"
 
-#: src/view/com/util/post-embeds/VideoEmbed.web.tsx:163
+#: src/view/com/util/post-embeds/VideoEmbed.web.tsx:167
 msgid "Video not found."
 msgstr "ビデオが見つかりません。"
 
-#: src/view/com/composer/videos/SubtitleDialog.tsx:99
+#: src/view/com/composer/videos/SubtitleDialog.tsx:101
 msgid "Video settings"
 msgstr "ビデオの設定"
 
 #: src/view/com/util/post-embeds/VideoEmbedInner/VideoEmbedInnerNative.tsx:77
 msgid "Video: {0}"
 msgstr "ビデオ：{0}"
+
+#: src/view/com/composer/videos/SelectVideoBtn.tsx:58
+#: src/view/com/composer/videos/VideoPreview.web.tsx:44
+msgid "Videos must be less than 60 seconds long"
+msgstr ""
 
 #: src/screens/Profile/Header/Shell.tsx:113
 msgid "View {0}'s avatar"
···
 msgid "We're sorry, but your search could not be completed. Please try again in a few minutes."
 msgstr "大変申し訳ありませんが、検索を完了できませんでした。数分後に再試行してください。"
 
-#: src/view/com/composer/Composer.tsx:417
+#: src/view/com/composer/Composer.tsx:422
 msgid "We're sorry! The post you are replying to has been deleted."
 msgstr "大変申し訳ありません！返信しようとしている投稿は削除されました。"
 
···
 
 #: src/view/com/auth/SplashScreen.tsx:40
 #: src/view/com/auth/SplashScreen.web.tsx:86
-#: src/view/com/composer/Composer.tsx:512
+#: src/view/com/composer/Composer.tsx:517
 msgid "What's up?"
 msgstr "最近どう？"
 
···
 msgid "Write a message"
 msgstr "メッセージを書く"
 
-#: src/view/com/composer/Composer.tsx:708
+#: src/view/com/composer/Composer.tsx:713
 msgid "Write post"
 msgstr "投稿を書く"
 
-#: src/view/com/composer/Composer.tsx:511
+#: src/view/com/composer/Composer.tsx:516
 #: src/view/com/post-thread/PostThreadComposePrompt.tsx:42
 msgid "Write your reply"
 msgstr "返信を書く"
···
 msgid "Your account has been deleted"
 msgstr "あなたのアカウントは削除されました"
 
+#: src/state/queries/video/video.ts:185
+msgid "Your account is not yet old enough to upload videos. Please try again later."
+msgstr ""
+
 #: src/view/screens/Settings/ExportCarDialog.tsx:65
 msgid "Your account repository, containing all public data records, can be downloaded as a \"CAR\" file. This file does not include media embeds, such as images, or your private data, which must be fetched separately."
 msgstr "あなたのアカウントの公開データの全記録を含むリポジトリは、「CAR」ファイルとしてダウンロードできます。このファイルには、画像などのメディア埋め込み、また非公開のデータは含まれていないため、それらは個別に取得する必要があります。"
 
-#: src/screens/Signup/StepInfo/index.tsx:180
+#: src/screens/Signup/StepInfo/index.tsx:181
 msgid "Your birth date"
 msgstr "生年月日"
 
-#: src/view/com/util/post-embeds/VideoEmbed.web.tsx:167
+#: src/view/com/util/post-embeds/VideoEmbed.web.tsx:171
 msgid "Your browser does not support the video format. Please try a different browser."
 msgstr "利用中のブラウザがこのビデオ形式をサポートしていません。他のブラウザをお試しください。"
 
···
 msgid "Your password has been changed successfully!"
 msgstr "パスワードの変更が完了しました！"
 
-#: src/view/com/composer/Composer.tsx:463
+#: src/view/com/composer/Composer.tsx:468
 msgid "Your post has been published"
 msgstr "投稿を公開しました"
 
···
 msgid "Your profile, posts, feeds, and lists will no longer be visible to other Bluesky users. You can reactivate your account at any time by logging in."
 msgstr "あなたのプロフィール、投稿、フィード、そしてリストは他のBlueskyユーザーに見えなくなります。ログインすることでいつでもアカウントを再有効化できます。"
 
-#: src/view/com/composer/Composer.tsx:462
+#: src/view/com/composer/Composer.tsx:467
 msgid "Your reply has been published"
 msgstr "返信を公開しました"
 

src/locale/locales/pt-BR/messages.po

···
 #~ msgid "{0} your feeds"
 #~ msgstr "{0} seus feeds"
 
-#: src/view/com/util/UserAvatar.tsx:419
+#: src/view/com/util/UserAvatar.tsx:423
 msgid "{0}'s avatar"
 msgstr "Avatar de {0}"
 
···
 msgid "An error occurred while loading the video. Please try again later."
 msgstr "Ocorreu um erro ao carregar o vídeo. Tente novamente mais tarde."
 
-#: src/view/com/util/post-embeds/VideoEmbed.web.tsx:171
+#: src/view/com/util/post-embeds/VideoEmbed.web.tsx:174
 msgid "An error occurred while loading the video. Please try again."
 msgstr "Ocorreu um erro ao carregar o vídeo. Tente novamente."
 
···
 #~ msgid "Bluesky is public."
 #~ msgstr "Bluesky é público."
 
+#: src/components/dialogs/nuxs/TenMillion/index.tsx:201
+msgid "Bluesky now has over 10 million users, and I was #{0}!"
+msgstr "O Bluesky agora tem mais de 10 milhões de usuários, e eu tinha #{0}!"
+
 #: src/components/StarterPack/ProfileStarterPacks.tsx:282
 msgid "Bluesky will choose a set of recommended accounts from people in your network."
 msgstr "O Bluesky escolherá um conjunto de contas recomendadas dentre as pessoas em sua rede."
···
 msgid "Books"
 msgstr "Livros"
 
+#: src/components/dialogs/nuxs/TenMillion/index.tsx:583
+msgid "Brag a little!"
+msgstr "Gabe-se um pouco!"
+
 #: src/components/FeedInterstitials.tsx:346
 msgid "Browse more accounts on the Explore page"
 msgstr "Navegue por mais contas na página Explorar"
···
 #: src/view/com/composer/videos/SubtitleDialog.tsx:56
 msgid "Captions & alt text"
 msgstr "Legendas e texto alt"
+
+#: src/components/dialogs/nuxs/TenMillion/index.tsx:336
+msgid "Celebrating {0} users"
+msgstr "Comemorando {0} usuários"
 
 #: src/view/com/modals/VerifyEmail.tsx:160
 msgid "Change"
···
 #~ msgid "Dark Theme"
 #~ msgstr "Modo Escuro"
 
-#: src/screens/Signup/StepInfo/index.tsx:191
+#: src/screens/Signup/StepInfo/index.tsx:192
 msgid "Date of birth"
 msgstr "Data de nascimento"
 
···
 msgid "Download CAR file"
 msgstr "Baixar arquivo CAR"
 
+#: src/components/dialogs/nuxs/TenMillion/index.tsx:591
+msgid "Download image"
+msgstr "Baixar imagem"
+
 #: src/view/com/composer/text-input/TextInput.web.tsx:269
 msgid "Drop to add images"
 msgstr "Solte para adicionar imagens"
···
 msgid "Edit"
 msgstr "Editar"
 
-#: src/view/com/util/UserAvatar.tsx:328
+#: src/view/com/util/UserAvatar.tsx:332
 #: src/view/com/util/UserBanner.tsx:92
 msgid "Edit avatar"
 msgstr "Editar avatar"
···
 msgid "Join the conversation"
 msgstr "Participe da conversa"
 
+#: src/components/dialogs/nuxs/TenMillion/index.tsx:461
+msgid "Joined {0}"
+msgstr "Juntou-se {0}"
+
 #: src/screens/Onboarding/index.tsx:21
 #: src/screens/Onboarding/state.ts:89
 msgid "Journalism"
···
 msgid "Oh no! Something went wrong."
 msgstr "Opa! Algo deu errado."
 
+#: src/components/dialogs/nuxs/TenMillion/index.tsx:171
+msgid "Oh no! We weren't able to generate an image for you to share. Rest assured, we're glad you're here 🦋"
+msgstr "Ah, não! Não conseguimos gerar uma imagem para você compartilhar. Fique tranquilo, estamos felizes que você esteja aqui 🦋"
+
 #: src/screens/Profile/Header/ProfileHeaderLabeler.tsx:339
 msgid "OK"
 msgstr "OK"
···
 msgstr "Abre as preferências de threads"
 
 #: src/view/com/notifications/FeedItem.tsx:551
-#: src/view/com/util/UserAvatar.tsx:420
+#: src/view/com/util/UserAvatar.tsx:424
 msgid "Opens this profile"
 msgstr "Abre este perfil"
 
···
 msgid "Remove attachment"
 msgstr ""
 
-#: src/view/com/util/UserAvatar.tsx:387
+#: src/view/com/util/UserAvatar.tsx:391
 msgid "Remove Avatar"
 msgstr "Remover avatar"
 
···
 msgid "Select your app language for the default text to display in the app."
 msgstr "Selecione o idioma do seu aplicativo"
 
-#: src/screens/Signup/StepInfo/index.tsx:192
+#: src/screens/Signup/StepInfo/index.tsx:193
 msgid "Select your date of birth"
 msgstr "Selecione sua data de nascimento"
 
···
 msgid "Sexually Suggestive"
 msgstr "Sexualmente Sugestivo"
 
+#: src/components/dialogs/nuxs/TenMillion/index.tsx:607
 #: src/components/StarterPack/QrCodeDialog.tsx:177
 #: src/screens/StarterPack/StarterPackScreen.tsx:411
 #: src/screens/StarterPack/StarterPackScreen.tsx:582
···
 msgid "Share feed"
 msgstr "Compartilhar feed"
 
+#: src/components/dialogs/nuxs/TenMillion/index.tsx:590
+msgid "Share image externally"
+msgstr "Compartilhar imagem externamente"
+
+#: src/components/dialogs/nuxs/TenMillion/index.tsx:602
+msgid "Share image in post"
+msgstr "Compartilhe a imagem na postagem"
+
 #: src/components/StarterPack/ShareDialog.tsx:124
 #: src/components/StarterPack/ShareDialog.tsx:131
 #: src/screens/StarterPack/StarterPackScreen.tsx:586
···
 msgid "Something went wrong!"
 msgstr "Algo deu errado!"
 
-#: src/App.native.tsx:102
-#: src/App.web.tsx:83
+#: src/App.native.tsx:103
+#: src/App.web.tsx:84
 msgid "Sorry! Your session expired. Please log in again."
 msgstr "Opa! Sua sessão expirou. Por favor, entre novamente."
 
···
 msgid "Tell us a little more"
 msgstr "Conte-nos um pouco mais"
 
+#: src/components/dialogs/nuxs/TenMillion/index.tsx:487
+msgid "Ten Million"
+msgstr "Dez milhões"
+
 #: src/view/shell/desktop/RightNav.tsx:90
 msgid "Terms"
 msgstr "Termos"
···
 msgid "Thank you. Your report has been sent."
 msgstr "Obrigado. Sua denúncia foi enviada."
 
+#: src/components/dialogs/nuxs/TenMillion/index.tsx:562
+msgid "Thanks for being one of our first 10 million users."
+msgstr "Obrigado por ser um dos nossos primeiros 10 milhões de usuários."
+
 #: src/components/intents/VerifyEmailIntentDialog.tsx:74
 msgid "Thanks, you have successfully verified your email address."
 msgstr ""
···
 msgid "To whom would you like to send this report?"
 msgstr "Para quem você gostaria de enviar esta denúncia?"
 
+#: src/components/dialogs/nuxs/TenMillion/index.tsx:566
+msgid "Together, we're rebuilding the social internet. We're glad you're here."
+msgstr "Juntos, estamos reconstruindo a internet social. Estamos felizes que você esteja aqui."
+
 #: src/components/dialogs/MutedWords.tsx:112
 #~ msgid "Toggle between muted word options."
 #~ msgstr "Alternar entre opções de uma palavra silenciada"
···
 msgid "Upload a text file to:"
 msgstr "Carregar um arquivo de texto para:"
 
-#: src/view/com/util/UserAvatar.tsx:355
-#: src/view/com/util/UserAvatar.tsx:358
+#: src/view/com/util/UserAvatar.tsx:359
+#: src/view/com/util/UserAvatar.tsx:362
 #: src/view/com/util/UserBanner.tsx:123
 #: src/view/com/util/UserBanner.tsx:126
 msgid "Upload from Camera"
 msgstr "Tirar uma foto"
 
-#: src/view/com/util/UserAvatar.tsx:372
+#: src/view/com/util/UserAvatar.tsx:376
 #: src/view/com/util/UserBanner.tsx:140
 msgid "Upload from Files"
 msgstr "Carregar um arquivo"
 
-#: src/view/com/util/UserAvatar.tsx:366
 #: src/view/com/util/UserAvatar.tsx:370
+#: src/view/com/util/UserAvatar.tsx:374
 #: src/view/com/util/UserBanner.tsx:134
 #: src/view/com/util/UserBanner.tsx:138
 msgid "Upload from Library"
···
 msgid "Video Games"
 msgstr "Games"
 
-#: src/view/com/util/post-embeds/VideoEmbed.web.tsx:164
+#: src/view/com/util/post-embeds/VideoEmbed.web.tsx:167
 msgid "Video not found."
 msgstr "Vídeo não encontrado."
 
···
 msgid "Your account repository, containing all public data records, can be downloaded as a \"CAR\" file. This file does not include media embeds, such as images, or your private data, which must be fetched separately."
 msgstr "O repositório da sua conta, contendo todos os seus dados públicos, pode ser baixado como um arquivo \"CAR\". Este arquivo não inclui imagens ou dados privados, estes devem ser exportados separadamente."
 
-#: src/screens/Signup/StepInfo/index.tsx:180
+#: src/screens/Signup/StepInfo/index.tsx:181
 msgid "Your birth date"
 msgstr "Sua data de nascimento"
 
-#: src/view/com/util/post-embeds/VideoEmbed.web.tsx:168
+#: src/view/com/util/post-embeds/VideoEmbed.web.tsx:171
 msgid "Your browser does not support the video format. Please try a different browser."
 msgstr "Seu navegador não suporta o formato de vídeo. Por favor, tente um navegador diferente."
 

src/state/queries/nuxs/definitions.ts

···
 import {BaseNux} from '#/state/queries/nuxs/types'
 
 export enum Nux {
-  One = 'one',
-  Two = 'two',
+  TenMillionDialog = 'TenMillionDialog',
 }
 
 export const nuxNames = new Set(Object.values(Nux))
 
-export type AppNux =
-  | BaseNux<{
-      id: Nux.One
-      data: {
-        likes: number
-      }
-    }>
-  | BaseNux<{
-      id: Nux.Two
-      data: undefined
-    }>
+export type AppNux = BaseNux<{
+  id: Nux.TenMillionDialog
+  data: undefined
+}>
 
-export const NuxSchemas = {
-  [Nux.One]: zod.object({
-    likes: zod.number(),
-  }),
-  [Nux.Two]: undefined,
+export const NuxSchemas: Record<Nux, zod.ZodObject<any> | undefined> = {
+  [Nux.TenMillionDialog]: undefined,
 }

src/state/queries/nuxs/index.ts

···
   const agent = useAgent()
 
   return useMutation({
+    retry: 3,
     mutationFn: async (nux: AppNux) => {
       await agent.bskyAppUpsertNux(serializeAppNux(nux))
       // triggers a refetch
···
   const agent = useAgent()
 
   return useMutation({
+    retry: 3,
     mutationFn: async (ids: string[]) => {
       await agent.bskyAppRemoveNuxs(ids)
       // triggers a refetch

src/state/queries/nuxs/types.ts

···
 
 export type BaseNux<
   T extends Pick<AppBskyActorDefs.Nux, 'id' | 'expiresAt'> & {data: Data},
-> = T & {
-  completed: boolean
-}
+> = Pick<AppBskyActorDefs.Nux, 'id' | 'completed' | 'expiresAt'> & T

src/storage/schema.ts

···
 /**
  * Device data that's specific to the device and does not vary based account
  */
-export type Device = {}
+export type Device = {
+  lastNuxDialog: string | undefined
+}

src/view/com/util/UserAvatar.tsx

···
 interface UserAvatarProps extends BaseUserAvatarProps {
   moderation?: ModerationUI
   usePlainRNImage?: boolean
+  onLoad?: () => void
 }
 
 interface EditableUserAvatarProps extends BaseUserAvatarProps {
···
   avatar,
   moderation,
   usePlainRNImage = false,
+  onLoad,
 }: UserAvatarProps): React.ReactNode => {
   const pal = usePalette('default')
   const backgroundColor = pal.colors.backgroundLight
···
             uri: hackModifyThumbnailPath(avatar, size < 90),
           }}
           blurRadius={moderation?.blur ? BLUR_AMOUNT : 0}
+          onLoad={onLoad}
         />
       ) : (
         <HighPriorityImage
···
             uri: hackModifyThumbnailPath(avatar, size < 90),
           }}
           blurRadius={moderation?.blur ? BLUR_AMOUNT : 0}
+          onLoad={onLoad}
         />
       )}
       {alert}

src/view/icons/Logomark.tsx

···
+import React from 'react'
+import Svg, {Path, PathProps, SvgProps} from 'react-native-svg'
+
+import {usePalette} from '#/lib/hooks/usePalette'
+
+const ratio = 54 / 61
+
+export function Logomark({
+  fill,
+  ...rest
+}: {fill?: PathProps['fill']} & SvgProps) {
+  const pal = usePalette('default')
+  // @ts-ignore it's fiiiiine
+  const size = parseInt(rest.width || 32)
+
+  return (
+    <Svg
+      fill="none"
+      viewBox="0 0 61 54"
+      {...rest}
+      width={size}
+      height={Number(size) * ratio}>
+      <Path
+        fill={fill || pal.text.color}
+        d="M13.223 3.602C20.215 8.832 27.738 19.439 30.5 25.13c2.762-5.691 10.284-16.297 17.278-21.528C52.824-.172 61-3.093 61 6.2c0 1.856-1.068 15.59-1.694 17.82-2.178 7.752-10.112 9.73-17.17 8.532 12.337 2.092 15.475 9.021 8.697 15.95-12.872 13.159-18.5-3.302-19.943-7.52-.264-.773-.388-1.135-.39-.827-.002-.308-.126.054-.39.827-1.442 4.218-7.071 20.679-19.943 7.52-6.778-6.929-3.64-13.858 8.697-15.95-7.058 1.197-14.992-.78-17.17-8.532C1.068 21.79 0 8.056 0 6.2 0-3.093 8.176-.172 13.223 3.602Z"
+      />
+    </Svg>
+  )
+}

src/view/shell/Composer.web.tsx

···
           mention={state.mention}
           openEmojiPicker={onOpenPicker}
           text={state.text}
+          imageUris={state.imageUris}
         />
       </View>
       <EmojiPicker state={pickerState} close={onClosePicker} />