add saas video

Author: anhnh2002

.DS_Store

@@ -59,6 +59,7 @@ data/
 src/output/
 repo_data/
 docs/.cache/
+videos/
 
 # Environment variables
 .env*

.gitignore

@@ -27,6 +27,8 @@
   <a href="https://aclanthology.org/2026.findings-acl.288/"><strong>Paper</strong></a>
 </p>
 
+https://github.com/user-attachments/assets/951d5d3c-fd6e-4734-8b16-445d880f95d3
+
 <p align="center">
   📚 <strong>CodeWiki documents itself.</strong> Browse the documentation it generated for this repository at
   <a href="https://fsoft-ai4code.github.io/CodeWiki/docs/index.html">CodeWiki docs</a>.
@@ -83,8 +85,6 @@ codewiki generate --github-pages      # also writes an HTML viewer
 codewiki generate --update            # later: refresh after code changes
 ```
 
-![CLI usage example](https://github.com/FSoft-AI4Code/CodeWiki/releases/download/assets/cli-usage-example.gif)
-
 ## What's new in 2.0
 
 The documentation an agent can write is bounded by what the dependency graph

README.md

@@ -1157,19 +1157,15 @@ <h3 style="margin-top: 3rem;">Score by Topic</h3>
 
         <!-- Demo Video -->
         <section id="demo">
-            <h2>Demo Video</h2>
+            <h2>Video</h2>
             <p style="font-size: 1.1rem; margin-bottom: 2rem;">
-                Watch CodeWiki in action as it generates comprehensive documentation for a real repository:
+                A 42-second tour of what CodeWiki does and how to run it:
             </p>
-            
-            <!-- Placeholder for video - replace with actual video embed when available -->
-            <div style="background: var(--light-bg); padding: 3rem; text-align: center; border-radius: 10px; border: 2px dashed var(--border-color);">
-                <img src="https://github.com/FSoft-AI4Code/CodeWiki/releases/download/assets/cli-usage-example.gif" alt="CLI Usage Example" style="max-width: 100%; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.1);" />
-                <p style="margin-top: 1.5rem; color: var(--text-light);">
-                    <strong>CLI Usage Example:</strong> Generating documentation with CodeWiki
-                </p>
+
+            <div class="video-container">
+                <iframe src="https://www.youtube-nocookie.com/embed/urk7BBAo3W4?rel=0" title="CodeWiki overview video" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
             </div>
-            
+
             <div style="margin-top: 2rem; text-align: center;">
                 <a href="https://fsoft-ai4code.github.io/codewiki-demo/" class="btn btn-primary" target="_blank">
                     View Live Demo