ItemTag state UI: rename Idling → Idled across the board (#68)

dadachi · claude · web-flow · commit 31c7d4ff9ba7 · 2026-05-09T05:17:37.000+09:00
Aligns the user-visible "Idling" string with the underlying enum case
`Idled` and the Idled ↔ Completed parallel-tense pair (already used for
the Completed display string). Eliminates the tense mismatch where the
state badge read "Idling" while its enum was `idled` and its sibling
state was "Completed".

Changes:
- ItemTagState.displayString for `.idled` returns "Idled" (was "Idling")
- IdlingTag SwiftUI component renamed to IdledTag (file, struct, previews)
- TagView text literal "idling" → "idled" (lowercase chip text matching
  the existing convention used by CompletedTag)
- Color tokens idlingTag{Background,Border,Foreground} renamed to
  idledTag* across both static-let definitions and the Color extensions
- Three call sites updated (ItemTagListCardView, ItemTagDetailView,
  ShopDetailCardView)
- Xcode project file references updated

Co-authored-by: Claude Opus 4.7 (1M context) &lt;noreply@anthropic.com&gt;
diff --git a/NativeAppTemplate.xcodeproj/project.pbxproj b/NativeAppTemplate.xcodeproj/project.pbxproj
@@ -84,7 +84,7 @@
 		0172787B2D7D903500CE424F /* ItemTagAdapter.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0172787A2D7D903500CE424F /* ItemTagAdapter.swift */; };
 		0172787F2D7D933000CE424F /* ShopDetailCardView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0172787E2D7D933000CE424F /* ShopDetailCardView.swift */; };
 		0172788B2D7D936E00CE424F /* CompletedTag.swift in Sources */ = {isa = PBXBuildFile; fileRef = 017278842D7D936E00CE424F /* CompletedTag.swift */; };
-		0172788C2D7D936E00CE424F /* IdlingTagView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 017278872D7D936E00CE424F /* IdlingTagView.swift */; };
+		0172788C2D7D936E00CE424F /* IdledTagView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 017278872D7D936E00CE424F /* IdledTagView.swift */; };
 		017278902D7D936E00CE424F /* TagView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 017278892D7D936E00CE424F /* TagView.swift */; };
 		0172789A2D7D99D100CE424F /* ItemTagListCardView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 017278972D7D99D100CE424F /* ItemTagListCardView.swift */; };
 		0172789B2D7D99D100CE424F /* ItemTagListView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 017278982D7D99D100CE424F /* ItemTagListView.swift */; };
@@ -241,7 +241,7 @@
 		0172787A2D7D903500CE424F /* ItemTagAdapter.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ItemTagAdapter.swift; sourceTree = "<group>"; };
 		0172787E2D7D933000CE424F /* ShopDetailCardView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ShopDetailCardView.swift; sourceTree = "<group>"; };
 		017278842D7D936E00CE424F /* CompletedTag.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CompletedTag.swift; sourceTree = "<group>"; };
-		017278872D7D936E00CE424F /* IdlingTagView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = IdlingTagView.swift; sourceTree = "<group>"; };
+		017278872D7D936E00CE424F /* IdledTagView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = IdledTagView.swift; sourceTree = "<group>"; };
 		017278892D7D936E00CE424F /* TagView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TagView.swift; sourceTree = "<group>"; };
 		017278932D7D99D100CE424F /* ItemTagDetailView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ItemTagDetailView.swift; sourceTree = "<group>"; };
 		017278942D7D99D100CE424F /* ItemTagEditView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ItemTagEditView.swift; sourceTree = "<group>"; };
@@ -685,7 +685,7 @@
 			isa = PBXGroup;
 			children = (
 				017278842D7D936E00CE424F /* CompletedTag.swift */,
-				017278872D7D936E00CE424F /* IdlingTagView.swift */,
+				017278872D7D936E00CE424F /* IdledTagView.swift */,
 				017278892D7D936E00CE424F /* TagView.swift */,
 			);
 			path = Tags;
@@ -970,7 +970,7 @@
 				0106413C29A9EDFF00B46FED /* AccountPasswordRequest.swift in Sources */,
 				0172035625A9642E008FD63B /* ShopAdapter.swift in Sources */,
 				0172788B2D7D936E00CE424F /* CompletedTag.swift in Sources */,
-				0172788C2D7D936E00CE424F /* IdlingTagView.swift in Sources */,
+				0172788C2D7D936E00CE424F /* IdledTagView.swift in Sources */,
 				01A1339F2E08B2FD000AD24A /* AcceptTermsViewModel.swift in Sources */,
 				017278902D7D936E00CE424F /* TagView.swift in Sources */,
 				0106414429AA061100B46FED /* PasswordEditView.swift in Sources */,
diff --git a/NativeAppTemplate/Models/ItemTagState.swift b/NativeAppTemplate/Models/ItemTagState.swift
@@ -25,7 +25,7 @@ enum ItemTagState: String, CaseIterable, Identifiable, Codable {
     var displayString: String {
         switch self {
         case .idled:
-            "Idling"
+            "Idled"
         case .completed:
             "Completed"
         }
diff --git a/NativeAppTemplate/Styleguide/Color+Extensions.swift b/NativeAppTemplate/Styleguide/Color+Extensions.swift
@@ -135,11 +135,11 @@ extension Color {
     static let snackWarning = coolGrey1 // #1F2933
     static let snackSuccess = coolGrey1 // #1F2933
 
-    // MARK: Tags - Idling
+    // MARK: Tags - Idled
 
-    static let idlingTagBackground = coolGrey8 // #CBD2D9
-    static let idlingTagBorder = coolGrey10 // #F5F7FA
-    static let idlingTagForeground = coolGrey2 // #323F4B
+    static let idledTagBackground = coolGrey8 // #CBD2D9
+    static let idledTagBorder = coolGrey10 // #F5F7FA
+    static let idledTagForeground = coolGrey2 // #323F4B
 
     // MARK: Tags - Completed
 
@@ -307,16 +307,16 @@ extension ShapeStyle where Self == Color {
     }
 
     /// Tags
-    static var idlingTagBackground: Color {
-        Color.idlingTagBackground
+    static var idledTagBackground: Color {
+        Color.idledTagBackground
     }
 
-    static var idlingTagBorder: Color {
-        Color.idlingTagBorder
+    static var idledTagBorder: Color {
+        Color.idledTagBorder
     }
 
-    static var idlingTagForeground: Color {
-        Color.idlingTagForeground
+    static var idledTagForeground: Color {
+        Color.idledTagForeground
     }
 
     static var completedTagBackground: Color {
diff --git a/NativeAppTemplate/UI/Shared/Tags/IdledTagView.swift b/NativeAppTemplate/UI/Shared/Tags/IdledTagView.swift
@@ -0,0 +1,32 @@
+//
+//  IdledTagView.swift
+//  NativeAppTemplate
+//
+
+import SwiftUI
+
+struct IdledTag: View {
+    var body: some View {
+        TagView(
+            text: "idled",
+            textColor: .idledTagForeground,
+            backgroundColor: .idledTagBackground,
+            borderColor: .idledTagBorder
+        )
+    }
+}
+
+struct IdledTag_Previews: PreviewProvider {
+    static var previews: some View {
+        VStack(spacing: NativeAppTemplateConstants.Spacing.xs) {
+            idledTag.colorScheme(.light)
+            idledTag.colorScheme(.dark)
+        }
+    }
+
+    static var idledTag: some View {
+        IdledTag()
+            .padding()
+            .background(Color.backgroundColor)
+    }
+}
diff --git a/NativeAppTemplate/UI/Shared/Tags/IdlingTagView.swift b/NativeAppTemplate/UI/Shared/Tags/IdlingTagView.swift
diff --git a/NativeAppTemplate/UI/Shop Detail/ShopDetailCardView.swift b/NativeAppTemplate/UI/Shop Detail/ShopDetailCardView.swift
@@ -29,7 +29,7 @@ struct ShopDetailCardView: View {
                             .foregroundStyle(.contentText)
                     }
                 } else {
-                    IdlingTag()
+                    IdledTag()
                 }
             }
             .frame(minWidth: 82, alignment: .trailing)
diff --git a/NativeAppTemplate/UI/Shop Settings/ItemTag Detail/ItemTagDetailView.swift b/NativeAppTemplate/UI/Shop Settings/ItemTag Detail/ItemTagDetailView.swift
@@ -93,7 +93,7 @@ private extension ItemTagDetailView {
             if itemTag.state == .completed {
                 CompletedTag()
             } else {
-                IdlingTag()
+                IdledTag()
             }
         }
     }
diff --git a/NativeAppTemplate/UI/Shop Settings/ItemTag List/ItemTagListCardView.swift b/NativeAppTemplate/UI/Shop Settings/ItemTag List/ItemTagListCardView.swift
@@ -34,7 +34,7 @@ struct ItemTagListCardView: View {
                             .foregroundStyle(.contentText)
                     }
                 } else {
-                    IdlingTag()
+                    IdledTag()
                 }
             }
             .frame(minWidth: 82, alignment: .trailing)

Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,7 @@ enum ItemTagState: String, CaseIterable, Identifiable, Codable {`
`25`	`25`	`var displayString: String {`
`26`	`26`	`switch self {`
`27`	`27`	`case .idled:`
`28`		`- "Idling"`
	`28`	`+ "Idled"`
`29`	`29`	`case .completed:`
`30`	`30`	`"Completed"`
`31`	`31`	`}`
Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@ struct ShopDetailCardView: View {`
`29`	`29`	`.foregroundStyle(.contentText)`
`30`	`30`	`}`
`31`	`31`	`} else {`
`32`		`- IdlingTag()`
	`32`	`+ IdledTag()`
`33`	`33`	`}`
`34`	`34`	`}`
`35`	`35`	`.frame(minWidth: 82, alignment: .trailing)`
Original file line number	Diff line number	Diff line change
`@@ -93,7 +93,7 @@ private extension ItemTagDetailView {`
`93`	`93`	`if itemTag.state == .completed {`
`94`	`94`	`CompletedTag()`
`95`	`95`	`} else {`
`96`		`- IdlingTag()`
	`96`	`+ IdledTag()`
`97`	`97`	`}`
`98`	`98`	`}`
`99`	`99`	`}`
Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,7 @@ struct ItemTagListCardView: View {`
`34`	`34`	`.foregroundStyle(.contentText)`
`35`	`35`	`}`
`36`	`36`	`} else {`
`37`		`- IdlingTag()`
	`37`	`+ IdledTag()`
`38`	`38`	`}`
`39`	`39`	`}`
`40`	`40`	`.frame(minWidth: 82, alignment: .trailing)`