Agent chat, config editor, vault reader, network status - initial implementation

static/index.html

@@ -27,8 +27,24 @@
                 <p>Coming soon...</p>
             </section>
             <section id="vault" class="panel" hidden>
-                <h2>Obsidian Vault</h2>
-                <p>Coming soon...</p>
+                <div id="vault-app">
+                    <div class="vault-toolbar">
+                        <button id="vault-toggle-tree" class="vault-btn" title="Toggle file tree">📂</button>
+                        <div class="vault-search-box">
+                            <input type="text" id="vault-search-input" placeholder="Search vault..." />
+                            <div id="vault-search-results" class="vault-search-dropdown" hidden></div>
+                        </div>
+                    </div>
+                    <div class="vault-body">
+                        <div id="vault-tree" class="vault-tree-panel"></div>
+                        <div id="vault-content" class="vault-content-panel">
+                            <div class="vault-welcome">
+                                <h2>Obsidian Vault</h2>
+                                <p>Select a file from the tree or search to get started.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
             </section>
             <section id="network" class="panel" hidden>
                 <h2>Network Status</h2>
@@ -37,5 +53,6 @@
         </main>
     </div>
     <script src="/static/app.js"></script>
+    <script src="/static/vault.js"></script>
 </body>
 </html>