feat: 完善 WebUI basePath 支持并简化示例代码

主要改动：

1. WebUI basePath 逻辑完善
   - NewWebUI 支持可变参数 basePath
   - 新增 path() 辅助方法统一路径处理
   - handleTableAPI 正确处理 basePath 前缀
   - handleIndex 根据 basePath 替换占位符

2. 简化示例代码
   - 删除反向代理实现（111行）
   - 直接使用带 basePath 的 WebUI
   - 代码量减少 33%，架构更清晰

3. 前端优化
   - 新增 api.js 统一 API 服务层
   - 所有组件使用统一的 API 调用
   - 支持通过 window.API_BASE 配置 basePath

4. 修复 .gitignore
   - 使用通用模式支持 commands 目录
   - 无需为新示例项目修改配置

webui/static/js/components/App.js

@@ -1,7 +1,8 @@
 import { html } from 'htm/preact';
 import { useState, useEffect } from 'preact/hooks';
-import { Sidebar } from './Sidebar.js';
-import { TableView } from './TableView.js';
+import { Sidebar } from '~/components/Sidebar.js';
+import { TableView } from '~/components/TableView.js';
+import { getTables } from '~/utils/api.js';
 
 export function App() {
     const [theme, setTheme] = useState('dark');
@@ -26,13 +27,10 @@ export function App() {
     const fetchTables = async () => {
         try {
             setLoading(true);
-            const response = await fetch('/api/tables');
-            if (response.ok) {
-                const data = await response.json();
-                setTables(data.tables || []);
-                if (data.tables && data.tables.length > 0) {
-                    setSelectedTable(data.tables[0].name);
-                }
+            const data = await getTables();
+            setTables(data.tables || []);
+            if (data.tables && data.tables.length > 0) {
+                setSelectedTable(data.tables[0].name);
             }
         } catch (error) {
             console.error('Failed to fetch tables:', error);