From a2da80df29d65d743d9b0470e535e075cbcdd00a Mon Sep 17 00:00:00 2001
From: GhostC <1276537536@qq.com>
Date: Sun, 24 May 2026 22:26:22 +0800
Subject: [PATCH] feat(web): add batch upload mode with one-click deep review

Support multi-package folder/zip uploads, per-skill LLM state, batch orchestration with progress and retry, cross-skill aggregate stats, and CSV export. Bump Next/postcss deps and fix AbortError on cancelled reviews.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 web/app/api/sample/[id]/route.ts         |   2 +
 web/app/page.tsx                         | 281 +++++++-----
 web/components/BatchReviewPanel.tsx      | 544 +++++++++++++++++++++++
 web/components/BatchStatsPanel.tsx       | 187 ++++++++
 web/components/Uploader.tsx              | 169 +++++--
 web/lib/scoring/batch-csv.ts             | 158 +++++++
 web/lib/scoring/batch-stats.ts           | 221 +++++++++
 web/lib/scoring/run-skill-deep-review.ts | 115 +++++
 web/lib/spec/loader.ts                   | 278 ++++++++++--
 web/package-lock.json                    | 131 +++---
 web/package.json                         |   7 +-
 11 files changed, 1826 insertions(+), 267 deletions(-)
 create mode 100644 web/components/BatchReviewPanel.tsx
 create mode 100644 web/components/BatchStatsPanel.tsx
 create mode 100644 web/lib/scoring/batch-csv.ts
 create mode 100644 web/lib/scoring/batch-stats.ts
 create mode 100644 web/lib/scoring/run-skill-deep-review.ts

diff --git a/web/app/api/sample/[id]/route.ts b/web/app/api/sample/[id]/route.ts
index bc85732..b06d985 100644
--- a/web/app/api/sample/[id]/route.ts
+++ b/web/app/api/sample/[id]/route.ts
@@ -43,6 +43,7 @@ interface SamplePayload {
   files: SampleFile[];
   entryFile: string;
   rootName: string;
+  packagePath: string;
 }
 
 async function walk(dir: string, base: string): Promise<SampleFile[]> {
@@ -86,6 +87,7 @@ export async function GET(_req: NextRequest, { params }: { params: Promise<{ id:
       files,
       entryFile: "SKILL.md",
       rootName: id,
+      packagePath: "",
     };
     return NextResponse.json(payload, {
       headers: { "Cache-Control": "public, max-age=300" },
diff --git a/web/app/page.tsx b/web/app/page.tsx
index 411ab0b..d67ad43 100644
--- a/web/app/page.tsx
+++ b/web/app/page.tsx
@@ -1,6 +1,10 @@
 "use client";
 import { useEffect, useMemo, useState } from "react";
-import Uploader, { type SkillTypeChoice, type SampleEntry } from "@/components/Uploader";
+import Uploader, { type SkillTypeChoice, type SampleEntry, type UploadMode } from "@/components/Uploader";
+import BatchReviewPanel, {
+  DEFAULT_SKILL_RUN_STATE,
+  type SkillRunState,
+} from "@/components/BatchReviewPanel";
 import ScoreRadar from "@/components/ScoreRadar";
 import PillarSection from "@/components/PillarSection";
 import SuggestionCard from "@/components/SuggestionCard";
@@ -9,14 +13,12 @@ import SubSkillsCard from "@/components/SubSkillsCard";
 import { RUBRIC } from "@/lib/rubric/rubric";
 import { parseSkill } from "@/lib/spec/parser";
 import { aggregateScore, type GeneralWeightOverrides } from "@/lib/scoring/aggregate";
-import { runLlmReview } from "@/lib/scoring/llm-client";
-import { fetchMarketSurvey } from "@/lib/market/client";
-import { isMarketSurvey } from "@/lib/market/types";
+import { runSkillDeepReview } from "@/lib/scoring/run-skill-deep-review";
 import { MESSAGES, type Lang } from "@/lib/i18n/messages";
 import type { CheckResult, PillarResult, ScoreReport, ValueType } from "@/lib/rubric/types";
 import type { LlmReviewResponse } from "@/lib/llm/types";
 import type { MarketSurveyResult } from "@/lib/market/types";
-import type { LoadedSkill } from "@/lib/spec/loader";
+import { skillInstanceKey, type LoadedSkill } from "@/lib/spec/loader";
 import { FINANCE_SCENARIOS, getFinancePillarsForScenario, type FinanceScenarioId } from "@/lib/domain/finance";
 import {
   buildFinanceExpertReport,
@@ -134,131 +136,152 @@ const FINANCE_SAMPLE_BY_SCENARIO: Record<FinanceScenarioId, { id: string; nameZh
 
 export default function HomePage() {
   const [loaded, setLoaded] = useState<LoadedSkill | null>(null);
+  const [batchSkills, setBatchSkills] = useState<LoadedSkill[] | null>(null);
+  const [activeBatchIndex, setActiveBatchIndex] = useState(0);
+  const [runStates, setRunStates] = useState<Record<string, SkillRunState>>({});
   const [lang, setLang] = useState<Lang>("zh");
   const [pdfBusy, setPdfBusy] = useState(false);
   const [weights, setWeights] = useState<GeneralWeightOverrides>(() => defaultGeneralWeights());
-  /** 用户主动点"启动完整评测"才会变 true（v3 分两层流程） */
-  const [llmEnabled, setLlmEnabled] = useState(false);
-  const [llmResults, setLlmResults] = useState<Map<string, CheckResult> | null>(null);
-  const [llmMeta, setLlmMeta] = useState<{ valueType?: ValueType; reason?: string } | null>(null);
-  const [llmState, setLlmState] = useState<LlmState>({ status: "idle" });
-  const [retryNonce, setRetryNonce] = useState(0);
-  const [marketSurvey, setMarketSurvey] = useState<MarketSurveyResult | null>(null);
   const [reviewMode, setReviewMode] = useState<ReviewMode>("general");
   const [financeScenario, setFinanceScenario] = useState<FinanceScenarioId>("stock_trading");
   const [financeWeights, setFinanceWeights] = useState<FinanceWeightOverrides>({});
   const [activeReportTab, setActiveReportTab] = useState<"finance" | "general">("finance");
   const [skillTypeChoice, setSkillTypeChoice] = useState<SkillTypeChoice>("auto");
+  const [uploadMode, setUploadMode] = useState<UploadMode>("single");
+  const [batchOrchestratorRunning, setBatchOrchestratorRunning] = useState(false);
+
+  const activeLoaded =
+    uploadMode === "batch" && batchSkills ? batchSkills[activeBatchIndex] : loaded;
+  const activeSkillKey = activeLoaded ? skillInstanceKey(activeLoaded) : null;
+  const activeState = activeSkillKey ? runStates[activeSkillKey] ?? DEFAULT_SKILL_RUN_STATE : DEFAULT_SKILL_RUN_STATE;
+
+  const setActiveState = (updater: (current: SkillRunState) => SkillRunState) => {
+    if (!activeSkillKey) return;
+    setRunStates((prev) => ({
+      ...prev,
+      [activeSkillKey]: updater(prev[activeSkillKey] ?? DEFAULT_SKILL_RUN_STATE),
+    }));
+  };
 
   const skill = useMemo(() => {
-    if (!loaded) return null;
+    if (!activeLoaded) return null;
     return parseSkill({
-      rawText: loaded.rawText,
-      files: loaded.files,
-      entryFile: loaded.entryFile,
+      rawText: activeLoaded.rawText,
+      files: activeLoaded.files,
+      entryFile: activeLoaded.entryFile,
     });
-  }, [loaded]);
+  }, [activeLoaded]);
 
-  // 切换 skill 时重置所有 LLM / market 状态
   useEffect(() => {
-    setLlmResults(null);
-    setLlmMeta(null);
-    setLlmState({ status: "idle" });
-    setLlmEnabled(false);
-    setMarketSurvey(null);
-  }, [loaded]);
+    setFinanceWeights({});
+  }, [financeScenario]);
 
   useEffect(() => {
-    if (!llmEnabled) {
-      setLlmResults(null);
-      setLlmMeta(null);
-      setLlmState({ status: "idle" });
-      setMarketSurvey(null);
+    if (!activeSkillKey) return;
+    const state = runStates[activeSkillKey] ?? DEFAULT_SKILL_RUN_STATE;
+    if (!state.llmEnabled && (state.llmState.status !== "idle" || state.llmResults || state.llmMeta || state.marketSurvey)) {
+      setActiveState((prev) => ({
+        ...prev,
+        llmState: { status: "idle" },
+        llmResults: null,
+        llmMeta: null,
+        marketSurvey: null,
+      }));
     }
-  }, [llmEnabled]);
+  }, [activeSkillKey, runStates]);
 
   useEffect(() => {
-    setFinanceWeights({});
-  }, [financeScenario]);
-
-  useEffect(() => {
-    if (!skill || !llmEnabled) return;
+    if (batchOrchestratorRunning) return;
+    if (!skill || !activeSkillKey || !activeState.llmEnabled) return;
     let cancelled = false;
     const ctl = new AbortController();
-    setLlmState({ status: "running" });
-    setMarketSurvey(null);
+    setActiveState((prev) => ({ ...prev, llmState: { status: "running" }, marketSurvey: null }));
     (async () => {
       try {
-        // 1) 先做 GitHub 市场调研（失败不阻塞，软降级为 null）
-        const survey = await fetchMarketSurvey(
-          {
-            name: typeof skill.meta.name === "string" ? skill.meta.name : undefined,
-            description: typeof skill.meta.description === "string" ? skill.meta.description : undefined,
-            tags: Array.isArray(skill.meta.tags) ? (skill.meta.tags as string[]) : undefined,
-            body: skill.body,
-          },
-          { signal: ctl.signal },
-        ).catch((e) => {
-          if ((e as Error).name === "AbortError") throw e;
-          return { error: "network" as const, detail: (e as Error).message };
-        });
-        if (cancelled) return;
-        setMarketSurvey(survey);
-
-        // 2) 再调 LLM，把 survey（成功时）塞进去
-        const surveyForLlm = isMarketSurvey(survey) && survey.repos.length > 0 ? survey : undefined;
-        const { response, results } = await runLlmReview(skill, RUBRIC, {
+        const result = await runSkillDeepReview(skill, RUBRIC, {
           signal: ctl.signal,
-          marketSurvey: surveyForLlm,
           lang,
-          expertReview: reviewMode === "finance"
-            ? { domain: "finance", scenario: financeScenario }
-            : undefined,
+          reviewMode,
+          financeScenario,
           skillType: skillTypeChoice,
         });
-        if (cancelled) return;
-        setLlmResults(results);
-        setLlmMeta({
-          valueType: response.meta?.value_type,
-          reason: response.meta?.value_type_reason,
-        });
-        setLlmState({ status: "ok", response });
-      } catch (e) {
-        if (cancelled) return;
-        if ((e as Error).name === "AbortError") return;
-        const msg = (e as Error).message || "unknown";
-        const m = msg.match(/^(\d+)::([a-z_]+)::(.*)$/s);
-        const httpStatus = m ? Number(m[1]) : undefined;
-        const reason = (m?.[2] as LlmErrorReason | undefined) ??
-          (httpStatus === 429 ? "rate_limited" : "unknown");
-        const detail = m?.[3] ?? msg;
-        setLlmState({ status: "error", message: detail, reason, httpStatus });
+        if (cancelled || "aborted" in result) {
+          setActiveState((prev) =>
+            prev.llmState.status === "running"
+              ? { ...prev, llmState: { status: "idle" } }
+              : prev,
+          );
+          return;
+        }
+        if (result.ok) {
+          setActiveState((prev) => ({
+            ...prev,
+            llmResults: result.llmResults,
+            llmMeta: result.llmMeta,
+            llmState: { status: "ok", response: result.response },
+            marketSurvey: result.marketSurvey,
+            llmEnabled: true,
+          }));
+        } else {
+          setActiveState((prev) => ({
+            ...prev,
+            llmState: {
+              status: "error",
+              message: result.message,
+              reason: result.reason,
+              httpStatus: result.httpStatus,
+            },
+            marketSurvey: result.marketSurvey,
+            llmEnabled: true,
+          }));
+        }
+      } catch {
+        if (!cancelled) return;
+        setActiveState((prev) =>
+          prev.llmState.status === "running"
+            ? { ...prev, llmState: { status: "idle" } }
+            : prev,
+        );
       }
     })();
     return () => {
       cancelled = true;
       ctl.abort();
     };
-  }, [skill, llmEnabled, retryNonce, lang, reviewMode, financeScenario, skillTypeChoice]);
+  }, [
+    skill,
+    activeSkillKey,
+    activeState.llmEnabled,
+    activeState.retryNonce,
+    lang,
+    reviewMode,
+    financeScenario,
+    skillTypeChoice,
+    batchOrchestratorRunning,
+  ]);
 
   const report: ScoreReport | null = useMemo(() => {
     if (!skill) return null;
     const base = aggregateScore(skill, RUBRIC, {
       weightOverrides: weights,
-      llmResults: llmResults ?? undefined,
+      llmResults: activeState.llmResults ?? undefined,
       language: lang,
       skillType: skillTypeChoice,
     });
     return {
       ...base,
-      valueType: llmMeta?.valueType,
-      valueTypeReason: llmMeta?.reason,
+      valueType: activeState.llmMeta?.valueType,
+      valueTypeReason: activeState.llmMeta?.reason,
     };
-  }, [skill, weights, llmResults, llmMeta, lang, skillTypeChoice]);
+  }, [skill, weights, activeState.llmResults, activeState.llmMeta, lang, skillTypeChoice]);
 
   const t = MESSAGES[lang];
-  const llmIdle = llmState.status === "idle" || llmState.status === "error";
-  const showFullEvalCta = report && !report.llmComplete && llmState.status !== "running";
+  const llmIdle = activeState.llmState.status === "idle" || activeState.llmState.status === "error";
+  const showFullEvalCta =
+    report &&
+    !report.llmComplete &&
+    activeState.llmState.status !== "running" &&
+    !(uploadMode === "batch" && batchSkills);
   const financeSample = FINANCE_SAMPLE_BY_SCENARIO[financeScenario];
   const sampleId = reviewMode === "finance" ? financeSample.id : "pr-reviewer";
   const sampleLabel = reviewMode === "finance"
@@ -292,9 +315,9 @@ export default function HomePage() {
     [lang],
   );
   const financeExpertReport = useMemo<FinanceExpertReport | null>(() => {
-    if (reviewMode !== "finance" || !llmResults) return null;
-    return buildFinanceExpertReport(llmResults, financeScenario, financeWeights);
-  }, [reviewMode, llmResults, financeScenario, financeWeights]);
+    if (reviewMode !== "finance" || !activeState.llmResults) return null;
+    return buildFinanceExpertReport(activeState.llmResults, financeScenario, financeWeights);
+  }, [reviewMode, activeState.llmResults, financeScenario, financeWeights]);
 
   return (
     <main className="max-w-7xl mx-auto px-4 py-10 md:py-14 space-y-10">
@@ -327,18 +350,60 @@ export default function HomePage() {
           />
           <Uploader
             lang={lang}
-            onLoad={setLoaded}
+            onLoad={(payload) => {
+              if (Array.isArray(payload)) {
+                if (uploadMode === "batch") {
+                  setLoaded(null);
+                  setBatchSkills(payload);
+                  setActiveBatchIndex(0);
+                  setRunStates({});
+                } else {
+                  setBatchSkills(null);
+                  setLoaded(payload[0]!);
+                  setRunStates({});
+                }
+              } else {
+                setBatchSkills(null);
+                setLoaded(payload);
+                setRunStates({});
+              }
+            }}
             sampleId={sampleId}
             sampleLabel={sampleLabel}
             samples={reviewMode === "finance" ? undefined : generalSamples}
             skillTypeChoice={skillTypeChoice}
             onSkillTypeChange={setSkillTypeChoice}
+            uploadMode={uploadMode}
+            onUploadModeChange={(mode) => {
+              setUploadMode(mode);
+              if (mode === "single" && batchSkills) {
+                setLoaded(batchSkills[activeBatchIndex] ?? batchSkills[0]!);
+                setBatchSkills(null);
+                setActiveBatchIndex(0);
+              }
+            }}
           />
         </div>
       )}
 
       {report && skill && (
         <div className="space-y-8">
+          {uploadMode === "batch" && batchSkills && (
+            <BatchReviewPanel
+              lang={lang}
+              batchSkills={batchSkills}
+              runStates={runStates}
+              setRunStates={setRunStates}
+              activeBatchIndex={activeBatchIndex}
+              setActiveBatchIndex={setActiveBatchIndex}
+              reviewMode={reviewMode}
+              financeScenario={financeScenario}
+              financeWeights={financeWeights}
+              weights={weights}
+              skillTypeChoice={skillTypeChoice}
+              onOrchestratorRunningChange={setBatchOrchestratorRunning}
+            />
+          )}
           {/* ===== Dashboard header: 通用模式只展示通用；垂类模式展示通用基线 + 当前垂类 ===== */}
           <section className="grid grid-cols-1 xl:grid-cols-5 gap-6 items-stretch">
             <div className={reviewMode === "finance"
@@ -371,12 +436,12 @@ export default function HomePage() {
                   <dd className="font-mono text-slate-700">{formatSpec(report.spec, lang)}</dd>
                   <dt>{t.generatedAt}</dt>
                   <dd className="font-mono text-[11px] text-slate-700">{new Date(report.generatedAt).toLocaleString()}</dd>
-                  {llmState.status === "ok" && (
+                  {activeState.llmState.status === "ok" && (
                     <>
                       <dt>{t.llmProvider}</dt>
                       <dd className="font-mono text-slate-700">
-                        {llmState.response.provider}
-                        {llmState.response.cached && <span className="ml-1 text-emerald-600">({t.llmCached})</span>}
+                        {activeState.llmState.response.provider}
+                        {activeState.llmState.response.cached && <span className="ml-1 text-emerald-600">({t.llmCached})</span>}
                       </dd>
                     </>
                   )}
@@ -404,7 +469,11 @@ export default function HomePage() {
                   <SubSkillsCard subSkills={report.subSkills} lang={lang} variant="inline" />
                 )}
                 <button
-                  onClick={() => { setLoaded(null); }}
+                  onClick={() => {
+                    setLoaded(null);
+                    setBatchSkills(null);
+                    setRunStates({});
+                  }}
                   className="text-xs text-brand-600 hover:underline"
                 >
                   ← {lang === "zh" ? "重新上传" : "Upload another"}
@@ -453,7 +522,7 @@ export default function HomePage() {
                   <p className="mt-0.5 text-xs text-slate-500">{t.fullEvalNote}</p>
                 </div>
                 <button
-                  onClick={() => setLlmEnabled(true)}
+                  onClick={() => setActiveState((prev) => ({ ...prev, llmEnabled: true }))}
                   className="rounded-xl bg-brand-500 hover:bg-brand-600 text-white px-5 py-2.5 text-sm font-medium shrink-0"
                 >
                   {t.startFullEval}
@@ -467,7 +536,7 @@ export default function HomePage() {
             </section>
           )}
 
-          {llmState.status === "running" && (
+          {activeState.llmState.status === "running" && (
             <section className="rounded-2xl ring-1 ring-brand-200 bg-brand-50/70 p-4">
               <div className="text-sm text-brand-700 inline-flex items-center gap-2">
                 <span className="inline-block w-3 h-3 border-2 border-brand-500 border-t-transparent rounded-full animate-spin" />
@@ -476,22 +545,22 @@ export default function HomePage() {
             </section>
           )}
 
-          {llmState.status === "ok" && (
+          {activeState.llmState.status === "ok" && (
             <section className="rounded-2xl ring-1 ring-emerald-200 bg-emerald-50/40 p-4 text-sm">
               <span className="text-emerald-700 font-medium">{t.llmDone}</span>
-              {llmState.response.provider === "mock" && (
+              {activeState.llmState.response.provider === "mock" && (
                 <span className="ml-3 text-amber-700">{t.llmMockBanner}</span>
               )}
             </section>
           )}
 
-          {llmState.status === "error" && (
+          {activeState.llmState.status === "error" && (
             <section className="rounded-2xl ring-1 ring-rose-200 bg-rose-50/40 p-4 text-sm space-y-2">
-              <div className="text-rose-700 font-medium">{t.llmErrorTitle[llmState.reason] ?? t.llmFailed}</div>
-              <div className="text-xs text-rose-500">{t.llmErrorHint[llmState.reason] ?? ""}</div>
+              <div className="text-rose-700 font-medium">{t.llmErrorTitle[activeState.llmState.reason] ?? t.llmFailed}</div>
+              <div className="text-xs text-rose-500">{t.llmErrorHint[activeState.llmState.reason] ?? ""}</div>
               <div className="flex items-center gap-3 pt-1">
                 <button
-                  onClick={() => setRetryNonce((n) => n + 1)}
+                  onClick={() => setActiveState((prev) => ({ ...prev, retryNonce: prev.retryNonce + 1 }))}
                   className="text-[12px] rounded-md bg-rose-500 hover:bg-rose-600 text-white px-3 py-1"
                 >
                   {t.llmRetry}
@@ -501,7 +570,7 @@ export default function HomePage() {
                     {t.llmErrorDetail}
                   </summary>
                   <pre className="mt-1 text-[11px] text-slate-500 whitespace-pre-wrap break-all">
-                    {llmState.message.slice(0, 300)}
+                    {activeState.llmState.message.slice(0, 300)}
                   </pre>
                 </details>
               </div>
@@ -544,7 +613,7 @@ export default function HomePage() {
                     report={report}
                     financeExpertReport={financeExpertReport}
                     lang={lang}
-                    filename={loaded?.rootName || "report"}
+                    filename={activeLoaded?.rootName || "report"}
                     pdfBusy={pdfBusy}
                     setPdfBusy={setPdfBusy}
                   />
@@ -563,12 +632,12 @@ export default function HomePage() {
                       onWeightsChange={setWeights}
                       onResetWeights={() => setWeights(defaultGeneralWeights())}
                       extra={
-                        p.id === "market" && (llmState.status === "running" || marketSurvey)
+                        p.id === "market" && (activeState.llmState.status === "running" || activeState.marketSurvey)
                           ? (
                             <MarketSurveyCard
                               lang={lang}
-                              result={marketSurvey}
-                              loading={llmState.status === "running" && !marketSurvey}
+                              result={activeState.marketSurvey}
+                              loading={activeState.llmState.status === "running" && !activeState.marketSurvey}
                             />
                           )
                           : undefined
@@ -582,7 +651,7 @@ export default function HomePage() {
                     report={report}
                     financeExpertReport={financeExpertReport}
                     lang={lang}
-                    filename={loaded?.rootName || "report"}
+                    filename={activeLoaded?.rootName || "report"}
                     pdfBusy={pdfBusy}
                     setPdfBusy={setPdfBusy}
                   />
diff --git a/web/components/BatchReviewPanel.tsx b/web/components/BatchReviewPanel.tsx
new file mode 100644
index 0000000..e97376a
--- /dev/null
+++ b/web/components/BatchReviewPanel.tsx
@@ -0,0 +1,544 @@
+"use client";
+
+import { useCallback, useMemo, useRef, useState } from "react";
+import type { Lang } from "@/lib/i18n/messages";
+import type { SkillTypeChoice } from "@/components/Uploader";
+import BatchStatsPanel from "@/components/BatchStatsPanel";
+import { RUBRIC } from "@/lib/rubric/rubric";
+import { parseSkill } from "@/lib/spec/parser";
+import { aggregateScore, type GeneralWeightOverrides } from "@/lib/scoring/aggregate";
+import {
+  type BatchAggregateStats,
+  type BatchSkillScoreEntry,
+  computeBatchAggregateStats,
+  dimensionPercent,
+  pillarPercent,
+  roundStat,
+} from "@/lib/scoring/batch-stats";
+import { downloadBatchScoresCsv } from "@/lib/scoring/batch-csv";
+import { runSkillDeepReview } from "@/lib/scoring/run-skill-deep-review";
+import { skillInstanceKey, type LoadedSkill } from "@/lib/spec/loader";
+import type { CheckResult, ScoreReport, ValueType } from "@/lib/rubric/types";
+import type { LlmReviewResponse } from "@/lib/llm/types";
+import type { MarketSurveyResult } from "@/lib/market/types";
+import type { FinanceScenarioId } from "@/lib/domain/finance";
+import { buildFinanceExpertReport } from "@/lib/domain/finance-score";
+import type { FinanceWeightOverrides } from "@/lib/domain/finance-score";
+
+type ReviewMode = "general" | "finance";
+
+type LlmState =
+  | { status: "idle" }
+  | { status: "running" }
+  | { status: "ok"; response: LlmReviewResponse }
+  | { status: "error"; message: string; reason: string; httpStatus?: number };
+
+export type SkillRunState = {
+  llmResults: Map<string, CheckResult> | null;
+  llmMeta: { valueType?: ValueType; reason?: string } | null;
+  llmState: LlmState;
+  llmEnabled: boolean;
+  retryNonce: number;
+  marketSurvey: MarketSurveyResult | null;
+};
+
+export const DEFAULT_SKILL_RUN_STATE: SkillRunState = {
+  llmResults: null,
+  llmMeta: null,
+  llmState: { status: "idle" },
+  llmEnabled: false,
+  retryNonce: 0,
+  marketSurvey: null,
+};
+
+interface Props {
+  lang: Lang;
+  batchSkills: LoadedSkill[];
+  runStates: Record<string, SkillRunState>;
+  setRunStates: React.Dispatch<React.SetStateAction<Record<string, SkillRunState>>>;
+  activeBatchIndex: number;
+  setActiveBatchIndex: (index: number) => void;
+  reviewMode: ReviewMode;
+  financeScenario: FinanceScenarioId;
+  financeWeights: FinanceWeightOverrides;
+  weights: GeneralWeightOverrides;
+  skillTypeChoice: SkillTypeChoice;
+  onOrchestratorRunningChange?: (running: boolean) => void;
+}
+
+function skillLabel(item: LoadedSkill): string {
+  return item.packagePath ? `${item.rootName} (${item.packagePath})` : item.rootName;
+}
+
+function buildEntry(
+  item: LoadedSkill,
+  state: SkillRunState,
+  opts: {
+    lang: Lang;
+    weights: GeneralWeightOverrides;
+    skillTypeChoice: SkillTypeChoice;
+    reviewMode: ReviewMode;
+    financeScenario: FinanceScenarioId;
+    financeWeights: FinanceWeightOverrides;
+  },
+): BatchSkillScoreEntry {
+  const key = skillInstanceKey(item);
+  const parsed = parseSkill({
+    rawText: item.rawText,
+    files: item.files,
+    entryFile: item.entryFile,
+  });
+  const base = aggregateScore(parsed, RUBRIC, {
+    weightOverrides: opts.weights,
+    llmResults: state.llmResults ?? undefined,
+    language: opts.lang,
+    skillType: opts.skillTypeChoice,
+  });
+  const report: ScoreReport = {
+    ...base,
+    valueType: state.llmMeta?.valueType,
+    valueTypeReason: state.llmMeta?.reason,
+  };
+  const financeReport =
+    opts.reviewMode === "finance" && state.llmResults
+      ? buildFinanceExpertReport(state.llmResults, opts.financeScenario, opts.financeWeights)
+      : null;
+  return {
+    key,
+    label: skillLabel(item),
+    report,
+    llmComplete: report.llmComplete,
+    financeReport,
+  };
+}
+
+export default function BatchReviewPanel({
+  lang,
+  batchSkills,
+  runStates,
+  setRunStates,
+  activeBatchIndex,
+  setActiveBatchIndex,
+  reviewMode,
+  financeScenario,
+  financeWeights,
+  weights,
+  skillTypeChoice,
+  onOrchestratorRunningChange,
+}: Props) {
+  const zh = lang === "zh";
+  const abortRef = useRef<AbortController | null>(null);
+  const [batchRunning, setBatchRunning] = useState(false);
+  const [progress, setProgress] = useState<{
+    done: number;
+    total: number;
+    currentLabel: string;
+  } | null>(null);
+
+  const entryOpts = useMemo(
+    () => ({
+      lang,
+      weights,
+      skillTypeChoice,
+      reviewMode,
+      financeScenario,
+      financeWeights,
+    }),
+    [lang, weights, skillTypeChoice, reviewMode, financeScenario, financeWeights],
+  );
+
+  const batchScoreEntries = useMemo(
+    () =>
+      batchSkills.map((item) => {
+        const key = skillInstanceKey(item);
+        const state = runStates[key] ?? DEFAULT_SKILL_RUN_STATE;
+        return buildEntry(item, state, entryOpts);
+      }),
+    [batchSkills, runStates, entryOpts],
+  );
+
+  const batchAggregateStats: BatchAggregateStats = useMemo(
+    () => computeBatchAggregateStats(batchScoreEntries),
+    [batchScoreEntries],
+  );
+
+  const completedCount = batchScoreEntries.filter((e) => e.llmComplete).length;
+  const failedCount = batchSkills.filter((item) => {
+    const s = runStates[skillInstanceKey(item)] ?? DEFAULT_SKILL_RUN_STATE;
+    return s.llmState.status === "error";
+  }).length;
+  const pendingCount = batchSkills.length - completedCount - failedCount;
+
+  const setSkillState = useCallback(
+    (key: string, updater: (prev: SkillRunState) => SkillRunState) => {
+      setRunStates((prev) => ({
+        ...prev,
+        [key]: updater(prev[key] ?? DEFAULT_SKILL_RUN_STATE),
+      }));
+    },
+    [setRunStates],
+  );
+
+  const runReviewForKey = useCallback(
+    async (key: string, signal: AbortSignal) => {
+      const item = batchSkills.find((s) => skillInstanceKey(s) === key);
+      if (!item) return;
+
+      setSkillState(key, (prev) => ({
+        ...prev,
+        llmState: { status: "running" },
+        marketSurvey: null,
+      }));
+
+      const parsed = parseSkill({
+        rawText: item.rawText,
+        files: item.files,
+        entryFile: item.entryFile,
+      });
+
+      let result: Awaited<ReturnType<typeof runSkillDeepReview>>;
+      try {
+        result = await runSkillDeepReview(parsed, RUBRIC, {
+          signal,
+          lang,
+          reviewMode,
+          financeScenario,
+          skillType: skillTypeChoice,
+        });
+      } catch {
+        if (signal.aborted) {
+          setSkillState(key, (prev) =>
+            prev.llmState.status === "running"
+              ? { ...prev, llmState: { status: "idle" } }
+              : prev,
+          );
+        }
+        return;
+      }
+
+      if (signal.aborted || "aborted" in result) {
+        setSkillState(key, (prev) =>
+          prev.llmState.status === "running"
+            ? { ...prev, llmState: { status: "idle" } }
+            : prev,
+        );
+        return;
+      }
+
+      if (result.ok) {
+        setSkillState(key, (prev) => ({
+          ...prev,
+          llmResults: result.llmResults,
+          llmMeta: result.llmMeta,
+          llmState: { status: "ok", response: result.response },
+          marketSurvey: result.marketSurvey,
+          llmEnabled: true,
+        }));
+      } else {
+        setSkillState(key, (prev) => ({
+          ...prev,
+          llmState: {
+            status: "error",
+            message: result.message,
+            reason: result.reason,
+            httpStatus: result.httpStatus,
+          },
+          marketSurvey: result.marketSurvey,
+          llmEnabled: true,
+        }));
+      }
+    },
+    [batchSkills, setSkillState, lang, reviewMode, financeScenario, skillTypeChoice],
+  );
+
+  const keysNeedingReview = useCallback(() => {
+    return batchSkills
+      .map((item) => skillInstanceKey(item))
+      .filter((key) => {
+        const state = runStates[key] ?? DEFAULT_SKILL_RUN_STATE;
+        if (state.llmState.status === "running") return false;
+        if (state.llmState.status === "ok") {
+          const item = batchSkills.find((s) => skillInstanceKey(s) === key)!;
+          const entry = buildEntry(item, state, entryOpts);
+          return !entry.llmComplete;
+        }
+        return true;
+      });
+  }, [batchSkills, runStates, entryOpts]);
+
+  const runBatch = useCallback(
+    async (keys: string[]) => {
+      if (keys.length === 0 || batchRunning) return;
+      const ctl = new AbortController();
+      abortRef.current = ctl;
+      setBatchRunning(true);
+      onOrchestratorRunningChange?.(true);
+      setProgress({ done: 0, total: keys.length, currentLabel: "" });
+
+      try {
+        for (let i = 0; i < keys.length; i++) {
+          if (ctl.signal.aborted) break;
+          const key = keys[i]!;
+          const item = batchSkills.find((s) => skillInstanceKey(s) === key);
+          setProgress({
+            done: i,
+            total: keys.length,
+            currentLabel: item ? skillLabel(item) : key,
+          });
+          await runReviewForKey(key, ctl.signal);
+          if (ctl.signal.aborted) break;
+          setProgress({ done: i + 1, total: keys.length, currentLabel: "" });
+        }
+      } catch {
+        // aborted mid-batch — state already reset per skill
+      }
+
+      setProgress(null);
+      setBatchRunning(false);
+      onOrchestratorRunningChange?.(false);
+      abortRef.current = null;
+    },
+    [batchRunning, batchSkills, runReviewForKey, onOrchestratorRunningChange],
+  );
+
+  const stopBatch = () => {
+    abortRef.current?.abort();
+    abortRef.current = null;
+    setProgress(null);
+    setBatchRunning(false);
+    onOrchestratorRunningChange?.(false);
+  };
+
+  const pillarCols = RUBRIC.pillars;
+  const dimensionCols = RUBRIC.pillars.flatMap((p) =>
+    p.dimensions.map((d) => ({ ...d, pillarId: p.id })),
+  );
+
+  return (
+    <section className="glass rounded-2xl p-4 space-y-5">
+      <div className="flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between">
+        <div>
+          <p className="text-xs text-slate-500">
+            {zh ? "批量上传的 Skill 包" : "Batch uploaded skill packages"}
+          </p>
+          <h2 className="text-xl font-semibold text-brand-900">
+            {batchSkills.length} {zh ? "个 skill" : "skills"}
+          </h2>
+          <p className="text-xs text-slate-500 mt-1">
+            {zh
+              ? `深度评测完成 ${completedCount} · 失败 ${failedCount} · 待评测 ${pendingCount}`
+              : `Deep review done ${completedCount} · failed ${failedCount} · pending ${pendingCount}`}
+          </p>
+        </div>
+        <div className="flex flex-wrap gap-2 shrink-0">
+          <button
+            type="button"
+            disabled={batchRunning || keysNeedingReview().length === 0}
+            onClick={() => runBatch(keysNeedingReview())}
+            className="rounded-xl bg-violet-600 hover:bg-violet-700 disabled:opacity-50 text-white px-4 py-2.5 text-sm font-medium"
+          >
+            {zh ? "一键批量深度评测" : "Run batch deep review"}
+          </button>
+          {batchRunning && (
+            <button
+              type="button"
+              onClick={stopBatch}
+              className="rounded-xl border border-rose-200 text-rose-700 hover:bg-rose-50 px-4 py-2.5 text-sm"
+            >
+              {zh ? "停止" : "Stop"}
+            </button>
+          )}
+          <button
+            type="button"
+            disabled={completedCount === 0}
+            onClick={() =>
+              downloadBatchScoresCsv(batchScoreEntries, lang, "skilllens-batch", {
+                includeFinance: reviewMode === "finance",
+              })
+            }
+            className="rounded-xl border border-brand-200 text-brand-800 hover:bg-brand-50 disabled:opacity-50 px-4 py-2.5 text-sm"
+          >
+            {zh ? "导出 CSV" : "Export CSV"}
+          </button>
+        </div>
+      </div>
+
+      {(batchRunning || progress) && (
+        <div className="rounded-xl bg-violet-50 ring-1 ring-violet-200 p-4 space-y-2">
+          <div className="flex justify-between text-sm text-violet-900">
+            <span>
+              {progress?.currentLabel
+                ? `${zh ? "正在评测" : "Reviewing"}: ${progress.currentLabel}`
+                : zh ? "批量评测中…" : "Batch review running…"}
+            </span>
+            <span className="font-mono tabular-nums">
+              {progress ? `${progress.done}/${progress.total}` : "—"}
+            </span>
+          </div>
+          <div className="h-2 rounded-full bg-violet-200/80 overflow-hidden">
+            <div
+              className="h-full bg-violet-600 transition-all duration-300"
+              style={{
+                width: progress && progress.total > 0
+                  ? `${(progress.done / progress.total) * 100}%`
+                  : "0%",
+              }}
+            />
+          </div>
+        </div>
+      )}
+
+      <div className="grid gap-3 md:grid-cols-2 xl:grid-cols-3">
+        {batchSkills.map((item, index) => {
+          const key = skillInstanceKey(item);
+          const itemState = runStates[key] ?? DEFAULT_SKILL_RUN_STATE;
+          const entry = batchScoreEntries[index]!;
+          const statusLabel =
+            itemState.llmState.status === "ok" && entry.llmComplete
+              ? zh ? "深度评测完成" : "Deep review done"
+              : itemState.llmState.status === "error"
+                ? zh ? "评测失败" : "Failed"
+                : itemState.llmState.status === "running"
+                  ? zh ? "评测中…" : "Running…"
+                  : zh ? "待深度评测" : "Pending";
+          const scoreLabel =
+            entry.llmComplete ? `${roundStat(entry.report.total, 1)}` : "—";
+
+          return (
+            <div
+              key={key}
+              className={[
+                "rounded-2xl border px-4 py-3 transition",
+                index === activeBatchIndex
+                  ? "border-brand-500 bg-brand-50 shadow-sm"
+                  : "border-slate-200 bg-white/90",
+              ].join(" ")}
+            >
+              <button
+                type="button"
+                onClick={() => setActiveBatchIndex(index)}
+                className="w-full text-left"
+              >
+                <div className="flex items-start justify-between gap-2">
+                  <div className="min-w-0">
+                    <div className="text-sm font-semibold text-brand-900 truncate">{item.rootName}</div>
+                    <div className="text-[12px] text-slate-500 truncate">
+                      {item.packagePath || item.entryFile}
+                    </div>
+                  </div>
+                  <div className="text-lg font-bold font-mono text-brand-700 tabular-nums shrink-0">
+                    {scoreLabel}
+                  </div>
+                </div>
+                <div className="mt-2 text-[11px] text-slate-500">{statusLabel}</div>
+              </button>
+              {itemState.llmState.status === "error" && !batchRunning && (
+                <button
+                  type="button"
+                  onClick={() => runBatch([key])}
+                  className="mt-3 w-full rounded-lg bg-rose-500 hover:bg-rose-600 text-white text-[12px] py-1.5"
+                >
+                  {zh ? "重新深度评测" : "Retry deep review"}
+                </button>
+              )}
+            </div>
+          );
+        })}
+      </div>
+
+      {completedCount > 0 && (
+        <div className="space-y-3">
+          <h3 className="text-sm font-semibold text-brand-900">
+            {zh ? "全部 Skill 深度评测分数" : "All skills — deep review scores"}
+          </h3>
+          <div className="overflow-x-auto rounded-xl ring-1 ring-slate-200/80 max-h-[28rem] overflow-y-auto">
+            <table className="w-full text-sm min-w-[720px]">
+              <thead className="sticky top-0 bg-slate-50/95 z-[2]">
+                <tr className="text-[11px] uppercase tracking-wide text-slate-500 text-left">
+                  <th className="px-3 py-2 sticky left-0 bg-slate-50/95 z-[3]">{zh ? "Skill" : "Skill"}</th>
+                  <th className="px-3 py-2 text-right">{zh ? "总分" : "Total"}</th>
+                  {pillarCols.map((p) => (
+                    <th key={p.id} className="px-3 py-2 text-right whitespace-nowrap max-w-[8rem] truncate">
+                      {zh ? p.name_zh : p.name_en}
+                    </th>
+                  ))}
+                </tr>
+              </thead>
+              <tbody>
+                {batchScoreEntries.map((entry) => (
+                  <tr key={entry.key} className="border-t border-slate-100">
+                    <td className="px-3 py-2 font-medium text-brand-900 sticky left-0 bg-white/95 z-[1] max-w-[180px] truncate">
+                      {entry.label}
+                    </td>
+                    <td className="px-3 py-2 text-right font-mono tabular-nums">
+                      {entry.llmComplete ? roundStat(entry.report.total, 1) : "—"}
+                    </td>
+                    {pillarCols.map((p) => {
+                      const pillar = entry.report.pillars.find((x) => x.id === p.id);
+                      const pct = pillar ? pillarPercent(pillar) : null;
+                      return (
+                        <td key={p.id} className="px-3 py-2 text-right font-mono text-slate-600 tabular-nums">
+                          {pct != null && entry.llmComplete ? roundStat(pct, 1) : "—"}
+                        </td>
+                      );
+                    })}
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+
+          <details className="rounded-xl ring-1 ring-slate-200/80">
+            <summary className="cursor-pointer px-4 py-3 text-sm font-medium text-brand-800">
+              {zh ? "各维度得分明细" : "Dimension scores (detail)"}
+            </summary>
+            <div className="overflow-x-auto max-h-[24rem] overflow-y-auto border-t border-slate-100">
+              <table className="w-full text-sm min-w-[960px]">
+                <thead className="sticky top-0 bg-slate-50/95">
+                  <tr className="text-[11px] uppercase tracking-wide text-slate-500 text-left">
+                    <th className="px-3 py-2 sticky left-0 bg-slate-50/95 z-[1]">{zh ? "Skill" : "Skill"}</th>
+                    {dimensionCols.map((d) => (
+                      <th key={d.id} className="px-3 py-2 text-right whitespace-nowrap max-w-[7rem] truncate">
+                        {zh ? d.name_zh : d.name_en}
+                      </th>
+                    ))}
+                  </tr>
+                </thead>
+                <tbody>
+                  {batchScoreEntries.map((entry) => (
+                    <tr key={entry.key} className="border-t border-slate-100">
+                      <td className="px-3 py-2 font-medium sticky left-0 bg-white/95 z-[1] max-w-[160px] truncate">
+                        {entry.label}
+                      </td>
+                      {dimensionCols.map((d) => {
+                        let pct: number | null = null;
+                        for (const pillar of entry.report.pillars) {
+                          const dim = pillar.dimensions.find((x) => x.id === d.id);
+                          if (dim) {
+                            pct = dimensionPercent(dim);
+                            break;
+                          }
+                        }
+                        return (
+                          <td key={d.id} className="px-3 py-2 text-right font-mono text-slate-600 tabular-nums text-[12px]">
+                            {pct != null && entry.llmComplete ? roundStat(pct, 1) : "—"}
+                          </td>
+                        );
+                      })}
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+            </div>
+          </details>
+        </div>
+      )}
+
+      <BatchStatsPanel
+        lang={lang}
+        stats={batchAggregateStats}
+        showFinance={reviewMode === "finance"}
+      />
+    </section>
+  );
+}
diff --git a/web/components/BatchStatsPanel.tsx b/web/components/BatchStatsPanel.tsx
new file mode 100644
index 0000000..a78cc28
--- /dev/null
+++ b/web/components/BatchStatsPanel.tsx
@@ -0,0 +1,187 @@
+"use client";
+
+import type { Lang } from "@/lib/i18n/messages";
+import {
+  type BatchAggregateStats,
+  type MetricBatchStats,
+  type NumericStats,
+  roundStat,
+} from "@/lib/scoring/batch-stats";
+
+interface Props {
+  lang: Lang;
+  stats: BatchAggregateStats;
+  showFinance: boolean;
+}
+
+const STAT_COLS: Array<{ key: keyof NumericStats; zh: string; en: string }> = [
+  { key: "mean", zh: "平均", en: "Mean" },
+  { key: "max", zh: "最高", en: "Max" },
+  { key: "min", zh: "最低", en: "Min" },
+  { key: "variance", zh: "方差", en: "Variance" },
+  { key: "median", zh: "中位数", en: "Median" },
+];
+
+function formatCell(stats: NumericStats | null, key: keyof NumericStats): string {
+  if (!stats) return "—";
+  const v = stats[key];
+  if (key === "count") return String(v);
+  return String(roundStat(v as number, key === "variance" ? 2 : 1));
+}
+
+function StatsTable({
+  lang,
+  title,
+  subtitle,
+  rows,
+  valueSuffix = "",
+}: {
+  lang: Lang;
+  title: string;
+  subtitle?: string;
+  rows: Array<{ id: string; name: string; stats: NumericStats | null }>;
+  valueSuffix?: string;
+}) {
+  if (rows.length === 0) return null;
+  return (
+    <div className="space-y-2">
+      <div>
+        <h4 className="text-sm font-semibold text-brand-900">{title}</h4>
+        {subtitle && <p className="text-xs text-slate-500 mt-0.5">{subtitle}</p>}
+      </div>
+      <div className="overflow-x-auto rounded-xl ring-1 ring-slate-200/80">
+        <table className="w-full min-w-[640px] text-sm">
+          <thead>
+            <tr className="bg-slate-50/90 text-left text-[11px] uppercase tracking-wide text-slate-500">
+              <th className="px-3 py-2 font-medium sticky left-0 bg-slate-50/95 z-[1]">
+                {lang === "zh" ? "指标" : "Metric"}
+              </th>
+              {STAT_COLS.map((col) => (
+                <th key={col.key} className="px-3 py-2 font-medium text-right whitespace-nowrap">
+                  {lang === "zh" ? col.zh : col.en}
+                  {valueSuffix ? ` (${valueSuffix})` : ""}
+                </th>
+              ))}
+              <th className="px-3 py-2 font-medium text-right whitespace-nowrap">
+                n
+              </th>
+            </tr>
+          </thead>
+          <tbody>
+            {rows.map((row) => (
+              <tr key={row.id} className="border-t border-slate-100 hover:bg-brand-50/30">
+                <td className="px-3 py-2 font-medium text-brand-900 sticky left-0 bg-white/95 z-[1] max-w-[200px] truncate">
+                  {row.name}
+                </td>
+                {STAT_COLS.map((col) => (
+                  <td key={col.key} className="px-3 py-2 text-right font-mono text-slate-700 tabular-nums">
+                    {formatCell(row.stats, col.key)}
+                  </td>
+                ))}
+                <td className="px-3 py-2 text-right font-mono text-slate-500 tabular-nums">
+                  {row.stats?.count ?? "—"}
+                </td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  );
+}
+
+function metricRows(metrics: MetricBatchStats[], lang: Lang) {
+  return metrics
+    .filter((m) => m.stats != null)
+    .map((m) => ({
+      id: m.id,
+      name: lang === "zh" ? m.nameZh : m.nameEn,
+      stats: m.stats,
+    }));
+}
+
+export default function BatchStatsPanel({ lang, stats, showFinance }: Props) {
+  const zh = lang === "zh";
+  const progress =
+    stats.completedCount === 0
+      ? zh
+        ? "完成至少 1 个 skill 的「SkillLens 深度评测」后，将在此显示批量汇总统计。"
+        : "Run SkillLens Deep Review on at least one skill to see batch aggregate statistics."
+      : zh
+        ? `基于 ${stats.completedCount}/${stats.totalCount} 个已完成深度评测的 skill（得分 0–100，支柱/维度为满分百分比）。`
+        : `Based on ${stats.completedCount}/${stats.totalCount} skills with completed Deep Review (scores 0–100; pillars/dimensions as % of max).`;
+
+  const totalRow = stats.total
+    ? [{ id: "total", name: zh ? "总分" : "Total score", stats: stats.total }]
+    : [];
+
+  const pillarRows = metricRows(stats.pillars, lang);
+  const dimensionRows = metricRows(stats.dimensions, lang);
+  const financeTotalRow = stats.financeTotal
+    ? [{ id: "finance-total", name: zh ? "金融专家总分" : "Finance expert total", stats: stats.financeTotal }]
+    : [];
+  const financePillarRows = metricRows(stats.financePillars, lang);
+
+  return (
+    <section className="glass rounded-2xl p-5 space-y-6 ring-1 ring-brand-100/80">
+      <div>
+        <p className="text-xs text-slate-500">
+          {zh ? "批量深度评测汇总" : "Batch deep review summary"}
+        </p>
+        <h3 className="text-lg font-semibold text-brand-900 mt-1">
+          {zh ? "跨 Skill 统计" : "Cross-skill statistics"}
+        </h3>
+        <p className="text-sm text-slate-600 mt-2">{progress}</p>
+      </div>
+
+      {stats.completedCount > 0 && (
+        <>
+          <StatsTable
+            lang={lang}
+            title={zh ? "总分" : "Total score"}
+            rows={totalRow}
+            valueSuffix={zh ? "分" : "pts"}
+          />
+          {pillarRows.length > 0 && (
+            <StatsTable
+              lang={lang}
+              title={zh ? "各支柱（通用版）" : "Pillars (general)"}
+              subtitle={zh ? "支柱得分占该支柱满分的百分比" : "Pillar score as % of pillar max"}
+              rows={pillarRows}
+              valueSuffix="%"
+            />
+          )}
+          {dimensionRows.length > 0 && (
+            <StatsTable
+              lang={lang}
+              title={zh ? "各维度（通用版）" : "Dimensions (general)"}
+              subtitle={zh ? "维度得分占该维度满分的百分比" : "Dimension score as % of dimension max"}
+              rows={dimensionRows}
+              valueSuffix="%"
+            />
+          )}
+          {showFinance && (financeTotalRow.length > 0 || financePillarRows.length > 0) && (
+            <>
+              {financeTotalRow.length > 0 && (
+                <StatsTable
+                  lang={lang}
+                  title={zh ? "金融专家版总分" : "Finance expert total"}
+                  rows={financeTotalRow}
+                  valueSuffix={zh ? "分" : "pts"}
+                />
+              )}
+              {financePillarRows.length > 0 && (
+                <StatsTable
+                  lang={lang}
+                  title={zh ? "金融专家各支柱" : "Finance expert pillars"}
+                  rows={financePillarRows}
+                  valueSuffix="%"
+                />
+              )}
+            </>
+          )}
+        </>
+      )}
+    </section>
+  );
+}
diff --git a/web/components/Uploader.tsx b/web/components/Uploader.tsx
index 9ac3f73..809f8e4 100644
--- a/web/components/Uploader.tsx
+++ b/web/components/Uploader.tsx
@@ -2,10 +2,12 @@
 import { useRef, useState } from "react";
 import type { Lang } from "@/lib/i18n/messages";
 import { MESSAGES } from "@/lib/i18n/messages";
-import { loadFromFileList, type LoadedSkill } from "@/lib/spec/loader";
+import { loadFromFileList, toUploadResult, type LoadedSkill } from "@/lib/spec/loader";
 import type { SkillType } from "@/lib/llm/types";
 
 export type SkillTypeChoice = SkillType | "auto";
+export type UploadMode = "single" | "batch";
+export type UploadResult = LoadedSkill | LoadedSkill[];
 
 /**
  * One "load sample" button on the dropzone. Pre-bundled skills (e.g. the
@@ -26,7 +28,7 @@ export interface SampleEntry {
 
 interface Props {
   lang: Lang;
-  onLoad: (loaded: LoadedSkill) => void;
+  onLoad: (loaded: UploadResult) => void;
   /** Single-sample mode (legacy). Used when only one example is appropriate
    *  for the current scenario, e.g. the finance-scenario flow. */
   sampleId?: string;
@@ -36,6 +38,8 @@ interface Props {
   samples?: SampleEntry[];
   skillTypeChoice?: SkillTypeChoice;
   onSkillTypeChange?: (choice: SkillTypeChoice) => void;
+  uploadMode?: UploadMode;
+  onUploadModeChange?: (mode: UploadMode) => void;
 }
 
 const SKILL_TYPE_OPTIONS: Array<{
@@ -73,6 +77,8 @@ export default function Uploader({
   samples,
   skillTypeChoice = "auto",
   onSkillTypeChange,
+  uploadMode = "single",
+  onUploadModeChange,
 }: Props) {
   const t = MESSAGES[lang];
   const fileInputRef = useRef<HTMLInputElement>(null);
@@ -88,7 +94,20 @@ export default function Uploader({
     setBusy(true);
     try {
       const loaded = await loadFromFileList(files);
-      onLoad(loaded);
+      const result = toUploadResult(loaded);
+      if (uploadMode === "batch" && !Array.isArray(result)) {
+        setError(
+          lang === "zh"
+            ? "批量模式需要上传包含多个 skill 包的文件夹或 zip（每个子目录一份 SKILL.md）。"
+            : "Batch mode requires a folder or zip with multiple skill packages (one SKILL.md per package).",
+        );
+        return;
+      }
+      if (uploadMode === "single" && Array.isArray(result) && result.length > 1) {
+        onLoad(result);
+        return;
+      }
+      onLoad(result);
     } catch (e) {
       setError((e as Error).message || String(e));
     } finally {
@@ -98,15 +117,32 @@ export default function Uploader({
 
   function loadPasted() {
     if (!pasteBuf.trim()) return;
+    if (uploadMode === "batch") {
+      setError(
+        lang === "zh"
+          ? "批量模式请使用文件夹或 zip 上传，不支持粘贴单个 SKILL.md。"
+          : "Batch mode uses folder or zip upload; pasted text is not supported.",
+      );
+      return;
+    }
     onLoad({
       rawText: pasteBuf,
       files: [{ path: "SKILL.md", size: pasteBuf.length }],
       entryFile: "SKILL.md",
       rootName: "pasted",
+      packagePath: "",
     });
   }
 
   async function loadSample(id: string, skillType?: SkillTypeChoice) {
+    if (uploadMode === "batch") {
+      setError(
+        lang === "zh"
+          ? "批量模式下请使用「选择文件夹」上传多个 skill 包。"
+          : "In batch mode, use “Folder” to upload multiple skill packages.",
+      );
+      return;
+    }
     setError("");
     setBusy(true);
     try {
@@ -131,43 +167,101 @@ export default function Uploader({
 
   return (
     <div className="space-y-4">
-      {onSkillTypeChange && (
-        <section className="glass rounded-2xl p-4">
-          <div className="flex flex-wrap items-baseline gap-x-3 gap-y-1">
-            <h3 className="text-sm font-semibold text-brand-900">
-              {lang === "zh" ? "skill 类型" : "Skill type"}
-            </h3>
-            <p className="text-xs text-stone-500">
-              {lang === "zh"
-                ? "影响 SkillLens 评估视角和 LLM 改进建议；多 skill 嵌套时优先选 pipeline。"
-                : "Sets the evaluation lens and tunes LLM fix recommendations. For multi-skill packages choose pipeline."}
-            </p>
-          </div>
-          <div className="mt-3 flex flex-wrap gap-2">
-            {SKILL_TYPE_OPTIONS.map((opt) => {
-              const active = skillTypeChoice === opt.id;
-              const t = lang === "zh" ? opt.zh : opt.en;
-              return (
+      {(onSkillTypeChange || onUploadModeChange) && (
+        <section className="glass rounded-2xl p-4 space-y-4">
+          {onSkillTypeChange && (
+            <div>
+              <div className="flex flex-wrap items-baseline gap-x-3 gap-y-1">
+                <h3 className="text-sm font-semibold text-brand-900">
+                  {lang === "zh" ? "skill 类型" : "Skill type"}
+                </h3>
+                <p className="text-xs text-stone-500">
+                  {lang === "zh"
+                    ? "影响评估视角与 LLM 改进建议；单包内多子 skill 时优先选 pipeline。"
+                    : "Sets the evaluation lens and LLM fixes; for one package with child skills, prefer pipeline."}
+                </p>
+              </div>
+              <div className="mt-3 flex flex-wrap gap-2">
+                {SKILL_TYPE_OPTIONS.map((opt) => {
+                  const active = skillTypeChoice === opt.id;
+                  const label = lang === "zh" ? opt.zh : opt.en;
+                  return (
+                    <button
+                      key={opt.id}
+                      type="button"
+                      onClick={() => onSkillTypeChange(opt.id)}
+                      className={[
+                        "rounded-xl px-3 py-2 text-left ring-1 transition cursor-pointer min-w-[7.5rem]",
+                        active
+                          ? "bg-brand-500 text-white ring-brand-500 shadow-sm"
+                          : "bg-white/70 text-brand-800 ring-brand-100 hover:bg-white hover:ring-brand-200",
+                      ].join(" ")}
+                      aria-pressed={active}
+                    >
+                      <div className="text-sm font-semibold">{label.label}</div>
+                      <div className={["text-[11px] leading-snug mt-0.5", active ? "text-white/85" : "text-stone-500"].join(" ")}>
+                        {label.hint}
+                      </div>
+                    </button>
+                  );
+                })}
+              </div>
+            </div>
+          )}
+          {onUploadModeChange && (
+            <div className="border-t border-brand-100/80 pt-4">
+              <div className="flex flex-wrap items-baseline gap-x-3 gap-y-1">
+                <h3 className="text-sm font-semibold text-brand-900">
+                  {lang === "zh" ? "上传模式" : "Upload mode"}
+                </h3>
+                <p className="text-xs text-stone-500">
+                  {lang === "zh"
+                    ? "与 skill 类型并列；批量模式用于多个独立 skill 包及跨包汇总统计。"
+                    : "Alongside skill type; batch mode is for multiple packages and cross-package stats."}
+                </p>
+              </div>
+              <div className="mt-3 flex flex-wrap gap-2">
                 <button
-                  key={opt.id}
                   type="button"
-                  onClick={() => onSkillTypeChange(opt.id)}
+                  onClick={() => onUploadModeChange("single")}
                   className={[
-                    "rounded-xl px-3 py-2 text-left ring-1 transition cursor-pointer",
-                    active
+                    "rounded-xl px-3 py-2 text-left ring-1 transition cursor-pointer min-w-[7.5rem]",
+                    uploadMode === "single"
                       ? "bg-brand-500 text-white ring-brand-500 shadow-sm"
                       : "bg-white/70 text-brand-800 ring-brand-100 hover:bg-white hover:ring-brand-200",
                   ].join(" ")}
-                  aria-pressed={active}
+                  aria-pressed={uploadMode === "single"}
                 >
-                  <div className="text-sm font-semibold">{t.label}</div>
-                  <div className={["text-[11px] leading-snug mt-0.5", active ? "text-white/85" : "text-stone-500"].join(" ")}>
-                    {t.hint}
+                  <div className="text-sm font-semibold">
+                    {lang === "zh" ? "单个 skill" : "Single skill"}
+                  </div>
+                  <div className={["text-[11px] leading-snug mt-0.5", uploadMode === "single" ? "text-white/85" : "text-stone-500"].join(" ")}>
+                    {lang === "zh" ? "一份 SKILL.md 或单个 skill 包。" : "One SKILL.md or a single skill package."}
                   </div>
                 </button>
-              );
-            })}
-          </div>
+                <button
+                  type="button"
+                  onClick={() => onUploadModeChange("batch")}
+                  className={[
+                    "rounded-xl px-3 py-2 text-left ring-1 transition cursor-pointer min-w-[7.5rem]",
+                    uploadMode === "batch"
+                      ? "bg-violet-600 text-white ring-violet-600 shadow-sm"
+                      : "bg-white/70 text-violet-900 ring-violet-100 hover:bg-white hover:ring-violet-200",
+                  ].join(" ")}
+                  aria-pressed={uploadMode === "batch"}
+                >
+                  <div className="text-sm font-semibold">
+                    {lang === "zh" ? "批量模式" : "Batch mode"}
+                  </div>
+                  <div className={["text-[11px] leading-snug mt-0.5", uploadMode === "batch" ? "text-white/85" : "text-stone-500"].join(" ")}>
+                    {lang === "zh"
+                      ? "文件夹 / zip 内含多个 skill 包，支持切换与汇总统计。"
+                      : "Folder or zip with multiple packages; switch skills and view aggregate stats."}
+                  </div>
+                </button>
+              </div>
+            </div>
+          )}
         </section>
       )}
       <div
@@ -210,8 +304,19 @@ export default function Uploader({
             ? (lang === "zh" ? "解析中…" : "Parsing…")
             : dragOver
               ? t.dropFile
-              : t.uploadHint}
+              : uploadMode === "batch"
+                ? (lang === "zh"
+                  ? "拖入含多个 skill 包的文件夹或 zip"
+                  : "Drop a folder or zip with multiple skill packages")
+                : t.uploadHint}
         </div>
+        {uploadMode === "batch" && (
+          <p className="mt-2 text-xs text-violet-700/90 max-w-lg mx-auto">
+            {lang === "zh"
+              ? "每个子目录需有且仅有一份 SKILL.md；完成后可对每个 skill 深度评测并查看跨包汇总。"
+              : "Each subfolder needs exactly one SKILL.md; run deep review per skill, then see cross-package stats."}
+          </p>
+        )}
         <div className="mt-4 flex flex-wrap gap-2 justify-center">
           <button
             onClick={() => fileInputRef.current?.click()}
diff --git a/web/lib/scoring/batch-csv.ts b/web/lib/scoring/batch-csv.ts
new file mode 100644
index 0000000..31fdb6f
--- /dev/null
+++ b/web/lib/scoring/batch-csv.ts
@@ -0,0 +1,158 @@
+import { RUBRIC } from "@/lib/rubric/rubric";
+import type { Lang } from "@/lib/i18n/messages";
+import {
+  type BatchSkillScoreEntry,
+  computeBatchAggregateStats,
+  dimensionPercent,
+  pillarPercent,
+  roundStat,
+} from "@/lib/scoring/batch-stats";
+
+function escapeCsv(value: string | number | null | undefined): string {
+  const s = value == null ? "" : String(value);
+  if (/[",\n\r]/.test(s)) return `"${s.replace(/"/g, '""')}"`;
+  return s;
+}
+
+function row(cells: Array<string | number | null | undefined>): string {
+  return cells.map(escapeCsv).join(",");
+}
+
+export function buildBatchScoresCsv(
+  entries: BatchSkillScoreEntry[],
+  lang: Lang,
+  opts: { includeFinance: boolean } = { includeFinance: false },
+): string {
+  const zh = lang === "zh";
+  const completed = entries.filter((e) => e.llmComplete);
+  const stats = computeBatchAggregateStats(entries);
+
+  const pillarIds = RUBRIC.pillars.map((p) => p.id);
+  const dimensionIds = RUBRIC.pillars.flatMap((p) => p.dimensions.map((d) => d.id));
+
+  const header: string[] = [
+    zh ? "skill" : "skill",
+    zh ? "路径" : "path",
+    zh ? "深度评测" : "deep_review",
+    zh ? "总分" : "total",
+    zh ? "等级" : "grade",
+  ];
+
+  for (const p of RUBRIC.pillars) {
+    header.push(zh ? `支柱_${p.name_zh}` : `pillar_${p.name_en}`);
+  }
+  for (const p of RUBRIC.pillars) {
+    for (const d of p.dimensions) {
+      header.push(zh ? `维度_${d.name_zh}` : `dim_${d.name_en}`);
+    }
+  }
+  if (opts.includeFinance) {
+    header.push(zh ? "金融专家总分" : "finance_total");
+  }
+
+  const lines: string[] = [row(header)];
+
+  for (const entry of entries) {
+    const status = entry.llmComplete
+      ? zh ? "完成" : "done"
+      : zh ? "未完成" : "pending";
+    const cells: Array<string | number | null> = [
+      entry.label,
+      entry.key,
+      status,
+      entry.llmComplete ? roundStat(entry.report.total, 2) : "",
+      entry.llmComplete ? entry.report.grade : "",
+    ];
+
+    for (const pid of pillarIds) {
+      const pillar = entry.report.pillars.find((p) => p.id === pid);
+      const pct = pillar ? pillarPercent(pillar) : null;
+      cells.push(pct != null && entry.llmComplete ? roundStat(pct, 1) : "");
+    }
+
+    for (const did of dimensionIds) {
+      let pct: number | null = null;
+      for (const pillar of entry.report.pillars) {
+        const dim = pillar.dimensions.find((d) => d.id === did);
+        if (dim) {
+          pct = dimensionPercent(dim);
+          break;
+        }
+      }
+      cells.push(pct != null && entry.llmComplete ? roundStat(pct, 1) : "");
+    }
+
+    if (opts.includeFinance) {
+      cells.push(
+        entry.financeReport?.llmComplete ? roundStat(entry.financeReport.score, 2) : "",
+      );
+    }
+
+    lines.push(row(cells));
+  }
+
+  lines.push("");
+  lines.push(row([zh ? "汇总统计（已完成深度评测）" : "Aggregate (deep review completed)"]));
+  lines.push(row([
+    zh ? "指标" : "metric",
+    zh ? "平均" : "mean",
+    zh ? "最高" : "max",
+    zh ? "最低" : "min",
+    zh ? "方差" : "variance",
+    zh ? "中位数" : "median",
+    "n",
+  ]));
+
+  const pushStatRow = (name: string, s: typeof stats.total) => {
+    if (!s) return;
+    lines.push(row([
+      name,
+      roundStat(s.mean, 2),
+      roundStat(s.max, 2),
+      roundStat(s.min, 2),
+      roundStat(s.variance, 4),
+      roundStat(s.median, 2),
+      s.count,
+    ]));
+  };
+
+  pushStatRow(zh ? "总分" : "total", stats.total);
+  for (const p of stats.pillars) {
+    if (p.stats) {
+      pushStatRow(zh ? p.nameZh : p.nameEn, p.stats);
+    }
+  }
+  for (const d of stats.dimensions) {
+    if (d.stats) {
+      pushStatRow(zh ? d.nameZh : d.nameEn, d.stats);
+    }
+  }
+  if (opts.includeFinance && stats.financeTotal) {
+    pushStatRow(zh ? "金融专家总分" : "finance_total", stats.financeTotal);
+  }
+
+  lines.push("");
+  lines.push(row([
+    zh ? `已完成 ${completed.length}/${entries.length}` : `completed ${completed.length}/${entries.length}`,
+  ]));
+
+  return "\uFEFF" + lines.join("\r\n");
+}
+
+export function downloadBatchScoresCsv(
+  entries: BatchSkillScoreEntry[],
+  lang: Lang,
+  filename: string,
+  opts?: { includeFinance?: boolean },
+): void {
+  const csv = buildBatchScoresCsv(entries, lang, {
+    includeFinance: opts?.includeFinance ?? false,
+  });
+  const blob = new Blob([csv], { type: "text/csv;charset=utf-8" });
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = `${filename}-batch-scores.csv`;
+  a.click();
+  URL.revokeObjectURL(url);
+}
diff --git a/web/lib/scoring/batch-stats.ts b/web/lib/scoring/batch-stats.ts
new file mode 100644
index 0000000..279b6b6
--- /dev/null
+++ b/web/lib/scoring/batch-stats.ts
@@ -0,0 +1,221 @@
+import type { ScoreReport, PillarResult, DimensionResult } from "@/lib/rubric/types";
+import type { FinanceExpertReport } from "@/lib/domain/finance-score";
+
+export interface NumericStats {
+  count: number;
+  mean: number;
+  max: number;
+  min: number;
+  median: number;
+  variance: number;
+  stdDev: number;
+}
+
+export interface MetricValuePoint {
+  key: string;
+  label: string;
+  value: number;
+}
+
+export interface MetricBatchStats {
+  id: string;
+  nameZh: string;
+  nameEn: string;
+  stats: NumericStats | null;
+  values: MetricValuePoint[];
+}
+
+export interface BatchSkillScoreEntry {
+  key: string;
+  label: string;
+  report: ScoreReport;
+  llmComplete: boolean;
+  financeReport?: FinanceExpertReport | null;
+}
+
+export interface BatchAggregateStats {
+  completedCount: number;
+  totalCount: number;
+  total: NumericStats | null;
+  totalValues: MetricValuePoint[];
+  pillars: MetricBatchStats[];
+  dimensions: MetricBatchStats[];
+  financeTotal: NumericStats | null;
+  financeTotalValues: MetricValuePoint[];
+  financePillars: MetricBatchStats[];
+}
+
+export function computeNumericStats(values: number[]): NumericStats | null {
+  if (values.length === 0) return null;
+  const sorted = [...values].sort((a, b) => a - b);
+  const count = values.length;
+  const mean = values.reduce((sum, v) => sum + v, 0) / count;
+  const min = sorted[0]!;
+  const max = sorted[count - 1]!;
+  const median =
+    count % 2 === 1
+      ? sorted[Math.floor(count / 2)]!
+      : (sorted[count / 2 - 1]! + sorted[count / 2]!) / 2;
+  const variance = values.reduce((sum, v) => sum + (v - mean) ** 2, 0) / count;
+  return {
+    count,
+    mean,
+    max,
+    min,
+    median,
+    variance,
+    stdDev: Math.sqrt(variance),
+  };
+}
+
+export function pillarPercent(pillar: PillarResult): number | null {
+  if (pillar.weight <= 0) return null;
+  return (pillar.score / pillar.weight) * 100;
+}
+
+export function dimensionPercent(dimension: DimensionResult): number | null {
+  if (dimension.notApplicable || dimension.score == null) return null;
+  const weight = dimension.originalWeight ?? dimension.weight;
+  if (weight <= 0) return null;
+  return (dimension.score / weight) * 100;
+}
+
+function collectMetricStats(
+  entries: BatchSkillScoreEntry[],
+  pickValues: (entry: BatchSkillScoreEntry) => MetricValuePoint | null,
+  meta: { id: string; nameZh: string; nameEn: string },
+): MetricBatchStats {
+  const values: MetricValuePoint[] = [];
+  for (const entry of entries) {
+    const point = pickValues(entry);
+    if (point) values.push(point);
+  }
+  return {
+    ...meta,
+    values,
+    stats: computeNumericStats(values.map((v) => v.value)),
+  };
+}
+
+export function computeBatchAggregateStats(
+  entries: BatchSkillScoreEntry[],
+): BatchAggregateStats {
+  const completed = entries.filter((e) => e.llmComplete);
+  const completedCount = completed.length;
+  const totalCount = entries.length;
+
+  const totalValues: MetricValuePoint[] = completed.map((e) => ({
+    key: e.key,
+    label: e.label,
+    value: e.report.total,
+  }));
+
+  const pillarMeta = new Map<string, { nameZh: string; nameEn: string }>();
+  for (const entry of completed) {
+    for (const pillar of entry.report.pillars) {
+      if (!pillarMeta.has(pillar.id)) {
+        pillarMeta.set(pillar.id, { nameZh: pillar.name_zh, nameEn: pillar.name_en });
+      }
+    }
+  }
+
+  const pillars: MetricBatchStats[] = [...pillarMeta.entries()]
+    .sort(([a], [b]) => a.localeCompare(b))
+    .map(([id, names]) =>
+      collectMetricStats(
+        completed,
+        (entry) => {
+          const pillar = entry.report.pillars.find((p) => p.id === id);
+          if (!pillar) return null;
+          const pct = pillarPercent(pillar);
+          if (pct == null) return null;
+          return { key: entry.key, label: entry.label, value: pct };
+        },
+        { id, nameZh: names.nameZh, nameEn: names.nameEn },
+      ),
+    );
+
+  const dimensionMeta = new Map<string, { nameZh: string; nameEn: string }>();
+  for (const entry of completed) {
+    for (const pillar of entry.report.pillars) {
+      for (const dimension of pillar.dimensions) {
+        if (!dimensionMeta.has(dimension.id)) {
+          dimensionMeta.set(dimension.id, {
+            nameZh: dimension.name_zh,
+            nameEn: dimension.name_en,
+          });
+        }
+      }
+    }
+  }
+
+  const dimensions: MetricBatchStats[] = [...dimensionMeta.entries()]
+    .sort(([a], [b]) => a.localeCompare(b))
+    .map(([id, names]) =>
+      collectMetricStats(
+        completed,
+        (entry) => {
+          for (const pillar of entry.report.pillars) {
+            const dimension = pillar.dimensions.find((d) => d.id === id);
+            if (!dimension) continue;
+            const pct = dimensionPercent(dimension);
+            if (pct == null) continue;
+            return { key: entry.key, label: entry.label, value: pct };
+          }
+          return null;
+        },
+        { id, nameZh: names.nameZh, nameEn: names.nameEn },
+      ),
+    );
+
+  const financeCompleted = completed.filter((e) => e.financeReport?.llmComplete);
+  const financeTotalValues: MetricValuePoint[] = financeCompleted.map((e) => ({
+    key: e.key,
+    label: e.label,
+    value: e.financeReport!.score,
+  }));
+
+  const financePillarMeta = new Map<string, { nameZh: string; nameEn: string }>();
+  for (const entry of financeCompleted) {
+    for (const pillar of entry.financeReport!.pillars) {
+      if (!financePillarMeta.has(pillar.id)) {
+        financePillarMeta.set(pillar.id, { nameZh: pillar.name_zh, nameEn: pillar.name_en });
+      }
+    }
+  }
+
+  const financePillars: MetricBatchStats[] = [...financePillarMeta.entries()]
+    .sort(([a], [b]) => a.localeCompare(b))
+    .map(([id, names]) =>
+      collectMetricStats(
+        financeCompleted,
+        (entry) => {
+          const pillar = entry.financeReport!.pillars.find((p) => p.id === id);
+          if (!pillar || pillar.weight <= 0) return null;
+          return {
+            key: entry.key,
+            label: entry.label,
+            value: (pillar.score / pillar.weight) * 100,
+          };
+        },
+        { id, nameZh: names.nameZh, nameEn: names.nameEn },
+      ),
+    );
+
+  return {
+    completedCount,
+    totalCount,
+    total: computeNumericStats(totalValues.map((v) => v.value)),
+    totalValues,
+    pillars,
+    dimensions,
+    financeTotal: computeNumericStats(financeTotalValues.map((v) => v.value)),
+    financeTotalValues,
+    financePillars,
+  };
+}
+
+export function roundStat(n: number, digits = 1): number {
+  const f = 10 ** digits;
+  return Math.round(n * f) / f;
+}
diff --git a/web/lib/scoring/run-skill-deep-review.ts b/web/lib/scoring/run-skill-deep-review.ts
new file mode 100644
index 0000000..6876afe
--- /dev/null
+++ b/web/lib/scoring/run-skill-deep-review.ts
@@ -0,0 +1,115 @@
+import type { CanonicalSkill } from "@/lib/spec/canonical";
+import type { CheckResult, Rubric, ValueType } from "@/lib/rubric/types";
+import type { LlmReviewResponse } from "@/lib/llm/types";
+import type { MarketSurveyResult } from "@/lib/market/types";
+import type { FinanceScenarioId } from "@/lib/domain/finance";
+import type { SkillType } from "@/lib/llm/types";
+import { fetchMarketSurvey } from "@/lib/market/client";
+import { isMarketSurvey } from "@/lib/market/types";
+import { runLlmReview } from "@/lib/scoring/llm-client";
+
+export type LlmErrorReason =
+  | "provider_no_balance"
+  | "provider_auth"
+  | "provider_rate_limited"
+  | "provider_timeout"
+  | "provider_network"
+  | "rate_limited"
+  | "llm_browser_required"
+  | "llm_failed"
+  | "unknown";
+
+export type DeepReviewOk = {
+  ok: true;
+  llmResults: Map<string, CheckResult>;
+  llmMeta: { valueType?: ValueType; reason?: string };
+  response: LlmReviewResponse;
+  marketSurvey: MarketSurveyResult | null;
+};
+
+export type DeepReviewErr = {
+  ok: false;
+  message: string;
+  reason: LlmErrorReason;
+  httpStatus?: number;
+  marketSurvey: MarketSurveyResult | null;
+};
+
+export type DeepReviewAborted = { aborted: true };
+
+export type DeepReviewResult = DeepReviewOk | DeepReviewErr | DeepReviewAborted;
+
+export function isAbortError(e: unknown): boolean {
+  if (e instanceof DOMException && e.name === "AbortError") return true;
+  return e instanceof Error && e.name === "AbortError";
+}
+
+export function parseLlmError(e: unknown): DeepReviewErr {
+  const msg = (e as Error).message || "unknown";
+  const m = msg.match(/^(\d+)::([a-z_]+)::(.*)$/s);
+  const httpStatus = m ? Number(m[1]) : undefined;
+  const reason = (m?.[2] as LlmErrorReason | undefined) ??
+    (httpStatus === 429 ? "rate_limited" : "unknown");
+  return {
+    ok: false,
+    message: m?.[3] ?? msg,
+    reason,
+    httpStatus,
+    marketSurvey: null,
+  };
+}
+
+export async function runSkillDeepReview(
+  skill: CanonicalSkill,
+  rubric: Rubric,
+  opts: {
+    signal?: AbortSignal;
+    lang: "zh" | "en";
+    reviewMode: "general" | "finance";
+    financeScenario: FinanceScenarioId;
+    skillType: SkillType | "auto";
+  },
+): Promise<DeepReviewResult> {
+  let marketSurvey: MarketSurveyResult | null = null;
+  try {
+    const survey = await fetchMarketSurvey(
+      {
+        name: typeof skill.meta.name === "string" ? skill.meta.name : undefined,
+        description: typeof skill.meta.description === "string" ? skill.meta.description : undefined,
+        tags: Array.isArray(skill.meta.tags) ? (skill.meta.tags as string[]) : undefined,
+        body: skill.body,
+      },
+      { signal: opts.signal },
+    ).catch((e) => {
+      if (isAbortError(e)) throw e;
+      return { error: "network" as const, detail: (e as Error).message };
+    });
+    marketSurvey = survey;
+
+    const surveyForLlm = isMarketSurvey(survey) && survey.repos.length > 0 ? survey : undefined;
+    const { response, results } = await runLlmReview(skill, rubric, {
+      signal: opts.signal,
+      marketSurvey: surveyForLlm,
+      lang: opts.lang,
+      expertReview: opts.reviewMode === "finance"
+        ? { domain: "finance", scenario: opts.financeScenario }
+        : undefined,
+      skillType: opts.skillType,
+    });
+
+    return {
+      ok: true,
+      llmResults: results,
+      llmMeta: {
+        valueType: response.meta?.value_type,
+        reason: response.meta?.value_type_reason,
+      },
+      response,
+      marketSurvey,
+    };
+  } catch (e) {
+    if (isAbortError(e)) return { aborted: true };
+    const err = parseLlmError(e);
+    return { ...err, marketSurvey };
+  }
+}
diff --git a/web/lib/spec/loader.ts b/web/lib/spec/loader.ts
index d3d4dc5..b895c8e 100644
--- a/web/lib/spec/loader.ts
+++ b/web/lib/spec/loader.ts
@@ -12,13 +12,42 @@ export interface LoadedSkill {
   rawText: string;           // entry file 的完整文本
   files: SkillFile[];        // skill 目录下的所有文件
   entryFile: string;         // 相对路径
-  rootName: string;          // 文件夹名 / zip 名 / 单文件名
+  rootName: string;          // 文件夹名 / zip 名 / 单文件名（展示用，批量时可能重复）
+  /** 上传根下的包目录路径，用于批量场景唯一标识（如 agent-a/总技能） */
+  packagePath: string;
 }
 
+/** Stable key for React lists and per-skill run state in batch uploads. */
+export function skillInstanceKey(skill: LoadedSkill): string {
+  return skill.packagePath
+    ? `${skill.packagePath}/${skill.entryFile}`
+    : `${skill.rootName}/${skill.entryFile}`;
+}
+
+export interface LoadedSkillBatch {
+  type: "batch";
+  rootName: string;
+  skills: LoadedSkill[];
+}
+
+export type LoadedUpload = LoadedSkill | LoadedSkillBatch;
+
+function isLoadedSkillBatch(loaded: LoadedUpload): loaded is LoadedSkillBatch {
+  return "type" in loaded && loaded.type === "batch";
+}
+
+/** Normalize loader output for UI callbacks (batch → skill array). */
+export function toUploadResult(loaded: LoadedUpload): LoadedSkill | LoadedSkill[] {
+  return isLoadedSkillBatch(loaded) ? loaded.skills : loaded;
+}
+
+type FolderEntry = { file: File; rel: string; preview?: string; text?: string };
+type ZipFileEntry = { rel: string; preview?: string; size: number; text?: string };
+
 const TEXT_EXT = /\.(md|markdown|yaml|yml|txt|json|py|ts|tsx|js|jsx|sh|toml|cfg|ini)$/i;
 const MAX_FILE_PREVIEW = 4000; // 每个文本文件最多 preview 4KB
 
-export async function loadFromFileList(files: FileList | File[]): Promise<LoadedSkill> {
+export async function loadFromFileList(files: FileList | File[]): Promise<LoadedUpload> {
   const list = Array.from(files);
   if (list.length === 0) throw new Error("no files");
 
@@ -34,10 +63,10 @@ export async function loadFromFileList(files: FileList | File[]): Promise<Loaded
       files: [{ path: f.name, size: f.size, preview: previewOf(text) }],
       entryFile: f.name,
       rootName: stripExt(f.name),
+      packagePath: "",
     };
   }
 
-  // 多文件（文件夹）路径：webkitRelativePath 提供了目录结构
   const withRel = list.map((f) => ({
     file: f,
     rel: (f as File & { webkitRelativePath?: string }).webkitRelativePath || f.name,
@@ -45,83 +74,238 @@ export async function loadFromFileList(files: FileList | File[]): Promise<Loaded
 
   const rootSegment = withRel[0].rel.split("/")[0];
   const stripRoot = withRel.every((x) => x.rel.startsWith(rootSegment + "/"));
+  const entries = await Promise.all(
+    withRel.map(async (item) => {
+      const rel = stripRoot ? item.rel.slice(rootSegment.length + 1) : item.rel;
+      const isText = TEXT_EXT.test(rel);
+      let preview: string | undefined;
+      let text: string | undefined;
+      if (isText && item.file.size < 1024 * 200) {
+        const content = await item.file.text();
+        preview = previewOf(content);
+        if (isSkillMd(rel)) {
+          text = content;
+        }
+      }
+      return {
+        file: item.file,
+        rel,
+        preview,
+        text,
+      };
+    }),
+  );
+
+  const skillEntries = entries.filter((item) => isSkillMd(item.rel));
+  if (skillEntries.length === 0) {
+    throw new Error("SKILL.md not found in uploaded folder");
+  }
+
+  const topLevelSkill = skillEntries.find((item) => item.rel.toLowerCase() === "skill.md");
+  if (topLevelSkill) {
+    return await loadSinglePackage(entries, topLevelSkill, stripRoot ? rootSegment : "skill");
+  }
+
+  const packageGroups = groupSkillPackages(skillEntries);
+  if (packageGroups.length === 1) {
+    return await loadSinglePackage(entries, packageGroups[0].skillEntry, packageGroups[0].packageName);
+  }
+
+  return {
+    type: "batch",
+    rootName: stripRoot ? rootSegment : "skill",
+    skills: await Promise.all(
+      packageGroups.map((group) =>
+        loadSinglePackage(entries, group.skillEntry, group.packageName),
+      ),
+    ),
+  };
+}
+
+export async function loadFromZip(zipFile: File): Promise<LoadedUpload> {
+  const zip = await JSZip.loadAsync(await zipFile.arrayBuffer());
+  const entries = Object.values(zip.files).filter((e) => !e.dir);
+
+  // zip 内单层根目录归一化
+  const firstSegs = new Set(entries.map((e) => e.name.split("/")[0]));
+  const hasSingleRoot = firstSegs.size === 1 && entries.every((e) => e.name.includes("/"));
+  const root = hasSingleRoot ? [...firstSegs][0] : "";
+
+  const normalized = await Promise.all(
+    entries.map(async (entry): Promise<ZipFileEntry | null> => {
+      const rel = root ? entry.name.slice(root.length + 1) : entry.name;
+      if (!rel) return null;
+      const isText = TEXT_EXT.test(rel);
+      let preview: string | undefined;
+      let size = 0;
+      let text: string | undefined;
+
+      if (isText) {
+        text = await entry.async("string");
+        size = text.length;
+        preview = previewOf(text);
+      } else {
+        const buf = await entry.async("uint8array");
+        size = buf.byteLength;
+      }
+
+      return { rel, preview, size, text };
+    }),
+  );
+
+  const files: ZipFileEntry[] = normalized.filter((item): item is ZipFileEntry => item !== null);
+  const skillEntries = files.filter((item) => isSkillMd(item.rel));
+  if (skillEntries.length === 0) {
+    throw new Error("SKILL.md not found in uploaded zip");
+  }
+
+  const topLevelSkill = skillEntries.find((item) => item.rel.toLowerCase() === "skill.md");
+  if (topLevelSkill) {
+    return loadSinglePackageFromZip(files, topLevelSkill, root || stripExt(zipFile.name));
+  }
+
+  const packageGroups = groupSkillPackages(skillEntries);
+  if (packageGroups.length === 1) {
+    return loadSinglePackageFromZip(files, packageGroups[0].skillEntry, packageGroups[0].packageName);
+  }
+
+  return {
+    type: "batch",
+    rootName: root || stripExt(zipFile.name),
+    skills: packageGroups.map((group) =>
+      loadSinglePackageFromZip(files, group.skillEntry, group.packageName),
+    ),
+  };
+}
+
+function groupSkillPackages<T extends { rel: string }>(
+  entries: T[],
+): Array<{ packageName: string; skillEntry: T }> {
+  const byRoot = new Map<string, Array<{ packageName: string; skillEntry: T }>>();
+  for (const entry of entries) {
+    const packageDir = dirname(entry.rel);
+    const group = byRoot.get(packageDir) ?? [];
+    group.push({ packageName: basename(packageDir) || "skill", skillEntry: entry });
+    byRoot.set(packageDir, group);
+  }
+
+  const groups: Array<{ packageName: string; skillEntry: T }> = [];
+  for (const [packageDir, items] of byRoot.entries()) {
+    if (items.length > 1) {
+      throw new Error(
+        packageDir === "."
+          ? "Multiple top-level SKILL.md files found. Please upload a folder with one root package or nested package directories."
+          : `Multiple SKILL.md files found in ${packageDir}. Each package must contain a single SKILL.md.`,
+      );
+    }
+    groups.push(items[0]);
+  }
+
+  return groups.sort((a, b) => a.skillEntry.rel.localeCompare(b.skillEntry.rel));
+}
 
+async function loadSinglePackage(
+  entries: FolderEntry[],
+  rootEntry: FolderEntry,
+  rootName: string,
+): Promise<LoadedSkill> {
+  const packageRoot = dirname(rootEntry.rel);
+  const pathPrefix = packageRoot === "." ? "" : `${packageRoot}/`;
   const fileRecords: SkillFile[] = [];
-  let entryText = "";
+  let entryText = rootEntry.text ?? "";
   let entryPath = "";
 
-  for (const { file, rel } of withRel) {
-    const path = stripRoot ? rel.slice(rootSegment.length + 1) : rel;
+  for (const { file, rel, preview, text } of entries) {
+    if (!isUnderPackageRoot(rel, packageRoot)) continue;
+    const path = stripPrefix(rel, pathPrefix);
     const isText = TEXT_EXT.test(path);
-    let preview: string | undefined;
-    if (isText && file.size < 1024 * 200) {
-      const text = await file.text();
-      preview = previewOf(text);
-      if (path === "SKILL.md" || path.toLowerCase() === "skill.md") {
-        entryText = text;
+    let filePreview = preview;
+
+    if (isText && filePreview === undefined && file.size < 1024 * 200) {
+      const content = await file.text();
+      filePreview = previewOf(content);
+      if (rel === rootEntry.rel) {
+        entryText = content;
         entryPath = path;
       }
     }
-    fileRecords.push({ path, size: file.size, preview });
+
+    if (rel === rootEntry.rel) {
+      entryPath = path;
+    }
+
+    fileRecords.push({ path, size: file.size, preview: filePreview });
   }
 
   if (!entryText) {
-    throw new Error("SKILL.md not found in uploaded folder");
+    throw new Error("SKILL.md not found in package");
   }
 
   return {
     rawText: entryText,
     files: fileRecords,
     entryFile: entryPath,
-    rootName: stripRoot ? rootSegment : "skill",
+    rootName: rootName || stripExt(packageRoot),
+    packagePath: packageRoot === "." ? "" : packageRoot,
   };
 }
 
-export async function loadFromZip(zipFile: File): Promise<LoadedSkill> {
-  const zip = await JSZip.loadAsync(await zipFile.arrayBuffer());
-  const entries = Object.values(zip.files).filter((e) => !e.dir);
-
-  // zip 内单层根目录归一化
-  const firstSegs = new Set(entries.map((e) => e.name.split("/")[0]));
-  const hasSingleRoot = firstSegs.size === 1 && entries.every((e) => e.name.includes("/"));
-  const root = hasSingleRoot ? [...firstSegs][0] : "";
-
-  const files: SkillFile[] = [];
+function loadSinglePackageFromZip(
+  entries: ZipFileEntry[],
+  rootEntry: ZipFileEntry,
+  rootName: string,
+): LoadedSkill {
+  const packageRoot = dirname(rootEntry.rel);
+  const pathPrefix = packageRoot === "." ? "" : `${packageRoot}/`;
+  const fileRecords: SkillFile[] = [];
   let entryText = "";
   let entryPath = "";
 
-  for (const entry of entries) {
-    const rel = root ? entry.name.slice(root.length + 1) : entry.name;
-    if (!rel) continue;
-    const isText = TEXT_EXT.test(rel);
-    let preview: string | undefined;
-    let size = 0;
-
-    if (isText) {
-      const text = await entry.async("string");
-      size = text.length;
-      preview = previewOf(text);
-      if (rel === "SKILL.md" || rel.toLowerCase() === "skill.md") {
-        entryText = text;
-        entryPath = rel;
-      }
-    } else {
-      const buf = await entry.async("uint8array");
-      size = buf.byteLength;
+  for (const { rel, preview, size, text } of entries) {
+    if (!isUnderPackageRoot(rel, packageRoot)) continue;
+    const path = stripPrefix(rel, pathPrefix);
+    if (isSkillMd(rel) && rel === rootEntry.rel && text !== undefined) {
+      entryText = text;
+      entryPath = path;
     }
-    files.push({ path: rel, size, preview });
+    fileRecords.push({ path, size, preview });
   }
 
-  if (!entryText) throw new Error("SKILL.md not found in uploaded zip");
+  if (!entryText) {
+    throw new Error("SKILL.md not found in package");
+  }
 
   return {
     rawText: entryText,
-    files,
+    files: fileRecords,
     entryFile: entryPath,
-    rootName: root || stripExt(zipFile.name),
+    rootName: rootName || stripExt(packageRoot),
+    packagePath: packageRoot === "." ? "" : packageRoot,
   };
 }
 
+function isSkillMd(path: string): boolean {
+  return /(^|\/)SKILL\.md$/i.test(path);
+}
+
+function dirname(path: string): string {
+  const idx = path.lastIndexOf("/");
+  return idx === -1 ? "." : path.slice(0, idx);
+}
+
+function basename(path: string): string {
+  const idx = path.lastIndexOf("/");
+  return idx === -1 ? path : path.slice(idx + 1);
+}
+
+function isUnderPackageRoot(path: string, packageRoot: string): boolean {
+  return packageRoot === "." ? !path.includes("/") : path.startsWith(`${packageRoot}/`);
+}
+
+function stripPrefix(path: string, prefix: string): string {
+  return prefix && path.startsWith(prefix) ? path.slice(prefix.length) : path;
+}
+
 function previewOf(text: string): string {
   return text.length <= MAX_FILE_PREVIEW ? text : text.slice(0, MAX_FILE_PREVIEW) + "\n…(truncated)";
 }
diff --git a/web/package-lock.json b/web/package-lock.json
index 146b03c..e6e623c 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -12,7 +12,7 @@
         "html2canvas": "^1.4.1",
         "jspdf": "^4.2.1",
         "jszip": "^3.10.1",
-        "next": "^16.2.4",
+        "next": "^16.2.6",
         "react": "18.3.1",
         "react-dom": "18.3.1",
         "recharts": "^2.12.7",
@@ -25,7 +25,7 @@
         "autoprefixer": "^10.4.19",
         "eslint": "^9.39.4",
         "eslint-config-next": "^16.2.4",
-        "postcss": "^8.4.39",
+        "postcss": "^8.5.10",
         "tailwindcss": "^3.4.4",
         "typescript": "^5.5.3"
       }
@@ -1118,9 +1118,9 @@
       }
     },
     "node_modules/@next/env": {
-      "version": "16.2.4",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-16.2.4.tgz",
-      "integrity": "sha512-dKkkOzOSwFYe5RX6y26fZgkSpVAlIOJKQHIiydQcrWH6y/97+RceSOAdjZ14Qa3zLduVUy0TXcn+EiM6t4rPgw==",
+      "version": "16.2.6",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-16.2.6.tgz",
+      "integrity": "sha512-gd8HoHN4ufj73WmR3JmVolrpJR47ILK6LouP5xElPglaVxir6e1a7VzvTvDWkOoPXT9rkkTzyCxBu4yeZfZwcw==",
       "license": "MIT"
     },
     "node_modules/@next/eslint-plugin-next": {
@@ -1164,9 +1164,9 @@
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "16.2.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-16.2.4.tgz",
-      "integrity": "sha512-OXTFFox5EKN1Ym08vfrz+OXxmCcEjT4SFMbNRsWZE99dMqt2Kcusl5MqPXcW232RYkMLQTy0hqgAMEsfEd/l2A==",
+      "version": "16.2.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-16.2.6.tgz",
+      "integrity": "sha512-ZJGkkcNfYgrrMkqOdZ7zoLa1TOy0qpcMfk/z4Mh/FKUz40gVO+HNQWqmLxf67Z5WB64DRp0dhEbyHfel+6sJUg==",
       "cpu": [
         "arm64"
       ],
@@ -1180,9 +1180,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "16.2.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-16.2.4.tgz",
-      "integrity": "sha512-XhpVnUfmYWvD3YrXu55XdcAkQtOnvaI6wtQa8fuF5fGoKoxIUZ0kWPtcOfqJEWngFF/lOS9l3+O9CcownhiQxQ==",
+      "version": "16.2.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-16.2.6.tgz",
+      "integrity": "sha512-v/YLBHIY132Ced3puBJ7YJKw1lqsCrgcNo2aRJlCEyQrrCeRJlvGlnmxhPxNQI3KE3N1DN5r9TPNPvka3nq5RQ==",
       "cpu": [
         "x64"
       ],
@@ -1196,9 +1196,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "16.2.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-16.2.4.tgz",
-      "integrity": "sha512-Mx/tjlNA3G8kg14QvuGAJ4xBwPk1tUHq56JxZ8CXnZwz1Etz714soCEzGQQzVMz4bEnGPowzkV6Xrp6wAkEWOQ==",
+      "version": "16.2.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-16.2.6.tgz",
+      "integrity": "sha512-RPOvqlYBbcQjkz9VQQDZ2T2bARIjXZV1KFlt+V2Mr6SW/e4I9fcKsaA0hdyf2FHoTlsV2xnBd5Y912rP/1Ce6w==",
       "cpu": [
         "arm64"
       ],
@@ -1212,9 +1212,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "16.2.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-16.2.4.tgz",
-      "integrity": "sha512-iVMMp14514u7Nup2umQS03nT/bN9HurK8ufylC3FZNykrwjtx7V1A7+4kvhbDSCeonTVqV3Txnv0Lu+m2oDXNg==",
+      "version": "16.2.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-16.2.6.tgz",
+      "integrity": "sha512-URUTu1+dMkxJsPFgm+OeEvq9wf5sujw0EvgYy80TDGHTSLTnIHeqb0Eu8A3sC95IRgjejQL+kC4mw+4yPxiAXA==",
       "cpu": [
         "arm64"
       ],
@@ -1228,9 +1228,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "16.2.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-16.2.4.tgz",
-      "integrity": "sha512-EZOvm1aQWgnI/N/xcWOlnS3RQBk0VtVav5Zo7n4p0A7UKyTDx047k8opDbXgBpHl4CulRqRfbw3QrX2w5UOXMQ==",
+      "version": "16.2.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-16.2.6.tgz",
+      "integrity": "sha512-DOj182mPV8G3UkrayLoREM5YEYI+Dk5wv7Ox9xl1fFibAELEsFD0lDPfHIeILlutMMfdyhlzYPELG3peuKaurw==",
       "cpu": [
         "x64"
       ],
@@ -1244,9 +1244,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "16.2.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-16.2.4.tgz",
-      "integrity": "sha512-h9FxsngCm9cTBf71AR4fGznDEDx1hS7+kSEiIRjq5kO1oXWm07DxVGZjCvk0SGx7TSjlUqhI8oOyz7NfwAdPoA==",
+      "version": "16.2.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-16.2.6.tgz",
+      "integrity": "sha512-HKQ5SP/V/ub73UvF7n/zeJlxk2kLmtL7Wzrg4WfmkjmNos5onJ2tKu7yZOPdL18A6Svfn3max29ym+ry7NkK4g==",
       "cpu": [
         "x64"
       ],
@@ -1260,9 +1260,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "16.2.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-16.2.4.tgz",
-      "integrity": "sha512-3NdJV5OXMSOeJYijX+bjaLge3mJBlh4ybydbT4GFoB/2hAojWHtMhl3CYlYoMrjPuodp0nzFVi4Tj2+WaMg+Ow==",
+      "version": "16.2.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-16.2.6.tgz",
+      "integrity": "sha512-LZXpTlPyS5v7HhSmnvsLGP3iIYgYOBnc8r8ArlT55sGHV89bR2HlDdBjWQ+PY6SJMmk8TuVGFuxalnP3k/0Dwg==",
       "cpu": [
         "arm64"
       ],
@@ -1276,9 +1276,9 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "16.2.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-16.2.4.tgz",
-      "integrity": "sha512-kMVGgsqhO5YTYODD9IPGGhA6iprWidQckK3LmPeW08PIFENRmgfb4MjXHO+p//d+ts2rpjvK5gXWzXSMrPl9cw==",
+      "version": "16.2.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-16.2.6.tgz",
+      "integrity": "sha512-F0+4i0h9J6C4eE3EAPWsoCk7UW/dbzOjyzxY0qnDUOYFu6FFmdZ6l97/XdV3/Nz3VYyO7UWjyEJUXkGqcoXfMA==",
       "cpu": [
         "x64"
       ],
@@ -1707,9 +1707,9 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
-      "version": "5.0.5",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.5.tgz",
-      "integrity": "sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==",
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.6.tgz",
+      "integrity": "sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -5216,9 +5216,9 @@
       }
     },
     "node_modules/nanoid": {
-      "version": "3.3.11",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
-      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "version": "3.3.12",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
+      "integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==",
       "funding": [
         {
           "type": "github",
@@ -5257,12 +5257,12 @@
       "license": "MIT"
     },
     "node_modules/next": {
-      "version": "16.2.4",
-      "resolved": "https://registry.npmjs.org/next/-/next-16.2.4.tgz",
-      "integrity": "sha512-kPvz56wF5frc+FxlHI5qnklCzbq53HTwORaWBGdT0vNoKh1Aya9XC8aPauH4NJxqtzbWsS5mAbctm4cr+EkQ2Q==",
+      "version": "16.2.6",
+      "resolved": "https://registry.npmjs.org/next/-/next-16.2.6.tgz",
+      "integrity": "sha512-qOVgKJg1+At15NpeUP+eJgCHvTCgXsogweq87Ri/Ix7PkqQHg4sdaXmSFqKlgaIXE4kW0g25LE68W87UANlHtw==",
       "license": "MIT",
       "dependencies": {
-        "@next/env": "16.2.4",
+        "@next/env": "16.2.6",
         "@swc/helpers": "0.5.15",
         "baseline-browser-mapping": "^2.9.19",
         "caniuse-lite": "^1.0.30001579",
@@ -5276,14 +5276,14 @@
         "node": ">=20.9.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "16.2.4",
-        "@next/swc-darwin-x64": "16.2.4",
-        "@next/swc-linux-arm64-gnu": "16.2.4",
-        "@next/swc-linux-arm64-musl": "16.2.4",
-        "@next/swc-linux-x64-gnu": "16.2.4",
-        "@next/swc-linux-x64-musl": "16.2.4",
-        "@next/swc-win32-arm64-msvc": "16.2.4",
-        "@next/swc-win32-x64-msvc": "16.2.4",
+        "@next/swc-darwin-arm64": "16.2.6",
+        "@next/swc-darwin-x64": "16.2.6",
+        "@next/swc-linux-arm64-gnu": "16.2.6",
+        "@next/swc-linux-arm64-musl": "16.2.6",
+        "@next/swc-linux-x64-gnu": "16.2.6",
+        "@next/swc-linux-x64-musl": "16.2.6",
+        "@next/swc-win32-arm64-msvc": "16.2.6",
+        "@next/swc-win32-x64-msvc": "16.2.6",
         "sharp": "^0.34.5"
       },
       "peerDependencies": {
@@ -5309,34 +5309,6 @@
         }
       }
     },
-    "node_modules/next/node_modules/postcss": {
-      "version": "8.4.31",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
-      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "nanoid": "^3.3.6",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
     "node_modules/node-exports-info": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/node-exports-info/-/node-exports-info-1.6.0.tgz",
@@ -5686,10 +5658,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.5.10",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.10.tgz",
-      "integrity": "sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ==",
-      "dev": true,
+      "version": "8.5.15",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.15.tgz",
+      "integrity": "sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==",
       "funding": [
         {
           "type": "opencollective",
@@ -5706,7 +5677,7 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "nanoid": "^3.3.11",
+        "nanoid": "^3.3.12",
         "picocolors": "^1.1.1",
         "source-map-js": "^1.2.1"
       },
diff --git a/web/package.json b/web/package.json
index f523054..eb06b95 100644
--- a/web/package.json
+++ b/web/package.json
@@ -14,7 +14,7 @@
     "html2canvas": "^1.4.1",
     "jspdf": "^4.2.1",
     "jszip": "^3.10.1",
-    "next": "^16.2.4",
+    "next": "^16.2.6",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "recharts": "^2.12.7",
@@ -27,8 +27,11 @@
     "autoprefixer": "^10.4.19",
     "eslint": "^9.39.4",
     "eslint-config-next": "^16.2.4",
-    "postcss": "^8.4.39",
+    "postcss": "^8.5.10",
     "tailwindcss": "^3.4.4",
     "typescript": "^5.5.3"
+  },
+  "overrides": {
+    "postcss": "^8.5.10"
   }
 }