{{define "graph-svg"}}<svg xmlns="http://www.w3.org/2000/svg"
     class="graph-svg"
     viewBox="0 0 {{printf "%.0f" .CanvasWidth}} {{printf "%.0f" .CanvasHeight}}"
     width="{{printf "%.0f" .CanvasWidth}}" height="{{printf "%.0f" .CanvasHeight}}">
  <defs>
    <style>
      {{/* Standalone SVG (?download=svg) must carry its own palette since no
           outer page provides --foo. When embedded the outer :root wins. We
           bake the light palette so downloaded snapshots stay print-friendly
           regardless of the user's current theme cookie. */}}
      {{if .Standalone}}
      :root {
        --fg: #1a1a1a; --muted: #6a6a6a; --surface: #ffffff;
        --graph-mai: #2563eb; --graph-self: #15803d;
        --graph-external: #ea580c; --graph-mixed: #7c3aed;
        --graph-unmanaged: #9ca3af;
      }
      {{end}}
      .gnode rect { fill: var(--surface); stroke-width: 2; }
      .gnode.mgmt-mai rect       { stroke: var(--graph-mai); }
      .gnode.mgmt-self rect      { stroke: var(--graph-self); }
      .gnode.mgmt-external rect  { stroke: var(--graph-external); }
      .gnode.mgmt-mixed rect     { stroke: var(--graph-mixed); stroke-dasharray: 4 2; }
      .gnode.mgmt-unmanaged rect { stroke: var(--graph-unmanaged); }
      .gnode text.slug { font-family: ui-monospace, SFMono-Regular, monospace; font-size: 12px; fill: var(--fg); }
      .gnode.dimmed   { opacity: 0.15; }
      .gnode .tag-pill { font-size: 9px; fill: var(--muted); }
      .gnode .badge { font-size: 10px; fill: var(--graph-mai); font-weight: 600; }
      .gedge { fill: none; stroke: var(--graph-unmanaged); stroke-width: 1.4; }
      .gedge.dimmed { opacity: 0.1; }
    </style>
  </defs>

  <g class="edges">
    {{range .Edges}}
      {{$dx := 0.0}}
      {{$dy := 32.0}}
      <path class="gedge" d="M {{printf "%.1f" .SourceX}} {{printf "%.1f" .SourceY}}
                              C {{printf "%.1f" .SourceX}} {{printf "%.1f" (addF .SourceY $dy)}},
                                {{printf "%.1f" .TargetX}} {{printf "%.1f" (subF .TargetY $dy)}},
                                {{printf "%.1f" .TargetX}} {{printf "%.1f" .TargetY}}"/>
    {{end}}
  </g>

  <g class="nodes">
    {{$NodeW := .NodeW}}
    {{$NodeH := .NodeH}}
    {{$isolate := .Isolate}}
    {{range .Nodes}}
      {{$dim := and (not .Matched) (not $isolate)}}
      <a xlink:href="/i/{{.Path}}" href="/i/{{.Path}}">
        <g class="gnode mgmt-{{.MgmtClass}} {{if $dim}}dimmed{{end}}"
           transform="translate({{printf "%.1f" .Pos.X}} {{printf "%.1f" .Pos.Y}})"
           opacity="{{printf "%.2f" .StatusOp}}">
          <title>{{.Title}} — {{.Path}} · {{.Status}} · mgmt:{{join "," .Management}}</title>
          <rect width="{{printf "%.0f" $NodeW}}" height="{{printf "%.0f" $NodeH}}" rx="6"/>
          <text class="slug" x="8" y="18">{{.Slug}}</text>
          {{if gt .PathCount 1}}
            <text class="badge" x="{{subF $NodeW 22}}" y="14">×{{.PathCount}}</text>
          {{end}}
          {{$y := subF $NodeH 6}}
          {{range $i, $t := .TagsShown}}
            <text class="tag-pill" x="{{addF 8 (mulF 40 $i)}}" y="{{printf "%.0f" $y}}">{{$t}}</text>
          {{end}}
          {{if gt .TagOverflow 0}}
            <text class="tag-pill" x="{{addF 8 (mulF 40 (len .TagsShown))}}" y="{{printf "%.0f" $y}}">+{{.TagOverflow}}</text>
          {{end}}
        </g>
      </a>
    {{end}}
  </g>
</svg>{{end}}