Rename terminal component to vibe-terminal

- Change @customElement from 'terminal' to 'vibe-terminal'
- Update HTML test file to use new element name
- Fixes web component spec compliance (terminal is reserved)

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

web/public/tests/dom-terminal-test.html

@@ -74,7 +74,7 @@
         }
 
         /* Ensure the terminal element takes full height of its container */
-        terminal {
+        vibe-terminal {
             display: block;
             width: 100%;
             height: 100%;
@@ -102,12 +102,12 @@
     </header>
 
     <main>
-        <terminal
+        <vibe-terminal
             id="main-terminal"
             cols="120"
             rows="40"
             show-controls="false">
-        </terminal>
+        </vibe-terminal>
     </main>
 
     <!-- Load XTerm.js -->

web/src/client/components/terminal.ts

@@ -2,7 +2,7 @@ import { LitElement, html } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { Terminal as XtermTerminal, IBufferLine, IBufferCell } from '@xterm/xterm';
 
-@customElement('terminal')
+@customElement('vibe-terminal')
 export class Terminal extends LitElement {
   // Disable shadow DOM for Tailwind compatibility and native text selection
   createRenderRoot() {