@winspan/claude-forge 8.53.2 → 8.54.4

package/web/src/pages/Tasks.tsx

@@ -1,415 +0,0 @@
-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

@@ -1,59 +0,0 @@
-/**
- * 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

@@ -1,54 +0,0 @@
-/**
- * 导出工具函数：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

@@ -1,25 +0,0 @@
-/**
- * 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

@@ -1,49 +0,0 @@
-/**
- * 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

@@ -1,13 +0,0 @@
-/**
- * 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

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

package/web/tsconfig.json

@@ -1,21 +0,0 @@
-{
-  "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

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