ZaguanAI/zblade.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs(website): refresh site copy and update changelog descriptions

Browse Source
This commit is contained in:
Stig-Ørjan Smelror
2026-05-18 08:36:37 +02:00
parent d16869435d
commit bef83100c8
7 changed files with 61 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/docs.astro
+17 -17
View File
@@ -2,7 +2,7 @@
import BaseLayout from '../layouts/BaseLayout.astro';
---
<BaseLayout title="Documentation - Zaguán Blade" description="Complete user guide for Zaguán Blade, the AI-Native code editor.">
<BaseLayout title="Documentation - Zaguán Blade" description="How to set up, configure, and work with AI in Zaguán Blade. Covers the interface, AI collaboration, and local/cloud setup.">
<main>
<!-- Hero Section -->
<section class="docs-hero">
@@ -14,8 +14,8 @@ import BaseLayout from '../layouts/BaseLayout.astro';
<span class="title-accent">GET_STARTED_</span>
</h1>
<p class="hero-description">
Everything you need to know to work alongside your AI pair programmer.
From setup to advanced features, this guide covers it all.
How to use Blade, from zero setup to advanced workflows.
This guide covers the interface, AI collaboration, and configuration.
</p>
</div>
</div>
@@ -39,18 +39,18 @@ import BaseLayout from '../layouts/BaseLayout.astro';
<div class="concept-grid">
<div class="concept-item">
<div class="concept-icon">👁</div>
<h3>It sees what you see</h3>
<p>The AI has access to your active files, cursor position, and project structure.</p>
<h3>It reads your context</h3>
<p>The AI knows your active file, cursor position, open tabs, project structure, and recent diagnostics — no copy-paste needed.</p>
</div>
<div class="concept-item">
<div class="concept-icon">🔧</div>
<h3>It edits files directly</h3>
<p>No pasting code blocks into your editor. The AI writes inline diff blocks you can review, accept, or reject before they touch your code.</p>
</div>
<div class="concept-item">
<div class="concept-icon">⚡</div>
<h3>It acts</h3>
<p>The AI can run terminal commands, edit files, and browse the web to find answers.</p>
</div>
<div class="concept-item">
<div class="concept-icon">🤝</div>
<h3>It collaborates</h3>
<p>Instead of just pasting code chunks, the AI proposes changes directly in your file using "Diff Blocks" which you can review, accept, or reject.</p>
<h3>It runs what it needs</h3>
<p>Terminal commands, file searches, web research — the AI can execute tools in your workspace, but you approve every command.</p>
</div>
</div>
</div>
@@ -153,7 +153,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
<section id="shortcuts" class="docs-section section-alt">
<div class="container">
<div class="section-label">[004] KEYBOARD_SHORTCUTS</div>
<h2 class="section-title">Master the Keys</h2>
<h2 class="section-title">Keyboard Shortcuts</h2>
<div class="shortcuts-layout">
<div class="shortcuts-card">
@@ -231,8 +231,8 @@ import BaseLayout from '../layouts/BaseLayout.astro';
<div class="ai-content">
<div class="ai-block">
<h3>Context is Key</h3>
<p>The AI automatically knows about your workspace context. You don't need to copy-paste code into the chat.</p>
<h3>What the AI knows about your project</h3>
<p>The AI doesn't need you to describe your codebase. It reads it directly from the editor.</p>
<ul>
<li><strong>Active file</strong> - The file you are currently viewing</li>
<li><strong>Open files</strong> - All open tabs in the editor</li>
@@ -371,7 +371,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
<section id="project-instructions" class="docs-section section-alt">
<div class="container">
<div class="section-label">[009] PROJECT_INSTRUCTIONS</div>
<h2 class="section-title">Customize Your AI</h2>
<h2 class="section-title">Teach the AI About Your Project</h2>
<div class="instructions-content">
<p class="instructions-intro">
@@ -479,7 +479,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
<section id="privacy" class="docs-section">
<div class="container">
<div class="section-label">[012] PRIVACY_&_DATA</div>
<h2 class="section-title">Your Data, Your Control</h2>
<h2 class="section-title">Privacy</h2>
<div class="privacy-grid">
<div class="privacy-item">