@winspan/claude-forge 8.41.0 → 8.51.0

package/web/src/pages/Tasks.tsx

@@ -0,0 +1,415 @@
+import { useQuery } from '@tanstack/react-query'
+import { useState, useMemo, useCallback } from 'react'
+import { useNavigate, useSearchParams, useLocation } from 'react-router-dom'
+import { formatDistanceToNow } from 'date-fns'
+import { parseUTC } from '../utils/time'
+import { zhCN } from 'date-fns/locale'
+import {
+  Clock,
+  Activity,
+  CheckCircle2,
+  Loader2,
+  ChevronLeft,
+  ChevronRight,
+  FolderOpen,
+} from 'lucide-react'
+import SearchInput from '../components/SearchInput'
+import clsx from 'clsx'
+import { normalizeTaskTitle } from '../utils/task-title'
+
+// ── Types ────────────────────────────────────────────────────────────────────
+
+interface Task {
+  id: string
+  title: string
+  status: 'active' | 'completed' | 'abandoned'
+  start_time: string
+  end_time?: string
+  event_count: number
+  session_id: string
+  project_path?: string
+  first_prompt?: string | null
+}
+
+interface TaskPage {
+  items: Task[]
+  total: number
+  has_more: boolean
+}
+
+// ── Constants ─────────────────────────────────────────────────────────────────
+
+const PAGE_SIZES = [20, 50, 100] as const
+const DEFAULT_PAGE_SIZE = 50
+
+type TimePreset = '1h' | '24h' | '7d' | 'custom' | ''
+
+function presetToFrom(preset: TimePreset): string {
+  const now = Date.now()
+  if (preset === '1h')  return new Date(now - 3600_000).toISOString()
+  if (preset === '24h') return new Date(now - 86_400_000).toISOString()
+  if (preset === '7d')  return new Date(now - 7 * 86_400_000).toISOString()
+  return ''
+}
+
+// ── Fetch ─────────────────────────────────────────────────────────────────────
+
+async function fetchTasks(params: URLSearchParams): Promise<TaskPage> {
+  const res = await fetch(`/api/tasks?${params.toString()}`)
+  if (!res.ok) throw new Error('Failed to fetch tasks')
+  return res.json() as Promise<TaskPage>
+}
+
+async function fetchProjects(): Promise<string[]> {
+  const res = await fetch('/api/tasks/projects')
+  if (!res.ok) throw new Error('Failed to fetch projects')
+  return res.json() as Promise<string[]>
+}
+
+// ── Helpers ───────────────────────────────────────────────────────────────────
+
+function shortPath(p: string): string {
+  const parts = p.replace(/\\/g, '/').split('/').filter(Boolean)
+  if (parts.length <= 2) return p
+  return '…/' + parts.slice(-2).join('/')
+}
+
+export default function Tasks() {
+  const navigate = useNavigate()
+  const location = useLocation()
+  const [searchParams, setSearchParams] = useSearchParams()
+
+  // ── URL-synced state ──────────────────────────────────────────────────────
+  const page     = Math.max(1, Number(searchParams.get('page')  ?? '1'))
+  const pageSize = (PAGE_SIZES as readonly number[]).includes(Number(searchParams.get('size') ?? ''))
+    ? Number(searchParams.get('size'))
+    : DEFAULT_PAGE_SIZE
+  const selectedProjects = searchParams.getAll('project')
+  const timePreset = (searchParams.get('preset') ?? '') as TimePreset
+  const fromParam  = searchParams.get('from') ?? ''
+  const toParam    = searchParams.get('to')   ?? ''
+  const searchVal  = searchParams.get('search') ?? ''
+
+  // ── Local state for project dropdown ─────────────────────────────────────
+  const [projectDropdownOpen, setProjectDropdownOpen] = useState(false)
+
+  // ── Patch URL helper ──────────────────────────────────────────────────────
+  const patchSearch = useCallback((patch: Record<string, string | string[] | null>) => {
+    setSearchParams(prev => {
+      const next = new URLSearchParams(prev)
+      for (const [k, v] of Object.entries(patch)) {
+        if (v === null || v === '') {
+          next.delete(k)
+        } else if (Array.isArray(v)) {
+          next.delete(k)
+          v.forEach(val => next.append(k, val))
+        } else {
+          next.set(k, v)
+        }
+      }
+      return next
+    }, { replace: true })
+  }, [setSearchParams])
+
+  // ── Compute effective from/to ─────────────────────────────────────────────
+  const effectiveFrom = timePreset && timePreset !== 'custom' ? presetToFrom(timePreset) : fromParam
+  const effectiveTo   = timePreset && timePreset !== 'custom' ? '' : toParam
+
+  // ── Build query params for /api/tasks ────────────────────────────────────
+  const queryParams = useMemo(() => {
+    const p = new URLSearchParams()
+    p.set('limit',  String(pageSize))
+    p.set('offset', String((page - 1) * pageSize))
+    selectedProjects.forEach(pr => p.append('project', pr))
+    if (effectiveFrom) p.set('from', effectiveFrom)
+    if (effectiveTo)   p.set('to',   effectiveTo)
+    if (searchVal)     p.set('search', searchVal)
+    return p
+  }, [page, pageSize, selectedProjects, effectiveFrom, effectiveTo, searchVal])
+
+  // ── Queries ───────────────────────────────────────────────────────────────
+  const { data, isLoading, error } = useQuery<TaskPage>({
+    queryKey: ['tasks', queryParams.toString()],
+    queryFn: () => fetchTasks(queryParams),
+    refetchInterval: 15_000,
+    placeholderData: prev => prev,
+  })
+
+  const { data: projects = [] } = useQuery<string[]>({
+    queryKey: ['task-projects'],
+    queryFn: fetchProjects,
+    staleTime: 60_000,
+  })
+
+  const tasks    = data?.items ?? []
+  const total    = data?.total ?? 0
+  const hasMore  = data?.has_more ?? false
+  const totalPages = Math.ceil(total / pageSize) || 1
+
+  // ── Event handlers ────────────────────────────────────────────────────────
+  const handleSearchChange = (val: string) => {
+    patchSearch({ search: val || null, page: '1' })
+  }
+
+  const toggleProject = (proj: string) => {
+    const next = selectedProjects.includes(proj)
+      ? selectedProjects.filter(p => p !== proj)
+      : [...selectedProjects, proj]
+    patchSearch({ project: next.length ? next : null, page: '1' })
+  }
+
+  const clearProjects = () => patchSearch({ project: null, page: '1' })
+
+  const handlePreset = (preset: TimePreset) => {
+    patchSearch({ preset: preset || null, from: null, to: null, page: '1' })
+  }
+
+  const handlePageSize = (size: number) => {
+    patchSearch({ size: String(size), page: '1' })
+  }
+
+  const goPage = (p: number) => {
+    patchSearch({ page: String(Math.max(1, Math.min(p, totalPages))) })
+  }
+
+  // ── Status icon ───────────────────────────────────────────────────────────
+  const getStatusIcon = (status: string) => {
+    switch (status) {
+      case 'completed':
+        return <CheckCircle2 className="h-4 w-4 text-green-600" />
+      case 'active':
+        return <Loader2 className="h-4 w-4 text-blue-600 animate-spin" />
+      default:
+        return <Activity className="h-4 w-4 text-gray-400" />
+    }
+  }
+
+  // ── Loading / error states ────────────────────────────────────────────────
+  if (isLoading && !data) {
+    return (
+      <div>
+        <h1 className="text-2xl font-bold text-gray-900 mb-6">任务</h1>
+        <div className="bg-white rounded-lg shadow p-6">
+          <p className="text-gray-600">加载中...</p>
+        </div>
+      </div>
+    )
+  }
+
+  if (error) {
+    return (
+      <div>
+        <h1 className="text-2xl font-bold text-gray-900 mb-6">任务</h1>
+        <div className="bg-white rounded-lg shadow p-6">
+          <p className="text-red-600">加载失败: {(error as Error).message}</p>
+        </div>
+      </div>
+    )
+  }
+
+  // ── Render ────────────────────────────────────────────────────────────────
+  return (
+    <div>
+      {/* Header */}
+      <div className="flex items-center justify-between mb-4 flex-wrap gap-3">
+        <h1 className="text-2xl font-bold text-gray-900">任务</h1>
+        <SearchInput
+          value={searchVal}
+          onChange={handleSearchChange}
+          placeholder="搜索任务标题..."
+          className="w-64"
+        />
+      </div>
+
+      {/* Filters bar */}
+      <div className="flex flex-wrap items-center gap-2 mb-4">
+        {/* Time presets */}
+        {(['1h', '24h', '7d'] as TimePreset[]).map(preset => (
+          <button
+            key={preset}
+            onClick={() => handlePreset(timePreset === preset ? '' : preset)}
+            className={clsx(
+              'px-3 py-1.5 text-xs font-medium rounded-md border transition-colors',
+              timePreset === preset
+                ? 'bg-indigo-600 text-white border-indigo-600'
+                : 'bg-white text-gray-700 border-gray-300 hover:bg-gray-50'
+            )}
+          >
+            {preset === '1h' ? '近 1 小时' : preset === '24h' ? '近 24 小时' : '近 7 天'}
+          </button>
+        ))}
+
+        {/* Project multi-select */}
+        {projects.length > 0 && (
+          <div className="relative">
+            <button
+              onClick={() => setProjectDropdownOpen(v => !v)}
+              className={clsx(
+                'inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-md border transition-colors',
+                selectedProjects.length > 0
+                  ? 'bg-indigo-50 text-indigo-700 border-indigo-300'
+                  : 'bg-white text-gray-700 border-gray-300 hover:bg-gray-50'
+              )}
+            >
+              <FolderOpen className="h-3.5 w-3.5" />
+              {selectedProjects.length > 0
+                ? `项目 (${selectedProjects.length})`
+                : '所有项目'}
+            </button>
+            {projectDropdownOpen && (
+              <>
+                <div className="fixed inset-0 z-10" onClick={() => setProjectDropdownOpen(false)} />
+                <div className="absolute left-0 mt-1 w-72 bg-white border border-gray-200 rounded-md shadow-lg z-20 max-h-64 overflow-y-auto">
+                  {selectedProjects.length > 0 && (
+                    <button
+                      onClick={() => { clearProjects(); setProjectDropdownOpen(false) }}
+                      className="w-full text-left px-3 py-2 text-xs text-indigo-600 hover:bg-indigo-50 border-b border-gray-100"
+                    >
+                      清除筛选
+                    </button>
+                  )}
+                  {projects.map(proj => (
+                    <label
+                      key={proj}
+                      className="flex items-center gap-2 px-3 py-2 text-sm text-gray-700 hover:bg-gray-50 cursor-pointer"
+                    >
+                      <input
+                        type="checkbox"
+                        className="rounded text-indigo-600"
+                        checked={selectedProjects.includes(proj)}
+                        onChange={() => toggleProject(proj)}
+                      />
+                      <span className="truncate font-mono text-xs" title={proj}>
+                        {shortPath(proj)}
+                      </span>
+                    </label>
+                  ))}
+                </div>
+              </>
+            )}
+          </div>
+        )}
+
+        {/* Active filter summary */}
+        {(selectedProjects.length > 0 || timePreset || searchVal) && (
+          <button
+            onClick={() => setSearchParams({}, { replace: true })}
+            className="px-2 py-1.5 text-xs text-gray-500 hover:text-gray-700 underline"
+          >
+            清除所有筛选
+          </button>
+        )}
+      </div>
+
+      {/* Result count + page-size selector */}
+      <div className="flex items-center justify-between mb-3 text-sm text-gray-500">
+        <span>
+          共 <span className="font-semibold text-gray-900">{total}</span> 条
+          {isLoading && <span className="ml-2 text-xs text-indigo-500">刷新中...</span>}
+        </span>
+        <div className="flex items-center gap-2">
+          <span className="text-xs">每页</span>
+          {PAGE_SIZES.map(size => (
+            <button
+              key={size}
+              onClick={() => handlePageSize(size)}
+              className={clsx(
+                'px-2 py-0.5 text-xs rounded border',
+                pageSize === size
+                  ? 'bg-indigo-600 text-white border-indigo-600'
+                  : 'bg-white text-gray-600 border-gray-300 hover:bg-gray-50'
+              )}
+            >
+              {size}
+            </button>
+          ))}
+        </div>
+      </div>
+
+      {/* Task list */}
+      <div className="grid gap-4">
+        {tasks.map((task) => (
+          <div
+            key={task.id}
+            onClick={() => navigate(`/tasks/${task.id}`, { state: { from: location.pathname + location.search } })}
+            className="bg-white rounded-lg shadow hover:shadow-md transition-shadow cursor-pointer p-5"
+          >
+            <div className="flex items-start justify-between mb-3">
+              <div className="flex items-start gap-3 flex-1 min-w-0">
+                <div className="mt-0.5 flex-shrink-0">{getStatusIcon(task.status)}</div>
+                <div className="flex-1 min-w-0">
+                  <h3 className="text-base font-semibold text-gray-900 mb-1 truncate">
+                    {normalizeTaskTitle(task.title, task.first_prompt)}
+                  </h3>
+                  {task.project_path && (
+                    <p className="text-xs text-gray-400 font-mono truncate" title={task.project_path}>
+                      {shortPath(task.project_path)}
+                    </p>
+                  )}
+                </div>
+              </div>
+              <span className={clsx(
+                'ml-3 flex-shrink-0 px-2 py-1 text-xs font-medium rounded-full whitespace-nowrap',
+                task.status === 'completed' && 'bg-green-100 text-green-700',
+                task.status === 'active'    && 'bg-blue-100 text-blue-700',
+                task.status === 'abandoned' && 'bg-gray-100 text-gray-600',
+              )}>
+                {task.status}
+              </span>
+            </div>
+
+            <div className="flex items-center gap-6 text-sm text-gray-600">
+              <span className="inline-flex items-center gap-1">
+                <Activity className="h-4 w-4" />
+                {task.event_count} 个事件
+              </span>
+              <span className="inline-flex items-center gap-1">
+                <Clock className="h-4 w-4" />
+                {task.start_time
+                  ? formatDistanceToNow(parseUTC(task.start_time), {
+                      addSuffix: true,
+                      locale: zhCN,
+                    })
+                  : '-'}
+              </span>
+            </div>
+          </div>
+        ))}
+
+        {tasks.length === 0 && !isLoading && (
+          <div className="bg-white rounded-lg shadow p-12 text-center text-gray-500">
+            {searchVal || selectedProjects.length > 0 || timePreset
+              ? '无匹配结果'
+              : '暂无任务记录'}
+          </div>
+        )}
+      </div>
+
+      {/* Pagination */}
+      {total > pageSize && (
+        <div className="flex items-center justify-between mt-6">
+          <button
+            onClick={() => goPage(page - 1)}
+            disabled={page <= 1}
+            className="inline-flex items-center gap-1 px-3 py-1.5 text-sm border rounded-md bg-white hover:bg-gray-50 disabled:opacity-40 disabled:cursor-not-allowed"
+          >
+            <ChevronLeft className="h-4 w-4" />
+            上一页
+          </button>
+          <span className="text-sm text-gray-500">
+            第 {page} / {totalPages} 页
+            {hasMore ? '' : '（已到末页）'}
+          </span>
+          <button
+            onClick={() => goPage(page + 1)}
+            disabled={!hasMore}
+            className="inline-flex items-center gap-1 px-3 py-1.5 text-sm border rounded-md bg-white hover:bg-gray-50 disabled:opacity-40 disabled:cursor-not-allowed"
+          >
+            下一页
+            <ChevronRight className="h-4 w-4" />
+          </button>
+        </div>
+      )}
+    </div>
+  )
+}

package/web/src/utils/auth.ts

@@ -0,0 +1,59 @@
+/**
+ * Frontend auth helper — fetches the daemon's bearer token from the
+ * local-only /api/auth/token endpoint and wraps fetch() to attach
+ * the Authorization header on write calls.
+ *
+ * Token fetch is cached for the lifetime of the page load. On 401, the
+ * cache is invalidated and refetched once before giving up.
+ */
+
+let cachedToken: string | null = null
+let inflight: Promise<string | null> | null = null
+
+async function fetchToken(): Promise<string | null> {
+  if (cachedToken) return cachedToken
+  if (inflight) return inflight
+  inflight = (async () => {
+    try {
+      const res = await fetch('/api/auth/token')
+      if (!res.ok) return null
+      const data = (await res.json()) as { token?: string }
+      cachedToken = data.token ?? null
+      return cachedToken
+    } catch {
+      return null
+    } finally {
+      inflight = null
+    }
+  })()
+  return inflight
+}
+
+/** 清除 token 缓存（收到 401 时调用） */
+export function invalidateToken(): void {
+  cachedToken = null
+}
+
+/**
+ * 带鉴权的 fetch：自动附加 Authorization: Bearer <token>
+ * 写操作（POST/PUT/DELETE）应统一用这个函数
+ */
+export async function authFetch(input: RequestInfo | URL, init: RequestInit = {}): Promise<Response> {
+  const token = await fetchToken()
+  const headers = new Headers(init.headers ?? {})
+  if (token && !headers.has('Authorization')) {
+    headers.set('Authorization', `Bearer ${token}`)
+  }
+  const res = await fetch(input, { ...init, headers })
+  if (res.status === 401) {
+    // 失效重试一次（token 可能被 daemon 轮换）
+    invalidateToken()
+    const retryToken = await fetchToken()
+    if (retryToken) {
+      const retryHeaders = new Headers(init.headers ?? {})
+      retryHeaders.set('Authorization', `Bearer ${retryToken}`)
+      return fetch(input, { ...init, headers: retryHeaders })
+    }
+  }
+  return res
+}

package/web/src/utils/export.ts

@@ -0,0 +1,54 @@
+/**
+ * 导出工具函数：JSON / CSV
+ */
+
+export function downloadJSON(filename: string, data: unknown): void {
+  const content = JSON.stringify(data, null, 2)
+  const blob = new Blob([content], { type: 'application/json' })
+  triggerDownload(filename, blob)
+}
+
+export function downloadCSV<T extends object>(filename: string, rows: T[]): void {
+  if (!rows || rows.length === 0) {
+    downloadJSON(filename.replace(/\.csv$/, '.json'), rows)
+    return
+  }
+
+  const headers = Object.keys(rows[0]) as (keyof T & string)[]
+  const csv = [
+    headers.join(','),
+    ...rows.map(row =>
+      headers.map(h => escapeCSV(row[h])).join(',')
+    ),
+  ].join('\n')
+
+  // 添加 BOM 让 Excel 识别 UTF-8
+  const blob = new Blob(['' + csv], { type: 'text/csv;charset=utf-8' })
+  triggerDownload(filename, blob)
+}
+
+function escapeCSV(value: unknown): string {
+  if (value === null || value === undefined) return ''
+  const str = typeof value === 'object' ? JSON.stringify(value) : String(value)
+  if (str.includes(',') || str.includes('"') || str.includes('\n')) {
+    return `"${str.replace(/"/g, '""')}"`
+  }
+  return str
+}
+
+function triggerDownload(filename: string, blob: Blob): void {
+  const url = URL.createObjectURL(blob)
+  const a = document.createElement('a')
+  a.href = url
+  a.download = filename
+  document.body.appendChild(a)
+  a.click()
+  document.body.removeChild(a)
+  URL.revokeObjectURL(url)
+}
+
+export function getTimestamp(): string {
+  const now = new Date()
+  const pad = (n: number) => String(n).padStart(2, '0')
+  return `${now.getFullYear()}${pad(now.getMonth() + 1)}${pad(now.getDate())}-${pad(now.getHours())}${pad(now.getMinutes())}${pad(now.getSeconds())}`
+}

package/web/src/utils/navigation.ts

@@ -0,0 +1,25 @@
+/**
+ * Navigation helpers for react-router-based back-navigation with state preservation.
+ */
+
+/**
+ * Resolves the "back" URL from react-router navigation state.
+ *
+ * Usage in a detail page:
+ *   const location = useLocation()
+ *   const backTo = resolveBackTo(location.state)
+ *   // <Link to={backTo}>Back</Link>
+ *
+ * The navigation state is set by the list page when navigating forward:
+ *   navigate(`/tasks/${id}`, { state: { from: location.pathname + location.search } })
+ *
+ * @param state   - location.state from react-router (typed as unknown for safety)
+ * @param fallback - URL to use when state carries no valid `from` field (default: '/tasks')
+ */
+export function resolveBackTo(state: unknown, fallback = '/tasks'): string {
+  if (state !== null && state !== undefined && typeof state === 'object' && 'from' in state) {
+    const from = (state as { from?: unknown }).from
+    if (typeof from === 'string' && from.length > 0) return from
+  }
+  return fallback
+}

package/web/src/utils/task-title.ts

@@ -0,0 +1,49 @@
+/**
+ * normalizeTaskTitle — pure helper for rendering task titles.
+ *
+ * Some tasks are stored with their title set to the raw <task-notification>
+ * XML blob (sub-agent completion callbacks). When the blob is truncated to
+ * 19 characters (just the opening tag), the title is unreadable.
+ *
+ * This function detects that case and falls back to `firstPrompt` — the first
+ * UserPromptSubmit user_prompt for the task, supplied from the backend via the
+ * `first_prompt` field in /api/tasks responses.
+ *
+ * No React dependency. Safe to import in unit tests.
+ */
+
+const MAX_LEN = 80
+
+export function normalizeTaskTitle(
+  title: string | null | undefined,
+  firstPrompt?: string | null,
+): string {
+  if (!title?.trim()) return '(无标题)'
+  const trimmed = title.trim()
+
+  // Detect <task-notification> XML callback blobs (including bare 19-char token)
+  if (trimmed.startsWith('<task-notification>')) {
+    // First, try to extract <summary> from the title itself (full XML blob)
+    const matchInTitle = trimmed.match(/<summary>([\s\S]*?)<\/summary>/)
+    if (matchInTitle && matchInTitle[1].trim()) {
+      const summary = matchInTitle[1].trim()
+      return summary.length > MAX_LEN ? summary.slice(0, MAX_LEN) + '…' : summary
+    }
+
+    // Title has no summary (e.g. bare 19-char token) — try firstPrompt
+    if (firstPrompt) {
+      const matchInPrompt = firstPrompt.match(/<summary>([\s\S]*?)<\/summary>/)
+      if (matchInPrompt && matchInPrompt[1].trim()) {
+        const summary = matchInPrompt[1].trim()
+        return summary.length > MAX_LEN ? summary.slice(0, MAX_LEN) + '…' : summary
+      }
+      // Has firstPrompt but no <summary> tag — show head of prompt
+      const head = firstPrompt.trim().slice(0, 60).replace(/\s+/g, ' ')
+      return `(子任务回调) — ${head}${firstPrompt.trim().length > 60 ? '…' : ''}`
+    }
+
+    return '(子任务回调)'
+  }
+
+  return trimmed.length > MAX_LEN ? trimmed.slice(0, MAX_LEN) + '…' : trimmed
+}

package/web/src/utils/time.ts

@@ -0,0 +1,13 @@
+/**
+ * SQLite stores ISO timestamps without 'Z' suffix.
+ * JS `new Date()` treats such strings as local time, causing an offset.
+ * This helper ensures the timestamp is always parsed as UTC.
+ */
+export function parseUTC(timestamp: string | null | undefined): Date {
+  if (!timestamp) return new Date(0);
+  const s = timestamp.trim();
+  if (s.endsWith('Z') || /[+-]\d{2}:\d{2}$/.test(s)) {
+    return new Date(s);
+  }
+  return new Date(s + 'Z');
+}

package/web/tailwind.config.js

@@ -0,0 +1,11 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}

package/web/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/web/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}