Repository: CodeEditApp/CodeEdit
File: CodeEdit/Features/UtilityArea/Views/UtilityAreaView.swift (Swift)

Code before:
                AreaTabBar(items: $model.tabItems, selection: $selection, position: .side)
                Divider()
                    .overlay(Color(nsColor: colorScheme == .dark ? .black : .clear))
            }
        }
        .overlay(alignment: .bottomTrailing) {
            HStack(spacing: 5) {
                Divider()
                HStack(spacing: 0) {
                    Button {
                        model.isMaximized.toggle()
                    } label: {
                        Image(systemName: "arrowtriangle.up.square")
                            .foregroundColor(
                                model.isMaximized
                                ? Color(.controlAccentColor)
                                : model.selectedTerminals.isEmpty ? Color(.secondaryLabelColor) : .gray
                            )
                            .frame(width: 24, height: 24, alignment: .center)
                            .contentShape(Rectangle())
                            .opacity(controlActiveState == .inactive ? 0.5 : 1)
                            .symbolVariant(model.isMaximized ? .fill : .none)
                    }
                    .buttonStyle(HighlightPressButtonStyle())
                }
            }
            .padding(.horizontal, 5)
            .padding(.vertical, 8)
            .frame(maxHeight: 27)
        }
    }
}

private struct HighlightPressButtonStyle: ButtonStyle {
  func makeBody(configuration: Self.Configuration) -> some View {
    configuration.label
          .brightness(configuration.isPressed ? 0.5 : 0)
  }
}


Review comment (suggestion):
```suggestion
                    .buttonStyle(.icon(isActive: model.isMaximized, size: 24))
                }
            }
            .colorScheme(
                model.selectedTerminals.isEmpty
                ? colorScheme
                : matchAppearance && darkAppearance
                ? themeModel.selectedDarkTheme?.appearance == .dark ? .dark : .light
                : themeModel.selectedTheme?.appearance == .dark ? .dark : .light
            )
```

Code after:
                Text("Tab not found")
                    .frame(maxWidth: .infinity, maxHeight: .infinity)
            }
        }
        .safeAreaInset(edge: .leading, spacing: 0) {
            HStack(spacing: 0) {
                AreaTabBar(items: $model.tabItems, selection: $selection, position: .side)
                Divider()
                    .overlay(Color(nsColor: colorScheme == .dark ? .black : .clear))
            }
        }
        .overlay(alignment: .bottomTrailing) {
            HStack(spacing: 5) {
                Divider()
                HStack(spacing: 0) {
                    Button {
                        model.isMaximized.toggle()
                    } label: {
                        Image(systemName: "arrowtriangle.up.square")
                    }
                    .buttonStyle(.icon(isActive: model.isMaximized, size: 24))
                }
            }
            .colorScheme(
                model.selectedTerminals.isEmpty
                ? colorScheme
                : matchAppearance && darkAppearance
                ? themeModel.selectedDarkTheme?.appearance == .dark ? .dark : .light
                : themeModel.selectedTheme?.appearance == .dark ? .dark : .light
            )
            .padding(.horizontal, 5)
            .padding(.vertical, 8)
            .frame(maxHeight: 27)
        }
    }
}