# Radial — the basic idea
# Render:  d2 --sketch docs/architecture-simple.d2 docs/architecture-simple.svg

vars: {
  d2-config: {
    sketch: true
    pad: 60
    layout-engine: elk
  }
}

direction: right

you: You {
  shape: person
  style: {fill: "#f4f1ea"; stroke: "#4b4b4b"; font-size: 22}
}

app: "Radial\nweb app" {
  style: {fill: "#ffffff"; stroke: "#333333"; stroke-width: 3; font-size: 22}
}

sky: "The Atmosphere" {
  shape: cloud
  style: {fill: "#eef4ef"; stroke: "#3d6b4c"; stroke-width: 3; font-size: 26}

  what: "goals, plans, code reviews,\nconversation" {
    shape: text
    style: {font-size: 16; italic: true}
  }
}

mini: "A Mac mini\nunder someone's desk" {
  style: {fill: "#fdfbf7"; stroke: "#333333"; stroke-width: 3; font-size: 22}

  agents: "coding agents\nrunning here" {
    style: {fill: "#fff8e6"; stroke: "#8a6d1f"; stroke-dash: 4; font-size: 18}
  }
}

you -> app: "log in,\nask for work" {style.font-size: 17}
app <-> sky: "reads and writes" {style.font-size: 17; style.stroke: "#3d6b4c"; style.stroke-width: 2}
sky <-> mini: "reads and writes" {style.font-size: 17; style.stroke: "#3d6b4c"; style.stroke-width: 2}

caption: "The Atmosphere is the bus — nobody runs a server in the middle.\nYou and the agents each write to your own account, and everyone reads everyone else's,\nso anyone can plug in their own machine and join in." {
  shape: text
  near: bottom-center
  style: {font-size: 18}
}