feat: extract UI strings and add pt-BR localization

CLAUDE.md

@@ -66,6 +66,7 @@ Requires JDK 17+ (SQLDelight 2.0.2 requirement). iOS builds require Xcode — op
 - Always add previews to screens: on Android, include `@Preview` for phone and tablet (portrait) with `showSystemUi = true`; on iOS, include SwiftUI `#Preview` for iPhone and iPad (portrait).
 - Use native/framework components (e.g., Material3 `Button`, `FilledTonalButton`, `ElevatedButton`) instead of building custom equivalents from `Box`/`clickable`. Only go custom when the framework component genuinely cannot match the design.
 - Always update both Android (Compose) and iOS (SwiftUI) when making UI changes. Every screen, component, or visual behavior change must be applied to both platforms in the same task.
+- Never hardcode user-facing strings in UI code. Always use platform string resources: `stringResource(R.string.xxx)` / `pluralStringResource()` on Android, `String(localized:)` / `String(format:)` on iOS. Add every new string to both `values/strings.xml` (en), `values-pt-rBR/strings.xml` (pt-BR), `en.lproj/Localizable.strings`, and `pt-BR.lproj/Localizable.strings`. For plurals, also update `values/strings.xml` `<plurals>` entries and the `.stringsdict` files in both `.lproj` directories.
 
 ## Dependencies
 

composeApp/src/androidMain/kotlin/com/github/worn/ui/components/AddItemFields.kt

@@ -50,6 +50,8 @@ import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.ImageBitmap
 import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.pluralStringResource
+import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
@@ -109,7 +111,7 @@ fun PhotoUploadZone(bitmap: ImageBitmap?, onClick: () -> Unit) {
                 )
                 Spacer(Modifier.height(8.dp))
                 Text(
-                    text = "Tap to add photo",
+                    text = stringResource(R.string.add_item_photo_hint),
                     color = WornColors.TextSecondary,
                     fontSize = 14.sp,
                     fontWeight = FontWeight.Medium,
@@ -128,7 +130,12 @@ fun AiBadge(onClick: () -> Unit = {}) {
     ) {
         Row(modifier = Modifier.padding(horizontal = 12.dp, vertical = 6.dp)) {
             Text("✦ ", color = Color.White, fontSize = 12.sp, fontWeight = FontWeight.SemiBold)
-            Text("Auto-tag with AI", color = Color.White, fontSize = 12.sp, fontWeight = FontWeight.SemiBold)
+            Text(
+                stringResource(R.string.add_item_ai_badge),
+                color = Color.White,
+                fontSize = 12.sp,
+                fontWeight = FontWeight.SemiBold,
+            )
         }
     }
 }
@@ -138,7 +145,13 @@ fun ItemNameField(value: String, onValueChange: (String) -> Unit) {
     TextField(
         value = value,
         onValueChange = onValueChange,
-        placeholder = { Text("Item name", color = WornColors.IconMuted, fontSize = 15.sp) },
+        placeholder = {
+            Text(
+                stringResource(R.string.add_item_name_hint),
+                color = WornColors.IconMuted,
+                fontSize = 15.sp,
+            )
+        },
         colors = TextFieldDefaults.colors(
             focusedContainerColor = WornColors.BgCard,
             unfocusedContainerColor = WornColors.BgCard,
@@ -178,7 +191,7 @@ fun CategoryDropdown(selected: Category?, onSelected: (Category) -> Unit) {
                         Spacer(Modifier.size(12.dp))
                     }
                     Text(
-                        text = selected?.displayName() ?: "Category",
+                        text = selected?.displayName() ?: stringResource(R.string.label_category),
                         color = if (selected != null) WornColors.TextPrimary else WornColors.IconMuted,
                         fontSize = 15.sp,
                         modifier = Modifier.weight(1f),
@@ -245,7 +258,12 @@ private fun CategoryOptionList(onSelected: (Category) -> Unit) {
 @Composable
 fun ColorSection(selectedColors: Set<String>, onToggle: (String) -> Unit) {
     Column(verticalArrangement = Arrangement.spacedBy(10.dp)) {
-        Text("Color", color = WornColors.TextPrimary, fontSize = 14.sp, fontWeight = FontWeight.SemiBold)
+        Text(
+            stringResource(R.string.label_color),
+            color = WornColors.TextPrimary,
+            fontSize = 14.sp,
+            fontWeight = FontWeight.SemiBold,
+        )
         FlowRow(
             horizontalArrangement = Arrangement.spacedBy(12.dp),
             verticalArrangement = Arrangement.spacedBy(12.dp),
@@ -283,7 +301,12 @@ private fun contrastColor(background: Color): Color {
 @Composable
 fun SeasonSection(selectedSeasons: Set<Season>, onToggle: (Season) -> Unit) {
     Column(verticalArrangement = Arrangement.spacedBy(10.dp)) {
-        Text("Season", color = WornColors.TextPrimary, fontSize = 14.sp, fontWeight = FontWeight.SemiBold)
+        Text(
+            stringResource(R.string.label_season),
+            color = WornColors.TextPrimary,
+            fontSize = 14.sp,
+            fontWeight = FontWeight.SemiBold,
+        )
         Row(horizontalArrangement = Arrangement.spacedBy(8.dp)) {
             Season.entries.forEach { season ->
                 val isActive = season in selectedSeasons
@@ -333,7 +356,11 @@ fun SaveButton(
                 .background(if (enabled) gradient else disabledGradient),
         ) {
             Text(
-                text = if (isSaving) "Saving…" else (label ?: "Save to wardrobe"),
+                text = if (isSaving) {
+                    stringResource(R.string.common_saving)
+                } else {
+                    label ?: stringResource(R.string.add_item_save_to_wardrobe)
+                },
                 color = Color.White,
                 fontSize = 16.sp,
                 fontWeight = FontWeight.SemiBold,
@@ -351,12 +378,13 @@ internal fun Category.iconRes(): Int = when (this) {
     Category.ACCESSORY -> R.drawable.ic_glasses
 }
 
+@Composable
 private fun Category.displayName(): String = when (this) {
-    Category.TOP -> "Tops"
-    Category.BOTTOM -> "Bottoms"
-    Category.OUTERWEAR -> "Outerwear"
-    Category.SHOES -> "Shoes"
-    Category.ACCESSORY -> "Accessories"
+    Category.TOP -> stringResource(R.string.category_tops)
+    Category.BOTTOM -> stringResource(R.string.category_bottoms)
+    Category.OUTERWEAR -> stringResource(R.string.category_outerwear)
+    Category.SHOES -> stringResource(R.string.category_shoes)
+    Category.ACCESSORY -> stringResource(R.string.category_accessories)
 }
 
 @Composable
@@ -375,7 +403,7 @@ fun SubcategoryDropdown(category: Category, selected: Subcategory?, onSelected:
                 color = Color.Transparent,
             ) {
                 DropdownHeader(
-                    text = selected?.displayName() ?: "Subcategory",
+                    text = selected?.displayName() ?: stringResource(R.string.label_subcategory),
                     hasSelection = selected != null,
                     expanded = expanded,
                 )
@@ -443,7 +471,12 @@ private fun SubcategoryOptionList(options: List<Subcategory>, onSelected: (Subca
 @Composable
 fun FitSection(selected: Fit?, onSelected: (Fit?) -> Unit) {
     Column(verticalArrangement = Arrangement.spacedBy(10.dp)) {
-        Text("Fit", color = WornColors.TextPrimary, fontSize = 14.sp, fontWeight = FontWeight.SemiBold)
+        Text(
+            stringResource(R.string.label_fit),
+            color = WornColors.TextPrimary,
+            fontSize = 14.sp,
+            fontWeight = FontWeight.SemiBold,
+        )
         FlowRow(horizontalArrangement = Arrangement.spacedBy(8.dp)) {
             Fit.entries.forEach { fit ->
                 val isActive = fit == selected
@@ -470,7 +503,12 @@ fun FitSection(selected: Fit?, onSelected: (Fit?) -> Unit) {
 @Composable
 fun MaterialSection(selected: Material?, onSelected: (Material?) -> Unit) {
     Column(verticalArrangement = Arrangement.spacedBy(10.dp)) {
-        Text("Material", color = WornColors.TextPrimary, fontSize = 14.sp, fontWeight = FontWeight.SemiBold)
+        Text(
+            stringResource(R.string.label_material),
+            color = WornColors.TextPrimary,
+            fontSize = 14.sp,
+            fontWeight = FontWeight.SemiBold,
+        )
         FlowRow(
             horizontalArrangement = Arrangement.spacedBy(8.dp),
             verticalArrangement = Arrangement.spacedBy(8.dp),
@@ -496,22 +534,84 @@ fun MaterialSection(selected: Material?, onSelected: (Material?) -> Unit) {
     }
 }
 
-internal fun Subcategory.displayName(): String = name.lowercase()
-    .replace('_', ' ')
-    .replaceFirstChar { it.uppercase() }
+@Suppress("CyclomaticComplexMethod")
+@Composable
+internal fun Subcategory.displayName(): String = stringResource(
+    when (this) {
+        Subcategory.T_SHIRT -> R.string.subcategory_t_shirt
+        Subcategory.POLO -> R.string.subcategory_polo
+        Subcategory.DRESS_SHIRT -> R.string.subcategory_dress_shirt
+        Subcategory.HENLEY -> R.string.subcategory_henley
+        Subcategory.SWEATER -> R.string.subcategory_sweater
+        Subcategory.HOODIE -> R.string.subcategory_hoodie
+        Subcategory.JEANS -> R.string.subcategory_jeans
+        Subcategory.CHINOS -> R.string.subcategory_chinos
+        Subcategory.TAILORED_PANTS -> R.string.subcategory_tailored_pants
+        Subcategory.SHORTS -> R.string.subcategory_shorts
+        Subcategory.CARGO_PANTS -> R.string.subcategory_cargo_pants
+        Subcategory.SWEATPANTS -> R.string.subcategory_sweatpants
+        Subcategory.BOMBER -> R.string.subcategory_bomber
+        Subcategory.TRUCKER -> R.string.subcategory_trucker
+        Subcategory.PUFFER -> R.string.subcategory_puffer
+        Subcategory.BLAZER -> R.string.subcategory_blazer
+        Subcategory.COAT -> R.string.subcategory_coat
+        Subcategory.WINDBREAKER -> R.string.subcategory_windbreaker
+        Subcategory.SNEAKERS -> R.string.subcategory_sneakers
+        Subcategory.BOOTS_MILITARY -> R.string.subcategory_boots_military
+        Subcategory.BOOTS_CHELSEA -> R.string.subcategory_boots_chelsea
+        Subcategory.DERBY -> R.string.subcategory_derby
+        Subcategory.OXFORD -> R.string.subcategory_oxford
+        Subcategory.LOAFER -> R.string.subcategory_loafer
+        Subcategory.SANDALS -> R.string.subcategory_sandals
+        Subcategory.WATCH -> R.string.subcategory_watch
+        Subcategory.BELT -> R.string.subcategory_belt
+        Subcategory.SUNGLASSES -> R.string.subcategory_sunglasses
+        Subcategory.HAT_CAP -> R.string.subcategory_hat_cap
+        Subcategory.SCARF -> R.string.subcategory_scarf
+        Subcategory.BAG_BACKPACK -> R.string.subcategory_bag_backpack
+    },
+)
 
-internal fun Fit.displayName(): String = when (this) {
-    Fit.SLIM_FIT -> "Slim Fit"
-    Fit.REGULAR -> "Regular"
-    Fit.RELAXED -> "Relaxed"
-    Fit.OVERSIZED -> "Oversized"
-}
+@Composable
+internal fun Fit.displayName(): String = stringResource(
+    when (this) {
+        Fit.SLIM_FIT -> R.string.fit_slim
+        Fit.REGULAR -> R.string.fit_regular
+        Fit.RELAXED -> R.string.fit_relaxed
+        Fit.OVERSIZED -> R.string.fit_oversized
+    },
+)
 
-internal fun Material.displayName(): String = name.lowercase().replaceFirstChar { it.uppercase() }
+@Composable
+internal fun Material.displayName(): String = stringResource(
+    when (this) {
+        Material.COTTON -> R.string.material_cotton
+        Material.LINEN -> R.string.material_linen
+        Material.DENIM -> R.string.material_denim
+        Material.WOOL -> R.string.material_wool
+        Material.SYNTHETIC -> R.string.material_synthetic
+        Material.LEATHER -> R.string.material_leather
+        Material.SILK -> R.string.material_silk
+        Material.KNIT -> R.string.material_knit
+    },
+)
+
+@Composable
+internal fun Season.displayName(): String = stringResource(
+    when (this) {
+        Season.SPRING -> R.string.season_spring
+        Season.SUMMER -> R.string.season_summer
+        Season.FALL -> R.string.season_fall
+        Season.WINTER -> R.string.season_winter
+    },
+)
 
-internal fun Season.displayName(): String = when (this) {
-    Season.SPRING -> "Spring"
-    Season.SUMMER -> "Summer"
-    Season.FALL -> "Fall"
-    Season.WINTER -> "Winter"
+@Composable
+internal fun Category.displayLabel(): String = when (this) {
+    Category.TOP -> stringResource(R.string.category_tops)
+    Category.BOTTOM -> stringResource(R.string.category_bottoms)
+    Category.OUTERWEAR -> stringResource(R.string.category_outerwear)
+    Category.SHOES -> stringResource(R.string.category_shoes)
+    Category.ACCESSORY -> stringResource(R.string.category_accessories)
 }
+

composeApp/src/androidMain/kotlin/com/github/worn/ui/components/AiLockedSheet.kt

@@ -30,8 +30,10 @@ import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
+import com.github.worn.R
 import com.github.worn.ui.theme.SheetPreview
 import com.github.worn.ui.theme.WornColors
 
@@ -94,14 +96,14 @@ internal fun AiLockedContent(
         }
 
         Text(
-            text = "Unlock AI features",
+            text = stringResource(R.string.ai_locked_title),
             color = WornColors.TextPrimary,
             fontSize = 22.sp,
             fontWeight = FontWeight.Medium,
         )
 
         Text(
-            text = "Add your Claude API key in Settings to enable this.",
+            text = stringResource(R.string.ai_locked_description),
             color = WornColors.TextSecondary,
             fontSize = 14.sp,
             textAlign = TextAlign.Center,
@@ -132,7 +134,7 @@ private fun SettingsCta(onClick: () -> Unit) {
                 .padding(horizontal = 40.dp, vertical = 14.dp),
         ) {
             Text(
-                text = "Go to Settings",
+                text = stringResource(R.string.ai_locked_cta),
                 color = Color.White,
                 fontSize = 16.sp,
                 fontWeight = FontWeight.SemiBold,

composeApp/src/androidMain/kotlin/com/github/worn/ui/components/CategoryFilterChips.kt

@@ -12,8 +12,10 @@ import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
+import com.github.worn.R
 import com.github.worn.domain.model.Category
 import com.github.worn.ui.theme.WornColors
 
@@ -25,7 +27,7 @@ fun CategoryFilterChips(
     onCategorySelected: (Category?) -> Unit,
     modifier: Modifier = Modifier,
 ) {
-    val allChips = listOf<Pair<Category?, String>>(null to "All") +
+    val allChips = listOf<Pair<Category?, String>>(null to stringResource(R.string.filter_all)) +
         Category.entries.map { it to it.displayName() }
 
     LazyRow(
@@ -66,10 +68,11 @@ private fun CategoryChip(
     }
 }
 
+@Composable
 private fun Category.displayName(): String = when (this) {
-    Category.TOP -> "Tops"
-    Category.BOTTOM -> "Bottoms"
-    Category.OUTERWEAR -> "Outerwear"
-    Category.SHOES -> "Shoes"
-    Category.ACCESSORY -> "Accessories"
+    Category.TOP -> stringResource(R.string.category_tops)
+    Category.BOTTOM -> stringResource(R.string.category_bottoms)
+    Category.OUTERWEAR -> stringResource(R.string.category_outerwear)
+    Category.SHOES -> stringResource(R.string.category_shoes)
+    Category.ACCESSORY -> stringResource(R.string.category_accessories)
 }

composeApp/src/androidMain/kotlin/com/github/worn/ui/components/ClothingCard.kt

@@ -170,11 +170,3 @@ internal fun Category.dotColor(): Color = when (this) {
     Category.SHOES -> WornColors.CategoryDotShoes
     Category.ACCESSORY -> WornColors.CategoryDotAccessory
 }
-
-internal fun Category.displayLabel(): String = when (this) {
-    Category.TOP -> "Tops"
-    Category.BOTTOM -> "Bottoms"
-    Category.OUTERWEAR -> "Outerwear"
-    Category.SHOES -> "Shoes"
-    Category.ACCESSORY -> "Accessories"
-}

composeApp/src/androidMain/kotlin/com/github/worn/ui/components/OutfitCard.kt

@@ -25,6 +25,7 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
@@ -129,7 +130,7 @@ private fun ItemCountBadge(outfit: Outfit) {
     val badgeColor = badgeColors[outfit.id.hashCode().mod(badgeColors.size)]
     Surface(shape = badgeShape, color = badgeColor) {
         Text(
-            text = "${outfit.itemIds.size} items",
+            text = stringResource(R.string.outfit_detail_items_count, outfit.itemIds.size),
             color = WornColors.TextOnColor,
             fontSize = 11.sp,
             fontWeight = FontWeight.SemiBold,