The Overview card now starts collapsed. Start time and session duration are shown inline in the title row (trailingActions slot) so the key temporal facts are visible at a glance without expanding. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@@ -345,7 +345,23 @@ struct ChargeSessionDetailView: View {
|
||
| 345 | 345 |
MeterInfoCardView( |
| 346 | 346 |
title: session.status.isOpen ? "Open Session" : "Overview", |
| 347 | 347 |
tint: statusTint(for: session), |
| 348 |
- isCollapsible: true |
|
| 348 |
+ isCollapsible: true, |
|
| 349 |
+ initiallyExpanded: false, |
|
| 350 |
+ trailingActions: {
|
|
| 351 |
+ HStack(spacing: 4) {
|
|
| 352 |
+ Text(session.startedAt, style: .time) |
|
| 353 |
+ .font(.caption2) |
|
| 354 |
+ .foregroundColor(.secondary) |
|
| 355 |
+ .monospacedDigit() |
|
| 356 |
+ Text("·")
|
|
| 357 |
+ .font(.caption2) |
|
| 358 |
+ .foregroundColor(.secondary) |
|
| 359 |
+ Text(sessionDurationText(session)) |
|
| 360 |
+ .font(.caption2.weight(.semibold)) |
|
| 361 |
+ .foregroundColor(.secondary) |
|
| 362 |
+ .monospacedDigit() |
|
| 363 |
+ } |
|
| 364 |
+ } |
|
| 349 | 365 |
) {
|
| 350 | 366 |
VStack(alignment: .leading, spacing: 10) {
|
| 351 | 367 |
MeterInfoRowView(label: "Device", value: chargedDevice.name) |