docs(vscode): update documentation for CALM Canvas v1.0.0

docs/docs/tutorials/_calm-overview/05-tooling.mdx

@@ -46,31 +46,13 @@ calm diff -a architecture-v1.json -b architecture-v2.json`}</code></pre>
 </section>
 
 <section>
-  <h2>🧩 VSCode Extension</h2>
-  <p>First-class IDE support for working with CALM architectures.</p>
-  <img src="/img/vscode/04-preview-hero.png" alt="VSCode CALM preview" style={{maxHeight:'460px', maxWidth:'95%', borderRadius:'6px', border:'1px solid #ddd', display:'block', margin:'0 auto'}} />
+  <h2>🧩 CALM Canvas — VS Code Extension</h2>
+  <p>A visual architecture editor built into VS Code — drag-and-drop nodes, draw relationships, apply standards, and validate compliance.</p>
+  <img src="/img/vscode/canvas-poster.png" alt="CALM Canvas visual editor" style={{maxHeight:'460px', maxWidth:'95%', borderRadius:'6px', border:'1px solid #ddd', display:'block', margin:'0 auto'}} />
   <aside className="notes">
-    The VSCode extension gives you a live preview of your architecture as a diagram,
-    a tree view of nodes and relationships, real-time validation, and timeline visualisation.
-    It's the best way to author CALM files.
-  </aside>
-</section>
-
-<section>
-  <h2>🧩 VSCode — Validation &amp; Timeline</h2>
-  <div className="two-col">
-    <div>
-      <img src="/img/vscode/07-validation-problems.png" alt="VSCode validation problems" style={{width:'100%', borderRadius:'6px', border:'1px solid #ddd'}} />
-      <p style={{fontSize:'1.65rem', textAlign:'center', color:'#666'}}>Live validation errors</p>
-    </div>
-    <div>
-      <img src="/img/vscode/09-timeline.png" alt="VSCode timeline view" style={{width:'100%', borderRadius:'6px', border:'1px solid #ddd'}} />
-      <p style={{fontSize:'1.65rem', textAlign:'center', color:'#666'}}>Timeline visualisation</p>
-    </div>
-  </div>
-  <aside className="notes">
-    Validation runs in real-time as you edit. The timeline view shows the evolution
-    of the architecture across moments — you can click to compare moments side-by-side.
+    The CALM Canvas extension is a ReactFlow-based visual editor for CALM architectures.
+    Drag nodes from the palette, draw relationships, apply standards with dotted compliance edges,
+    configure edge direction and line styles, validate, and export — all without leaving VS Code.
   </aside>
 </section>