Add a tools page

src/pages/docs.astro

@@ -458,6 +458,31 @@ import BaseLayout from '../layouts/BaseLayout.astro';
       </div>
     </section>
 
+    <!-- Tool Calls Reference Section -->
+    <section id="tool-calls" class="docs-section section-alt">
+      <div class="container">
+        <div class="section-label">[012] TOOL_CALLS_REFERENCE</div>
+        <h2 class="section-title">Tool Calls Reference</h2>
+        
+        <div class="instructions-content">
+          <p class="instructions-intro">
+            When creating custom system prompts for Local AI models, you'll need to include definitions for the tool calls Zaguán Blade supports. This reference document describes all available tools with their parameters and usage examples.
+          </p>
+          
+          <div class="tool-calls-cta">
+            <a href="/tools" class="tool-calls-link">
+              <span class="tool-calls-icon">📖</span>
+              <span class="tool-calls-text">
+                <strong>View Complete Tool Calls Reference</strong>
+                <p class="tool-calls-subtext">Full documentation of all available tool calls for Local AI system prompts</p>
+              </span>
+              <span class="tool-calls-arrow">→</span>
+            </a>
+          </div>
+        </div>
+      </div>
+    </section>
+
     <!-- Known Bugs Section -->
     <section id="known-bugs" class="docs-section section-alt">
       <div class="container">
@@ -1390,6 +1415,67 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     color: var(--color-accent) !important;
   }
   
+  /* Tool Calls Section */
+  .tool-calls-cta {
+    margin-top: var(--space-xl);
+  }
+  
+  .tool-calls-link {
+    display: flex;
+    align-items: center;
+    gap: var(--space-lg);
+    padding: var(--space-xl);
+    background: var(--color-bg);
+    border: 2px solid var(--color-accent);
+    border-radius: var(--border-radius);
+    text-decoration: none;
+    transition: all 0.3s ease;
+  }
+  
+  .tool-calls-link:hover {
+    background: var(--color-bg-elevated);
+    transform: translateY(-4px);
+  }
+  
+  .tool-calls-icon {
+    font-size: 2.5rem;
+    flex-shrink: 0;
+  }
+  
+  .tool-calls-text {
+    flex: 1;
+  }
+  
+  .tool-calls-link strong {
+    display: block;
+    font-size: 1.25rem;
+    font-weight: 700;
+    color: var(--color-text);
+    margin-bottom: var(--space-xs);
+    text-transform: uppercase;
+  }
+  
+  .tool-calls-subtext {
+    color: var(--color-text-secondary);
+    font-size: 0.95rem;
+    margin: 0;
+    line-height: 1.5;
+  }
+  
+  .tool-calls-arrow {
+    font-size: 1.5rem;
+    color: var(--color-accent);
+    transition: transform 0.3s ease;
+  }
+  
+  .tool-calls-link:hover .tool-calls-arrow {
+    transform: translateX(4px);
+  }
+  
+  .tool-calls-link:hover {
+    border-color: var(--color-accent);
+  }
+  
   /* Responsive */
   @media (max-width: 768px) {
     .docs-hero {