Expand AITURK Turkish settings and desktop surfaces for beta 5

apps/desktop/src/app/pet-generate/components/generate-unavailable.tsx

@@ -1,4 +1,5 @@
 import { Button } from '@/components/ui/button'
+import { useI18n } from '@/i18n'
 import { ExternalLink } from '@/lib/external-link'
 import { PawPrint, Settings2 } from '@/lib/icons'
 
@@ -10,25 +11,25 @@ interface GenerateUnavailableProps {
 // impossible, so we replace the prompt entirely with a friendly path to set one
 // up (in-app) plus where to grab a key.
 export function GenerateUnavailable({ onSetup }: GenerateUnavailableProps) {
+  const { t } = useI18n()
+
   return (
     <div className="flex flex-col items-center gap-4 text-center">
       <span className="grid size-11 place-items-center rounded-full bg-primary/10 text-primary">
         <PawPrint className="size-5" />
       </span>
       <div className="space-y-1.5">
-        <p className="text-[length:var(--conversation-text-font-size)] font-semibold">
-          Add an image backend to generate
-        </p>
+        <p className="text-[length:var(--conversation-text-font-size)] font-semibold">{t.surfaces.imageBackendTitle}</p>
         <p className="mx-auto max-w-[19rem] text-[length:var(--conversation-caption-font-size)] leading-relaxed text-(--ui-text-tertiary)">
-          Hatching a custom pet needs a provider that can ground on a reference image.
+          {t.surfaces.imageBackendDescription}
         </p>
       </div>
       <Button onClick={onSetup} size="sm">
         <Settings2 className="size-4" />
-        Set up image generation
+        {t.surfaces.setupImage}
       </Button>
       <p className="flex flex-wrap items-center justify-center gap-x-1.5 text-[0.6875rem] text-(--ui-text-tertiary)">
-        <span>Grab a key from</span>
+        <span>{t.surfaces.keyFrom}</span>
         <ExternalLink href="https://portal.nousresearch.com" showExternalIcon={false}>
           Nous Portal
         </ExternalLink>

apps/desktop/src/app/pet-generate/components/reference-chip.tsx

@@ -26,7 +26,7 @@ export function ReferenceChip({ name, onRemove, src }: ReferenceChipProps) {
 
       <span className="max-w-40 truncate text-[0.64rem] font-medium text-foreground/50">{name || 'Reference'}</span>
       <button
-        aria-label="Remove reference"
+        aria-label={t.surfaces.removeReference}
         className="text-(--ui-text-tertiary) transition not-hover:opacity-50"
         onClick={onRemove}
         type="button"

apps/desktop/src/app/pet-generate/pet-generate-content.tsx

@@ -255,7 +255,7 @@ export function PetGenerateContent() {
                   type="button"
                 >
                   <ImageIcon className="size-3" />
-                  Add a reference
+                  {t.surfaces.addReference}
                 </button>
               )}
             </div>