<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>SQLite Vector MCP Server</title>
<style>
body { font-family: sans-serif; padding: 20px; }
.status { color: green; font-weight: bold; }
</style>
</head>
<body>
<h1>SQLite Vector MCP Server</h1>
<p>Status: <span id="status">Tauri is running</span></p>
<div style="margin-top: 20px;">
<input id="name-input" type="text" placeholder="Enter a name..." />
<button id="greet-btn">Greet from Rust</button>
</div>
<p id="greet-msg"></p>
<script type="module">
const { invoke } = window.__TAURI__.core;
const greetBtn = document.getElementById('greet-btn');
const nameInput = document.getElementById('name-input');
const greetMsg = document.getElementById('greet-msg');
greetBtn.addEventListener('click', async () => {
const name = nameInput.value || 'Anonymous';
const response = await invoke('greet', { name });
greetMsg.textContent = response;
});
</script>
<hr>
<h3>Database Info</h3>
<div id="info">Waiting for data...</div>
</body>
</html>
