前端：重构 Web UI 代码结构

- 添加 Import Map 支持 Lit 和本地模块的简洁导入
- 创建统一的 API 管理模块 (common/api.js)
- 重命名 styles/ 为 common/ 目录
- 修复分页时列选择被重置的问题
- 将 app.js 重命名为 main.js
- 所有导入路径使用 ~ 别名映射

webui/static/js/components/table-list.js

@@ -1,5 +1,6 @@
-import { LitElement, html, css } from 'https://cdn.jsdelivr.net/gh/lit/dist@3/core/lit-core.min.js';
-import { sharedStyles, cssVariables } from '../styles/shared-styles.js';
+import { LitElement, html, css } from 'lit';
+import { sharedStyles, cssVariables } from '~/common/shared-styles.js';
+import { tableAPI } from '~/common/api.js';
 
 export class TableList extends LitElement {
   static properties = {
@@ -209,9 +210,7 @@ export class TableList extends LitElement {
 
   async loadTables() {
     try {
-      const response = await fetch('/api/tables');
-      if (!response.ok) throw new Error('Failed to load tables');
-      this.tables = await response.json();
+      this.tables = await tableAPI.list();
     } catch (error) {
       console.error('Error loading tables:', error);
     }