block-architecture.hbs

```mermaid
%%{init: {"flowchart": {"htmlLabels": false}}}%%
flowchart TB
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;
classDef iface fill:#f1f5f9,stroke:#64748b,stroke-width:1px,font-size:10px,color:#000;
classDef highlight fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#000;
{{#if renderNodeTypeShapes}}
classDef actor fill:#e3f2fd,stroke:#1976d2,stroke-width:2px,color:#000;
classDef database fill:#fff3e0,stroke:#f57c00,stroke-width:2px,color:#000;
classDef webclient fill:#f3e5f5,stroke:#7b1fa2,stroke-width:2px,color:#000;
classDef service fill:#e8f5e8,stroke:#388e3c,stroke-width:2px,color:#000;
classDef messagebus fill:#fce4ec,stroke:#c2185b,stroke-width:2px,color:#000;
classDef system fill:#fff8e1,stroke:#f9a825,stroke-width:2px,color:#000;
{{/if}}

{{!-- Render container forest (if any) --}}
{{#each containers}}
    {{> container.hbs}}
{{/each}}

{{!-- Render loose nodes (not inside any rendered container) --}}
{{#each looseNodes}}
    {{#if ../renderNodeTypeShapes}}
    {{> typed-node.hbs}}
    {{else}}
    {{{mermaidId id}}}["{{label}}"]:::node
    {{/if}}
    {{#each interfaces}}
        {{{mermaidId id}}}["{{label}}"]:::iface
    {{/each}}
{{/each}}

{{!-- Edges --}}
{{#each edges}}
    {{{mermaidId source}}} -->{{#if label}}|{{label}}|{{/if}} {{{mermaidId target}}}
{{/each}}

{{!-- Dotted attachments (node -> interface) --}}
{{#each attachments}}
    {{{mermaidId from}}} -.- {{{mermaidId to}}}
{{/each}}

{{!-- Highlights --}}
{{#each highlightNodeIds}}
    class {{{mermaidId this}}} highlight
{{/each}}
{{!-- Clickable links for containers + loose nodes --}}
{{#if linkPrefix}}
    {{#each containers}}
        {{> click-links.hbs this linkPrefix=../linkPrefix linkMap=../linkMap}}
    {{/each}}
    {{#each looseNodes}}
        {{> click-links.hbs this linkPrefix=../linkPrefix linkMap=../linkMap}}
    {{/each}}
{{/if}}

```