docs(blog): add reviewed architecture diagrams to both languages

[huangruiteng]

Summary

Add the three owner-reviewed architecture diagrams to both language editions of the long-horizon blog:

• Section 2: LoopX's position beside agents/harnesses and composable execution infrastructure.
• Section 3: semantic control-plane components, validated transitions and feedback.
• Section 6: controller routing for execution, waiting, user action, repair, replan, stop and terminal closure.

Use self-contained Chinese/English SVGs with translated labels. Replace the earlier simple stack and state overview, retire the ASCII loop and unused diagram-card styles. Dense diagrams have a full-size vector link and contained horizontal scrolling on narrow screens. Figures describe responsibilities and routes; they do not claim a single state store, a global transaction or a Goal lifecycle enum.

The storage-promotion illustration is excluded. Opening content and benchmark evidence are unchanged.

Validation

• Tested revision: 52dfaffea3ad379cbc79ac8c1830f3533f637744
• Run state: finished
• Input classes: public_fixture

Check kind	Result	Evidence / limitation
static	passed	npm run build in apps/presentation/site: TypeScript check and Vite build.
real_entrypoint	passed	Chromium against the production output, both languages at 1440 and 390 px: all three assets load, article anchors resolve, no page-level overflow.
manual	passed	English SVGs inspected at full size; labels shortened to fit shapes without changing the routing contract. Narrow-screen scroll and full-size vector URLs verified.
regression_parity	passed	Opening HTML in both languages matches baseline 503991d; new styles are scoped to architecture figures.
static	passed	HTML/CSS public boundary scan and manual SVG resource/privacy inspection; git diff --check. No scripts, external assets or private review metadata in SVGs.
real_backend	not_applicable	Static article presentation only; no runtime/provider behavior changes.

No runtime suites are needed for this editorial scope. Future-facing pass replaces redundant figures and uses native browser links/scrolling rather than adding a renderer or zoom library.

Frontend / Visual Evidence

• UI impact: changed, body only. Owner reviewed the three Chinese drawings before embedding.
• Before: the original co-decision figure and superseded candidate appear in the earlier visual record.
• After: final vector assets below, in Chinese and English. Desktop and mobile article rendering checked separately as described above.
• Source data: public_fixture; no private document links or review material included.

System position — Chinese / English

Control-plane components — Chinese / English

Controller routing — Chinese / English

Scope and boundaries

Documentation/presentation update; base main. RFC runtime fixture impact: N/A. Nine public blog paths only; no private state, credentials, internal links or build output. Both commits include DCO sign-off. No merge or deployment performed.

[huangruiteng]

Visual evidence for f27b43e: public article content and synthetic proposals only. Desktop 1440 px; mobile 390 px. The first viewport is unchanged. Exact-scope LoopX change-quality verification: valid; site build and browser checks passed.

Before: co-decision ASCII loop

A: Host / control-plane responsibilities

B: authority source and projection

C: concurrent updates and receipt recovery