fix(ios): improve fleet overview and app identity

- Show stable group health in a fixed 2x2 metric grid - Add link-chain state to fleet cards and parse hardware/control/SIM/cellular - Replace the wrapped icon with a full-bleed app icon - Bump the IPA build number
2026-09-13 00:46:26 +08:00
parent 409345cba3
commit 2ff23d1fb0
23 changed files with 3600 additions and 269 deletions
@@ -0,0 +1,173 @@
+import SwiftUI
+
+struct InstanceGroupManagerView: View {
+  @Environment(\.dismiss) private var dismiss
+  @ObservedObject var model: FleetViewModel
+  @State private var newName = ""
+  @State private var editingGroup: InstanceGroup?
+  @State private var editingName = ""
+  @State private var validationMessage: String?
+  @State private var isWorking = false
+
+  var body: some View {
+    NavigationStack {
+      ScrollView {
+        LazyVStack(spacing: 12) {
+          AICard {
+            VStack(alignment: .leading, spacing: 10) {
+              AIFieldLabel("新增分组")
+              TextField("例如：家里、外场、测试机", text: $newName)
+                .textFieldStyle(AIFieldStyle())
+                .submitLabel(.done)
+            }
+          }
+
+          if let validationMessage {
+            AIStatusBanner(
+              validationMessage,
+              tint: AITheme.danger,
+              systemImage: "exclamationmark.triangle"
+            )
+          }
+
+          if model.groups.isEmpty {
+            AICard {
+              AIEmptyState(
+                systemImage: "folder.badge.plus",
+                title: "暂无分组",
+                message: "创建分组后，实例可按业务或位置归类。"
+              )
+            }
+          } else {
+            ForEach(model.groups) { group in
+              AICard {
+                HStack(spacing: 12) {
+                  Image(systemName: "folder")
+                    .font(.subheadline.weight(.semibold))
+                    .foregroundStyle(AITheme.primary)
+                    .frame(width: 34, height: 34)
+                    .background(AITheme.primary.opacity(0.1))
+                    .clipShape(RoundedRectangle(cornerRadius: 11, style: .continuous))
+                    .accessibilityHidden(true)
+
+                  VStack(alignment: .leading, spacing: 3) {
+                    Text(group.name)
+                      .font(.subheadline.weight(.semibold))
+                      .foregroundStyle(AITheme.ink)
+                      .lineLimit(1)
+                    Text("\(instanceCount(group.id)) 个实例")
+                      .font(.caption)
+                      .foregroundStyle(AITheme.muted)
+                  }
+
+                  Spacer()
+
+                  Button {
+                    editingGroup = group
+                    editingName = group.name
+                    validationMessage = nil
+                  } label: {
+                    Image(systemName: "pencil")
+                  }
+                  .buttonStyle(AIButtonStyle(kind: .secondary, size: .toolbarInline, fixedWidth: 44))
+
+                  Button {
+                    Task {
+                      await delete(group)
+                    }
+                  } label: {
+                    Image(systemName: "trash")
+                  }
+                  .buttonStyle(AIButtonStyle(kind: .danger, size: .toolbarInline, fixedWidth: 44))
+                  .disabled(instanceCount(group.id) > 0 || isWorking)
+                }
+              }
+            }
+          }
+        }
+        .padding(16)
+        .padding(.bottom, 8)
+      }
+      .background(AITheme.canvas.ignoresSafeArea())
+      .navigationTitle("分组管理")
+      #if os(iOS)
+        .navigationBarTitleDisplayMode(.inline)
+      #endif
+      .toolbar {
+        ToolbarItem(placement: .cancellationAction) {
+          Button("取消") { dismiss() }
+        }
+        ToolbarItem(placement: .confirmationAction) {
+          Button("完成") { dismiss() }
+        }
+      }
+      .aiBottomActionBar {
+        AIActionRow {
+          Button {
+            Task { await create() }
+          } label: {
+            Label("创建分组", systemImage: "plus")
+          }
+          .buttonStyle(AIButtonStyle(kind: .primary, size: .regular, fillsWidth: true))
+          .disabled(isWorking)
+        }
+      }
+      .alert("编辑分组", isPresented: Binding(
+        get: { editingGroup != nil },
+        set: { if !$0 { editingGroup = nil } }
+      )) {
+        TextField("分组名称", text: $editingName)
+        Button("保存") {
+          Task { await saveEditing() }
+        }
+        Button("取消", role: .cancel) {}
+      } message: {
+        Text("分组名称最多 100 个字符。")
+      }
+      .task {
+        await model.loadGroups()
+      }
+    }
+  }
+
+  private func instanceCount(_ id: UUID) -> Int {
+    model.rows.filter { $0.instance.groupId == id }.count
+  }
+
+  private func create() async {
+    guard !isWorking else { return }
+    isWorking = true
+    validationMessage = nil
+    do {
+      try await model.createGroup(named: newName)
+      newName = ""
+    } catch {
+      validationMessage = "创建失败，名称不能为空且不能重复。"
+    }
+    isWorking = false
+  }
+
+  private func saveEditing() async {
+    guard let editingGroup else { return }
+    isWorking = true
+    validationMessage = nil
+    do {
+      try await model.updateGroup(editingGroup.id, name: editingName)
+      self.editingGroup = nil
+    } catch {
+      validationMessage = "更新失败，名称不能为空且不能重复。"
+    }
+    isWorking = false
+  }
+
+  private func delete(_ group: InstanceGroup) async {
+    guard !isWorking else { return }
+    isWorking = true
+    do {
+      try await model.deleteGroup(group.id)
+    } catch {
+      validationMessage = "删除失败，请稍后重试。"
+    }
+    isWorking = false
+  }
+}