@startuml
title Settings Surface Rendering (Before)
skinparam backgroundColor #FFFFFF
skinparam defaultFontColor #111111
skinparam shadowing false
skinparam ArrowColor #111111
skinparam componentStyle rectangle
skinparam component {
  BackgroundColor #FFFFFF
  BorderColor #111111
  FontColor #111111
}
skinparam rectangle {
  BackgroundColor #FFFFFF
  BorderColor #111111
  FontColor #111111
}
skinparam note {
  BackgroundColor #FFFFFF
  BorderColor #111111
  FontColor #111111
}

actor "User" as User
component "AccountSettingsView\n/settings" as View
component "AthenaAuthAccountSettingsDialog\n(inline only)" as SettingsComponent
component "athena-auth-js\nsession + list-accounts" as SDK
component "Athena Auth API" as API

User --> View : open /settings
View --> SettingsComponent : render static layout
View --> SDK : load session/accounts
SDK --> API : GET get-session/list-accounts

note right of SettingsComponent
No dialog lifecycle.
No open/close interaction.
No render-mode configuration.
end note

@enduml
