@blade-hq/agent-kit 0.4.1 → 0.4.4

package/dist/react/cards/register.js

@@ -0,0 +1,4367 @@
+// src/react/lib/card-registry.ts
+var CardComponentRegistry = class {
+  components;
+  constructor(initial) {
+    if (initial instanceof Map) {
+      this.components = new Map(initial);
+    } else if (initial) {
+      this.components = new Map(Object.entries(initial));
+    } else {
+      this.components = /* @__PURE__ */ new Map();
+    }
+  }
+  register(type, component) {
+    this.components.set(type, component);
+  }
+  get(type) {
+    return this.components.get(type);
+  }
+  has(type) {
+    return this.components.has(type);
+  }
+  keys() {
+    return Array.from(this.components.keys());
+  }
+  clear() {
+    this.components.clear();
+  }
+  get size() {
+    return this.components.size;
+  }
+};
+var cardRegistry = new CardComponentRegistry();
+
+// src/react/components/card/cards/attraction-card.tsx
+import { Clock, Info, Star, Ticket } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function AttractionCard({ card }) {
+  const payload = card.payload;
+  if (!payload || !Array.isArray(payload.attractions)) {
+    return /* @__PURE__ */ jsx("div", { className: "rounded-md border border-red-500/50 bg-red-500/10 p-4", children: /* @__PURE__ */ jsx("p", { className: "text-red-400 text-sm", children: "\u666F\u70B9\u5361\u7247\u6570\u636E\u683C\u5F0F\u9519\u8BEF" }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-white/10 bg-white/5 p-4", children: [
+    card.title && /* @__PURE__ */ jsx("h3", { className: "font-semibold text-lg text-zinc-100 mb-4", children: card.title }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-3", children: payload.attractions.map((attr, index) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-white/10 p-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-2", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium text-zinc-200", children: attr.name }),
+            /* @__PURE__ */ jsx("span", { className: "px-1.5 py-0.5 bg-sky-500/20 text-sky-400 text-xs rounded", children: attr.category })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3 text-sm text-zinc-400 mt-1", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx(Star, { className: "w-3 h-3 text-amber-400 fill-amber-400" }),
+            /* @__PURE__ */ jsx("span", { children: attr.rating }),
+            /* @__PURE__ */ jsxs("span", { className: "text-xs", children: [
+              "(",
+              attr.reviewCount,
+              "\u8BC4\u4EF7)"
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-right", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-lg font-bold text-orange-400", children: [
+          /* @__PURE__ */ jsx(Ticket, { className: "w-4 h-4" }),
+          "\xA5",
+          attr.ticketPrice
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 text-sm text-zinc-400 mb-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(Clock, { className: "w-3 h-3" }),
+          attr.openTime
+        ] }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "\u6E38\u73A9\u7EA6",
+          attr.duration
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 mb-2", children: attr.highlights.map((h, i) => /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "px-2 py-0.5 bg-white/5 text-zinc-400 text-xs rounded",
+          children: h
+        },
+        i
+      )) }),
+      attr.tips && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1 text-xs text-zinc-400 bg-white/5 p-2 rounded", children: [
+        /* @__PURE__ */ jsx(Info, { className: "w-3 h-3 mt-0.5 flex-shrink-0" }),
+        attr.tips
+      ] })
+    ] }, index)) })
+  ] });
+}
+
+// src/react/components/card/cards/cite-card.tsx
+import { ChevronRight } from "lucide-react";
+import { useState } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function CitationCard({ card }) {
+  const payload = card.payload;
+  const { citations = [] } = payload || {};
+  const [isOpen, setIsOpen] = useState(false);
+  if (citations.length === 0) return null;
+  return /* @__PURE__ */ jsx2("div", { className: "mt-6 mb-4", children: /* @__PURE__ */ jsxs2("div", { className: "border-t border-white/10 pt-4", children: [
+    /* @__PURE__ */ jsxs2(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsOpen(!isOpen),
+        className: "flex items-center gap-2 text-sm text-zinc-400 hover:text-zinc-200 transition-colors",
+        children: [
+          /* @__PURE__ */ jsx2(
+            ChevronRight,
+            {
+              className: `h-4 w-4 transition-transform duration-200 ${isOpen ? "rotate-90" : ""}`
+            }
+          ),
+          /* @__PURE__ */ jsxs2("span", { children: [
+            citations.length,
+            " \u4E2A\u5F15\u7528\u6765\u6E90"
+          ] })
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsx2("div", { className: "mt-4 space-y-0", children: citations.map((citation, index) => /* @__PURE__ */ jsxs2("div", { id: `cite-${citation.id}`, children: [
+      index > 0 && /* @__PURE__ */ jsx2("hr", { className: "my-3 border-white/5" }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex items-start gap-3 py-2", children: [
+        /* @__PURE__ */ jsxs2("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-xs text-zinc-500", children: [
+          "[",
+          citation.id,
+          "]"
+        ] }),
+        /* @__PURE__ */ jsxs2("div", { className: "flex-1 space-y-1", children: [
+          /* @__PURE__ */ jsx2("p", { className: "text-sm font-medium leading-relaxed text-zinc-200", children: citation.title }),
+          /* @__PURE__ */ jsx2("p", { className: "text-sm text-zinc-400 leading-relaxed", children: citation.content })
+        ] })
+      ] })
+    ] }, citation.id)) })
+  ] }) });
+}
+
+// src/react/components/card/cards/comprehensive-analysis-card.tsx
+import { Shield, Target, TrendingUp, Trophy } from "lucide-react";
+import { useMemo } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var COLOR_PALETTE = [
+  { primary: "#3b82f6", bg: "bg-blue-500", light: "bg-blue-900", border: "border-blue-500" },
+  { primary: "#ef4444", bg: "bg-red-500", light: "bg-red-900", border: "border-red-500" },
+  { primary: "#10b981", bg: "bg-green-500", light: "bg-green-900", border: "border-green-500" },
+  { primary: "#f59e0b", bg: "bg-amber-500", light: "bg-amber-900", border: "border-amber-500" },
+  { primary: "#8b5cf6", bg: "bg-purple-500", light: "bg-purple-900", border: "border-purple-500" },
+  { primary: "#ec4899", bg: "bg-pink-500", light: "bg-pink-900", border: "border-pink-500" },
+  { primary: "#06b6d4", bg: "bg-cyan-500", light: "bg-cyan-900", border: "border-cyan-500" }
+];
+var ALT_COLOR_PALETTE = [
+  { bg: "bg-sky-600", light: "bg-sky-900" },
+  { bg: "bg-sky-800", light: "bg-sky-900" },
+  { bg: "bg-sky-500", light: "bg-sky-950" },
+  { bg: "bg-sky-700", light: "bg-sky-900" },
+  { bg: "bg-sky-400", light: "bg-sky-950" }
+];
+var getPlanColor = (index) => COLOR_PALETTE[index % COLOR_PALETTE.length];
+var getAltPlanColor = (index) => ALT_COLOR_PALETTE[index % ALT_COLOR_PALETTE.length];
+var levelColors = {
+  low: "text-sky-300",
+  medium: "text-sky-500",
+  high: "text-sky-400"
+};
+var getRiskLabel = (level) => {
+  switch (level) {
+    case "low":
+      return "\u4F4E";
+    case "medium":
+      return "\u4E2D";
+    case "high":
+      return "\u9AD8";
+  }
+};
+function normalizePlan(p) {
+  const effRatio = p.efficiencyRatio ?? p.efficiency ?? 0;
+  const feasNum = typeof p.feasibility === "number" ? p.feasibility : p.feasibility === "high" ? 90 : p.feasibility === "medium" ? 60 : 30;
+  return {
+    ...p,
+    planType: p.planType ?? p.name ?? "\u672A\u547D\u540D\u65B9\u6848",
+    efficiencyRatio: effRatio,
+    feasibilityScore: p.feasibilityScore ?? feasNum,
+    survival: p.survival ?? Math.max(0, 100 - p.ourLossRate)
+  };
+}
+function ComprehensiveAnalysisCard({ card }) {
+  const payload = card.payload;
+  const title = card.title || payload?.title || "\u7EFC\u5408\u5206\u6790\u5BF9\u6BD4";
+  const plans = useMemo(() => (payload?.plans || []).map(normalizePlan), [payload?.plans]);
+  const recommendedPlan = payload?.recommendedPlan;
+  const alternativePlans = payload?.alternativePlans || [];
+  const decisionPoints = payload?.decisionPoints || [];
+  const analysis = payload?.analysis;
+  const calculatedBestPlan = useMemo(() => {
+    if (plans.length === 0) return null;
+    return plans.reduce(
+      (best, current) => current.costBenefit > best.costBenefit ? current : best
+    );
+  }, [plans]);
+  const displayRecommendedPlan = recommendedPlan || calculatedBestPlan?.planType;
+  const bestMetrics = useMemo(() => {
+    if (plans.length === 0) return {};
+    return {
+      casualty: plans.reduce(
+        (best, current) => current.enemyCasualtyRate > best.enemyCasualtyRate ? current : best
+      ).planType,
+      loss: plans.reduce(
+        (best, current) => current.ourLossRate < best.ourLossRate ? current : best
+      ).planType,
+      costBenefit: plans.reduce(
+        (best, current) => current.costBenefit > best.costBenefit ? current : best
+      ).planType,
+      efficiency: plans.reduce(
+        (best, current) => current.efficiencyRatio > best.efficiencyRatio ? current : best
+      ).planType
+    };
+  }, [plans]);
+  const radarSize = 400;
+  const radarCenter = radarSize / 2;
+  const radarRadius = radarSize / 2 - 60;
+  const maxCostBenefit = Math.max(100, ...plans.map((p) => p.costBenefit ?? 0));
+  const axes = [
+    { key: "enemyCasualtyRate", label: "\u76EE\u6807\u8FBE\u6210", max: 100 },
+    { key: "efficiencyRatio", label: "\u4F5C\u6218\u6548\u7387", max: 100 },
+    { key: "costBenefit", label: "\u6548\u8D39\u6BD4", max: maxCostBenefit },
+    { key: "survival", label: "\u751F\u5B58\u80FD\u529B", max: 100 },
+    { key: "feasibilityScore", label: "\u53EF\u884C\u6027", max: 100 }
+  ];
+  const angleStep = 2 * Math.PI / axes.length;
+  const getPoint = (axisIndex, value, max) => {
+    const angle = axisIndex * angleStep - Math.PI / 2;
+    const r = value / max * radarRadius;
+    return {
+      x: radarCenter + r * Math.cos(angle),
+      y: radarCenter + r * Math.sin(angle)
+    };
+  };
+  const generatePath = (plan) => {
+    const values = [
+      plan.enemyCasualtyRate ?? 0,
+      plan.efficiencyRatio ?? 0,
+      plan.costBenefit ?? 0,
+      plan.survival ?? 0,
+      plan.feasibilityScore ?? 0
+    ];
+    const points = values.map((value, index) => {
+      const max = axes[index].max;
+      return getPoint(index, value, max);
+    });
+    return `${points.map((p, i) => `${i === 0 ? "M" : "L"} ${p.x} ${p.y}`).join(" ")} Z`;
+  };
+  return /* @__PURE__ */ jsxs3("div", { className: "rounded-lg border border-white/10 bg-white/5", children: [
+    /* @__PURE__ */ jsx3("div", { className: "p-4 border-b border-white/10", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx3("h3", { className: "font-semibold text-lg text-foreground", children: title }),
+      /* @__PURE__ */ jsxs3("div", { className: "flex gap-4 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs3("span", { children: [
+          "\u65B9\u6848\u6570: ",
+          plans.length
+        ] }),
+        displayRecommendedPlan && /* @__PURE__ */ jsxs3("span", { className: "flex items-center gap-1 text-sky-400 font-semibold", children: [
+          /* @__PURE__ */ jsx3(Trophy, { className: "h-4 w-4" }),
+          "\u63A8\u8350: ",
+          displayRecommendedPlan
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs3("div", { className: "p-4 space-y-6", children: [
+      /* @__PURE__ */ jsx3("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs3("table", { className: "w-full text-sm border-collapse", children: [
+        /* @__PURE__ */ jsx3("thead", { children: /* @__PURE__ */ jsxs3("tr", { className: "border-b border-white/10", children: [
+          /* @__PURE__ */ jsx3("th", { className: "text-left p-2 text-secondary-foreground", children: "\u6307\u6807" }),
+          plans.map((plan) => /* @__PURE__ */ jsx3("th", { className: "text-center p-2 text-secondary-foreground", children: plan.planType }, plan.planType)),
+          /* @__PURE__ */ jsx3("th", { className: "text-center p-2 text-secondary-foreground", children: "\u6700\u4F18" })
+        ] }) }),
+        /* @__PURE__ */ jsxs3("tbody", { children: [
+          /* @__PURE__ */ jsxs3("tr", { className: "border-b border-white/10", children: [
+            /* @__PURE__ */ jsxs3("td", { className: "p-2 flex items-center gap-2 text-secondary-foreground", children: [
+              /* @__PURE__ */ jsx3(Target, { className: "h-4 w-4 text-muted-foreground" }),
+              /* @__PURE__ */ jsx3("span", { children: "\u76EE\u6807\u8FBE\u6210\u7387" })
+            ] }),
+            plans.map((plan) => {
+              const isBest = plan.planType === bestMetrics.casualty;
+              return /* @__PURE__ */ jsx3(
+                "td",
+                {
+                  className: `text-center p-2 ${isBest ? "bg-sky-950" : ""}`,
+                  children: /* @__PURE__ */ jsxs3("span", { className: `font-bold ${isBest ? "text-sky-400" : "text-foreground"}`, children: [
+                    plan.enemyCasualtyRate.toFixed(1),
+                    "%"
+                  ] })
+                },
+                plan.planType
+              );
+            }),
+            /* @__PURE__ */ jsx3("td", { className: "text-center p-2 font-semibold text-foreground", children: bestMetrics.casualty })
+          ] }),
+          /* @__PURE__ */ jsxs3("tr", { className: "border-b border-white/10", children: [
+            /* @__PURE__ */ jsxs3("td", { className: "p-2 flex items-center gap-2 text-secondary-foreground", children: [
+              /* @__PURE__ */ jsx3(Shield, { className: "h-4 w-4 text-muted-foreground" }),
+              /* @__PURE__ */ jsx3("span", { children: "\u6211\u65B9\u635F\u5931\u7387" })
+            ] }),
+            plans.map((plan) => {
+              const isBest = plan.planType === bestMetrics.loss;
+              return /* @__PURE__ */ jsx3(
+                "td",
+                {
+                  className: `text-center p-2 ${isBest ? "bg-sky-950" : ""}`,
+                  children: /* @__PURE__ */ jsxs3("span", { className: `font-bold ${isBest ? "text-sky-400" : "text-foreground"}`, children: [
+                    plan.ourLossRate.toFixed(1),
+                    "%"
+                  ] })
+                },
+                plan.planType
+              );
+            }),
+            /* @__PURE__ */ jsx3("td", { className: "text-center p-2 font-semibold text-foreground", children: bestMetrics.loss })
+          ] }),
+          /* @__PURE__ */ jsxs3("tr", { className: "border-b border-white/10", children: [
+            /* @__PURE__ */ jsxs3("td", { className: "p-2 flex items-center gap-2 text-secondary-foreground", children: [
+              /* @__PURE__ */ jsx3(TrendingUp, { className: "h-4 w-4 text-muted-foreground" }),
+              /* @__PURE__ */ jsx3("span", { children: "\u6210\u672C\u6548\u76CA\u6BD4" })
+            ] }),
+            plans.map((plan) => {
+              const isBest = plan.planType === bestMetrics.costBenefit;
+              return /* @__PURE__ */ jsx3(
+                "td",
+                {
+                  className: `text-center p-2 ${isBest ? "bg-sky-950" : ""}`,
+                  children: /* @__PURE__ */ jsx3("span", { className: `font-bold ${isBest ? "text-sky-400" : "text-foreground"}`, children: plan.costBenefit.toFixed(2) })
+                },
+                plan.planType
+              );
+            }),
+            /* @__PURE__ */ jsx3("td", { className: "text-center p-2 font-semibold text-foreground", children: bestMetrics.costBenefit })
+          ] }),
+          /* @__PURE__ */ jsxs3("tr", { className: "border-b border-white/10", children: [
+            /* @__PURE__ */ jsx3("td", { className: "p-2 text-secondary-foreground", children: "\u98CE\u9669\u7B49\u7EA7" }),
+            plans.map((plan) => /* @__PURE__ */ jsx3("td", { className: "text-center p-2", children: /* @__PURE__ */ jsx3("span", { className: `font-semibold ${levelColors[plan.riskLevel]}`, children: getRiskLabel(plan.riskLevel) }) }, plan.planType)),
+            /* @__PURE__ */ jsx3("td", { className: "text-center p-2 text-muted-foreground", children: "-" })
+          ] }),
+          /* @__PURE__ */ jsxs3("tr", { className: "border-b border-white/10", children: [
+            /* @__PURE__ */ jsx3("td", { className: "p-2 text-secondary-foreground", children: "\u53EF\u884C\u6027" }),
+            plans.map((plan) => {
+              const fLabel = typeof plan.feasibility === "number" ? `${plan.feasibility}%` : getRiskLabel(plan.feasibility);
+              const fColor = typeof plan.feasibility === "number" ? "text-foreground" : levelColors[plan.feasibility];
+              return /* @__PURE__ */ jsx3("td", { className: "text-center p-2", children: /* @__PURE__ */ jsx3("span", { className: `font-semibold ${fColor}`, children: fLabel }) }, plan.planType);
+            }),
+            /* @__PURE__ */ jsx3("td", { className: "text-center p-2 text-muted-foreground", children: "-" })
+          ] })
+        ] })
+      ] }) }),
+      displayRecommendedPlan && /* @__PURE__ */ jsx3("div", { className: "p-4 bg-gradient-to-r from-sky-950 to-sky-900 rounded-lg border-2 border-sky-500", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ jsx3(Trophy, { className: "h-6 w-6 text-sky-400 flex-shrink-0 mt-1" }),
+        /* @__PURE__ */ jsxs3("div", { className: "flex-1", children: [
+          /* @__PURE__ */ jsxs3("h3", { className: "text-lg font-bold text-sky-300 mb-2", children: [
+            "\u9996\u9009\u65B9\u6848\uFF1A",
+            displayRecommendedPlan
+          ] }),
+          analysis && /* @__PURE__ */ jsx3("p", { className: "text-sm text-muted-foreground", children: analysis }),
+          (() => {
+            const plan = plans.find((p) => p.planType === displayRecommendedPlan);
+            if (!plan) return null;
+            return /* @__PURE__ */ jsxs3("div", { className: "mt-3 grid grid-cols-4 gap-2 text-sm", children: [
+              /* @__PURE__ */ jsxs3("div", { className: "p-2 bg-muted rounded", children: [
+                /* @__PURE__ */ jsx3("div", { className: "text-xs text-muted-foreground", children: "\u8FBE\u6210\u7387" }),
+                /* @__PURE__ */ jsxs3("div", { className: "font-bold text-sky-400", children: [
+                  plan.enemyCasualtyRate.toFixed(1),
+                  "%"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs3("div", { className: "p-2 bg-muted rounded", children: [
+                /* @__PURE__ */ jsx3("div", { className: "text-xs text-muted-foreground", children: "\u635F\u5931\u7387" }),
+                /* @__PURE__ */ jsxs3("div", { className: "font-bold text-sky-400", children: [
+                  plan.ourLossRate.toFixed(1),
+                  "%"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs3("div", { className: "p-2 bg-muted rounded", children: [
+                /* @__PURE__ */ jsx3("div", { className: "text-xs text-muted-foreground", children: "\u6548\u76CA\u6BD4" }),
+                /* @__PURE__ */ jsx3("div", { className: "font-bold text-sky-400", children: plan.costBenefit.toFixed(2) })
+              ] }),
+              /* @__PURE__ */ jsxs3("div", { className: "p-2 bg-muted rounded", children: [
+                /* @__PURE__ */ jsx3("div", { className: "text-xs text-muted-foreground", children: "\u98CE\u9669" }),
+                /* @__PURE__ */ jsx3("div", { className: "font-bold text-sky-400", children: getRiskLabel(plan.riskLevel) })
+              ] })
+            ] });
+          })()
+        ] })
+      ] }) }),
+      alternativePlans.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx3("h4", { className: "text-sm font-semibold text-foreground", children: "\u5907\u9009\u65B9\u6848" }),
+        alternativePlans.map((alt, index) => {
+          const colors = getAltPlanColor(index);
+          return /* @__PURE__ */ jsxs3("div", { className: `p-3 rounded-lg border border-white/10 ${colors.light}`, children: [
+            /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 mb-1", children: [
+              /* @__PURE__ */ jsx3("div", { className: `w-3 h-3 rounded ${colors.bg}` }),
+              /* @__PURE__ */ jsx3("span", { className: "font-semibold text-foreground", children: alt.planType ?? alt.name })
+            ] }),
+            /* @__PURE__ */ jsx3("p", { className: "text-sm text-muted-foreground", children: alt.reason ?? alt.description }),
+            alt.advantage && /* @__PURE__ */ jsxs3("p", { className: "text-xs text-sky-400 mt-1", children: [
+              "\u4F18\u52BF: ",
+              alt.advantage
+            ] }),
+            alt.disadvantage && /* @__PURE__ */ jsxs3("p", { className: "text-xs text-muted-foreground mt-0.5", children: [
+              "\u52A3\u52BF: ",
+              alt.disadvantage
+            ] })
+          ] }, index);
+        })
+      ] }),
+      decisionPoints.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx3("h4", { className: "text-sm font-semibold text-foreground", children: "\u5173\u952E\u51B3\u7B56\u70B9" }),
+        decisionPoints.map((point, index) => /* @__PURE__ */ jsxs3(
+          "div",
+          {
+            className: "p-4 bg-card rounded-lg border border-border",
+            children: [
+              /* @__PURE__ */ jsx3("h5", { className: "font-semibold mb-2 text-foreground", children: point.title ?? point.point }),
+              point.description && /* @__PURE__ */ jsx3("p", { className: "text-sm text-muted-foreground mb-3", children: point.description }),
+              /* @__PURE__ */ jsxs3("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx3("div", { className: "text-xs font-semibold text-muted-foreground", children: "\u6743\u8861\u8003\u8651\uFF1A" }),
+                (point.tradeoffs ?? []).map((tradeoff, i) => /* @__PURE__ */ jsxs3("div", { className: "flex gap-2 text-sm", children: [
+                  /* @__PURE__ */ jsx3("span", { className: "text-muted-foreground", children: "\u2022" }),
+                  /* @__PURE__ */ jsx3("span", { className: "text-muted-foreground", children: tradeoff })
+                ] }, i))
+              ] })
+            ]
+          },
+          index
+        ))
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "p-4 bg-white/5 rounded-lg", children: [
+        /* @__PURE__ */ jsx3("h4", { className: "text-sm font-semibold mb-3 text-foreground", children: "\u7EFC\u5408\u80FD\u529B\u96F7\u8FBE\u56FE" }),
+        /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsxs3(
+            "svg",
+            {
+              width: radarSize,
+              height: radarSize,
+              viewBox: `0 0 ${radarSize} ${radarSize}`,
+              className: "mb-4",
+              role: "img",
+              children: [
+                /* @__PURE__ */ jsx3("title", { children: "\u7EFC\u5408\u80FD\u529B\u96F7\u8FBE\u56FE" }),
+                [0.2, 0.4, 0.6, 0.8, 1].map((scale, i) => /* @__PURE__ */ jsx3(
+                  "circle",
+                  {
+                    cx: radarCenter,
+                    cy: radarCenter,
+                    r: radarRadius * scale,
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "1",
+                    className: "text-muted-foreground/30"
+                  },
+                  i
+                )),
+                axes.map((axis, index) => {
+                  const endPoint = getPoint(index, axis.max, axis.max);
+                  const labelPoint = getPoint(index, axis.max * 1.2, axis.max);
+                  return /* @__PURE__ */ jsxs3("g", { children: [
+                    /* @__PURE__ */ jsx3(
+                      "line",
+                      {
+                        x1: radarCenter,
+                        y1: radarCenter,
+                        x2: endPoint.x,
+                        y2: endPoint.y,
+                        stroke: "currentColor",
+                        strokeWidth: "1",
+                        className: "text-muted-foreground/30"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx3(
+                      "text",
+                      {
+                        x: labelPoint.x,
+                        y: labelPoint.y,
+                        textAnchor: "middle",
+                        dominantBaseline: "middle",
+                        className: "text-xs font-semibold fill-zinc-300",
+                        children: axis.label
+                      }
+                    )
+                  ] }, index);
+                }),
+                plans.map((plan, index) => {
+                  const colors = getPlanColor(index);
+                  const path = generatePath(plan);
+                  return /* @__PURE__ */ jsx3("g", { children: /* @__PURE__ */ jsx3(
+                    "path",
+                    {
+                      d: path,
+                      fill: colors.primary,
+                      fillOpacity: "0.25",
+                      stroke: colors.primary,
+                      strokeWidth: "3",
+                      className: "transition-all duration-300 hover:fill-opacity-30"
+                    }
+                  ) }, index);
+                }),
+                plans.map((plan, planIndex) => {
+                  const colors = getPlanColor(planIndex);
+                  const feasibilityScore = plan.feasibility === "high" ? 90 : plan.feasibility === "medium" ? 70 : 50;
+                  const values = [
+                    plan.enemyCasualtyRate,
+                    plan.efficiencyRatio,
+                    plan.costBenefit,
+                    100 - plan.ourLossRate,
+                    feasibilityScore
+                  ];
+                  return values.map((value, axisIndex) => {
+                    const max = axes[axisIndex].max;
+                    const point = getPoint(axisIndex, value, max);
+                    return /* @__PURE__ */ jsx3(
+                      "circle",
+                      {
+                        cx: point.x,
+                        cy: point.y,
+                        r: "5",
+                        fill: colors.primary,
+                        stroke: "white",
+                        strokeWidth: "2",
+                        className: "transition-all duration-300"
+                      },
+                      `${planIndex}-${axisIndex}`
+                    );
+                  });
+                })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx3("div", { className: "flex gap-6 justify-center flex-wrap", children: plans.map((plan, index) => {
+            const colors = getPlanColor(index);
+            return /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx3(
+                "div",
+                {
+                  className: "w-4 h-4 rounded",
+                  style: { backgroundColor: colors.primary }
+                }
+              ),
+              /* @__PURE__ */ jsx3("span", { className: "text-sm font-semibold text-foreground", children: plan.planType })
+            ] }, index);
+          }) })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+// src/react/components/card/cards/conflict-detection-card.tsx
+import { AlertTriangle, MapPin } from "lucide-react";
+import { memo } from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var getSeverityColor = (severity) => {
+  if (severity >= 5) return "text-red-400";
+  if (severity >= 4) return "text-orange-400";
+  if (severity >= 3) return "text-yellow-400";
+  if (severity >= 2) return "text-blue-400";
+  return "text-gray-400";
+};
+var getSeverityBgColor = (severity) => {
+  if (severity >= 5) return "bg-red-900/30";
+  if (severity >= 4) return "bg-orange-900/30";
+  if (severity >= 3) return "bg-yellow-900/30";
+  if (severity >= 2) return "bg-blue-900/30";
+  return "bg-gray-900/30";
+};
+var getSeverityLabel = (severity) => {
+  if (severity >= 5) return "\u5371\u6025";
+  if (severity >= 4) return "\u4E25\u91CD";
+  if (severity >= 3) return "\u4E2D\u7B49";
+  if (severity >= 2) return "\u8F7B\u5FAE";
+  return "\u6700\u4F4E";
+};
+function ConflictDetectionCardComponent({ card }) {
+  const payload = card.payload;
+  const conflicts = payload?.conflicts || [];
+  const description = payload?.description;
+  const title = card.title || "\u51B2\u7A81\u533A\u57DF\u5C55\u793A";
+  const sortedConflicts = [...conflicts].sort((a, b) => (b.severity || 0) - (a.severity || 0));
+  return /* @__PURE__ */ jsxs4("div", { className: "w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-[hsl(var(--card-foreground))]", children: [
+    /* @__PURE__ */ jsx4("div", { className: "px-6 pb-4 pt-6", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx4(AlertTriangle, { className: "h-5 w-5 text-amber-500" }),
+      /* @__PURE__ */ jsx4("span", { className: "text-lg font-semibold", children: title }),
+      /* @__PURE__ */ jsxs4("span", { className: "ml-auto text-sm font-normal text-[hsl(var(--muted-foreground))]", children: [
+        "\u68C0\u6D4B\u5230 ",
+        conflicts.length,
+        " \u4E2A\u51B2\u7A81"
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs4("div", { className: "space-y-4 px-6 pb-6", children: [
+      description && /* @__PURE__ */ jsx4("p", { className: "border-l-2 border-amber-500 pl-3 text-sm text-[hsl(var(--muted-foreground))]", children: description }),
+      /* @__PURE__ */ jsx4("div", { className: "space-y-3", children: sortedConflicts.map((conflict) => /* @__PURE__ */ jsx4(
+        "div",
+        {
+          className: `rounded-lg border border-[hsl(var(--border))] p-4 ${getSeverityBgColor(conflict.severity || 1)}`,
+          children: /* @__PURE__ */ jsxs4("div", { className: "flex items-start justify-between gap-4", children: [
+            /* @__PURE__ */ jsxs4("div", { className: "flex-1 space-y-2", children: [
+              /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx4("span", { className: "font-semibold", children: conflict.name }),
+                /* @__PURE__ */ jsx4(
+                  "span",
+                  {
+                    className: `rounded-full px-2 py-0.5 text-xs font-medium ${getSeverityColor(conflict.severity || 1)} ${getSeverityBgColor(conflict.severity || 1)}`,
+                    children: getSeverityLabel(conflict.severity || 1)
+                  }
+                ),
+                conflict.type && /* @__PURE__ */ jsx4("span", { className: "rounded-full bg-gray-700 px-2 py-0.5 text-xs text-gray-300", children: conflict.type })
+              ] }),
+              conflict.description && /* @__PURE__ */ jsx4("p", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: conflict.description }),
+              /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-1 text-xs text-[hsl(var(--muted-foreground))]", children: [
+                /* @__PURE__ */ jsx4(MapPin, { className: "h-3 w-3" }),
+                /* @__PURE__ */ jsxs4("span", { children: [
+                  conflict.lat.toFixed(4),
+                  ", ",
+                  conflict.lon.toFixed(4)
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center", children: [
+              /* @__PURE__ */ jsx4(
+                "div",
+                {
+                  className: `text-2xl font-bold ${getSeverityColor(conflict.severity || 1)}`,
+                  children: conflict.severity || "-"
+                }
+              ),
+              /* @__PURE__ */ jsx4("div", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u4E25\u91CD\u7A0B\u5EA6" })
+            ] })
+          ] })
+        },
+        conflict.id
+      )) }),
+      conflicts.length === 0 && /* @__PURE__ */ jsxs4("div", { className: "py-8 text-center text-[hsl(var(--muted-foreground))]", children: [
+        /* @__PURE__ */ jsx4(AlertTriangle, { className: "mx-auto mb-2 h-12 w-12 opacity-50" }),
+        /* @__PURE__ */ jsx4("p", { children: "\u5F53\u524D\u5206\u6790\u672A\u68C0\u6D4B\u5230\u51B2\u7A81" })
+      ] })
+    ] })
+  ] });
+}
+var ConflictDetectionCard = memo(ConflictDetectionCardComponent);
+
+// src/react/components/card/cards/counter.tsx
+import { useMemo as useMemo2 } from "react";
+
+// src/react/hooks/use-card-state.ts
+import { useCallback, useEffect, useState as useState2 } from "react";
+
+// src/react/stores/card-state-store.ts
+import { create } from "zustand";
+
+// src/react/stores/client-aware.ts
+function createClientActions(set) {
+  return {
+    _client: null,
+    setClient: (client) => set({ _client: client })
+  };
+}
+
+// src/react/stores/card-state-store.ts
+var useCardStateStore = create((set, get) => ({
+  ...createClientActions(set),
+  states: {},
+  getCardState: (cardId) => {
+    return get().states[cardId];
+  },
+  setCardState: (cardId, state) => {
+    set((prev) => ({
+      states: { ...prev.states, [cardId]: state }
+    }));
+  },
+  removeCardState: (cardId) => {
+    set((prev) => {
+      const { [cardId]: _, ...rest } = prev.states;
+      return { states: rest };
+    });
+  },
+  clearAllStates: () => {
+    set({ states: {} });
+  }
+}));
+
+// src/react/hooks/use-card-state.ts
+function useCardState(cardId, initialValue) {
+  const getCardState = useCardStateStore((state2) => state2.getCardState);
+  const setCardState = useCardStateStore((state2) => state2.setCardState);
+  const storedValue = getCardState(cardId);
+  const [state, setStateInternal] = useState2(storedValue ?? initialValue);
+  useEffect(() => {
+    if (storedValue === void 0) {
+      setCardState(cardId, initialValue);
+    }
+  }, [cardId, initialValue, storedValue, setCardState]);
+  const setState = useCallback(
+    (value) => {
+      setStateInternal((prevState) => {
+        const newValue = typeof value === "function" ? value(prevState) : value;
+        setCardState(cardId, newValue);
+        return newValue;
+      });
+    },
+    [cardId, setCardState]
+  );
+  return [state, setState];
+}
+
+// src/react/components/card/cards/counter.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function Counter(props) {
+  const payload = props.card.payload;
+  const cardId = useMemo2(() => `counter-${props.card.id}`, [props.card.id]);
+  const [count, setCount] = useCardState(cardId, payload?.initialValue || 0);
+  return /* @__PURE__ */ jsxs5("div", { className: "rounded-lg border border-white/10 bg-white/5 p-4 flex flex-col", children: [
+    /* @__PURE__ */ jsxs5("p", { className: "text-sm text-zinc-200", children: [
+      "\u8BA1\u6570: ",
+      /* @__PURE__ */ jsx5("span", { className: "font-semibold text-sky-400", children: count })
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: "mt-3 flex gap-2", children: [
+      /* @__PURE__ */ jsx5(
+        "button",
+        {
+          type: "button",
+          onClick: () => setCount(count + 1),
+          className: "rounded-md bg-sky-600 px-3 py-1 text-xs font-medium text-white hover:bg-sky-500 transition-colors",
+          children: "\u589E\u52A0"
+        }
+      ),
+      /* @__PURE__ */ jsx5(
+        "button",
+        {
+          type: "button",
+          onClick: () => setCount(count - 1),
+          className: "rounded-md bg-zinc-700 px-3 py-1 text-xs font-medium text-zinc-200 hover:bg-zinc-600 transition-colors",
+          children: "\u51CF\u5C11"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/react/components/card/cards/damage-effect-card.tsx
+import { Download, Settings } from "lucide-react";
+import { memo as memo2, useCallback as useCallback2, useMemo as useMemo3 } from "react";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var calculateComprehensiveScore = (plan, weights) => {
+  let score = 0;
+  for (const [key, value] of Object.entries(plan.metrics)) {
+    const weight = weights[key] || 0;
+    score += value * weight;
+  }
+  return score;
+};
+var normalizeWeights = (weights, changedKey, newValue) => {
+  const normalized = { ...weights };
+  normalized[changedKey] = newValue;
+  const remainingWeight = 1 - newValue;
+  const otherWeightsSum = Object.entries(weights).filter(([key]) => key !== changedKey).reduce((sum, [, value]) => sum + value, 0);
+  if (otherWeightsSum === 0) {
+    const otherKeys = Object.keys(weights).filter((k) => k !== changedKey);
+    const equalWeight = remainingWeight / otherKeys.length;
+    for (const key of otherKeys) {
+      normalized[key] = equalWeight;
+    }
+  } else {
+    const scaleFactor = remainingWeight / otherWeightsSum;
+    for (const key of Object.keys(weights)) {
+      if (key !== changedKey) {
+        normalized[key] = weights[key] * scaleFactor;
+      }
+    }
+  }
+  return normalized;
+};
+var getPlanColor2 = (index) => {
+  const colors = [
+    { primary: "#0284c7", bg: "bg-sky-600", light: "bg-sky-900" },
+    { primary: "#075985", bg: "bg-sky-800", light: "bg-sky-900" },
+    { primary: "#0c4a6e", bg: "bg-sky-900", light: "bg-sky-900" }
+  ];
+  return colors[index % colors.length];
+};
+var DamageEffectControlPanel = memo2(function DamageEffectControlPanel2({
+  cardId,
+  card
+}) {
+  const [showLog, setShowLog] = useCardState(`${cardId}-showLog`, false);
+  const toggleShowLog = useCallback2(() => {
+    setShowLog(!showLog);
+  }, [showLog, setShowLog]);
+  const handleDownload = useCallback2(() => {
+    try {
+      const jsonContent = JSON.stringify(card, null, 2);
+      const blob = new Blob([jsonContent], { type: "application/json" });
+      const url = URL.createObjectURL(blob);
+      const link = document.createElement("a");
+      link.href = url;
+      link.download = `${card.title || "damage-effect"}.json`;
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      URL.revokeObjectURL(url);
+    } catch (err) {
+      console.error("\u4E0B\u8F7D\u5931\u8D25:", err);
+    }
+  }, [card]);
+  return /* @__PURE__ */ jsxs6("div", { className: "border-t border-[hsl(var(--border))] p-4", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx6(
+        "button",
+        {
+          type: "button",
+          onClick: toggleShowLog,
+          className: `rounded-md px-3 py-1.5 text-sm ${showLog ? "bg-[hsl(var(--accent))] text-[hsl(var(--accent-foreground))]" : "border border-[hsl(var(--border))] text-[hsl(var(--foreground))]"}`,
+          children: "\u67E5\u770B\u65E5\u5FD7"
+        }
+      ),
+      /* @__PURE__ */ jsxs6(
+        "button",
+        {
+          type: "button",
+          onClick: handleDownload,
+          title: "\u4E0B\u8F7D\u6BC1\u4F24\u6548\u679C\u6570\u636E",
+          className: "flex items-center gap-1 rounded-md border border-[hsl(var(--border))] px-3 py-1.5 text-sm text-[hsl(var(--foreground))]",
+          children: [
+            /* @__PURE__ */ jsx6(Download, { className: "h-4 w-4" }),
+            "\u4E0B\u8F7D\u6570\u636E"
+          ]
+        }
+      )
+    ] }),
+    showLog && /* @__PURE__ */ jsxs6("div", { className: "mt-4 rounded-lg bg-[hsl(var(--muted))] p-4", children: [
+      /* @__PURE__ */ jsx6("h4", { className: "mb-2 text-sm font-semibold", children: "LLM\u751F\u6210\u7684\u6E90\u7801\uFF1A" }),
+      /* @__PURE__ */ jsx6("div", { className: "max-h-96 overflow-y-auto", children: /* @__PURE__ */ jsx6("pre", { className: "whitespace-pre-wrap text-xs", children: /* @__PURE__ */ jsx6("code", { children: JSON.stringify(card, null, 2) }) }) })
+    ] })
+  ] });
+});
+var MatrixView = memo2(function MatrixView2({
+  plans,
+  displayBestPlan,
+  weights,
+  metricKeys
+}) {
+  return /* @__PURE__ */ jsxs6("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx6("h4", { className: "text-sm font-semibold", children: "\u65B9\u6848\u8BC4\u4F30\u5BF9\u6BD4" }),
+    /* @__PURE__ */ jsx6("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs6("table", { className: "w-full border-collapse text-sm", children: [
+      /* @__PURE__ */ jsx6("thead", { children: /* @__PURE__ */ jsxs6("tr", { className: "border-b-2 border-[hsl(var(--border))]", children: [
+        /* @__PURE__ */ jsx6("th", { className: "p-2 text-left font-semibold", children: "\u65B9\u6848" }),
+        metricKeys.map((key) => /* @__PURE__ */ jsx6("th", { className: "p-2 text-center font-semibold", children: key }, key)),
+        /* @__PURE__ */ jsx6("th", { className: "p-2 text-center font-semibold", children: "\u7EFC\u5408\u8BC4\u5206" })
+      ] }) }),
+      /* @__PURE__ */ jsx6("tbody", { children: plans.map((plan, planIndex) => {
+        const colors = getPlanColor2(planIndex);
+        const isBest = plan.name === displayBestPlan;
+        const comprehensiveScore = calculateComprehensiveScore(plan, weights);
+        return /* @__PURE__ */ jsxs6(
+          "tr",
+          {
+            className: `border-b border-[hsl(var(--border))] transition-all duration-300 ${isBest ? "bg-sky-950" : ""}`,
+            children: [
+              /* @__PURE__ */ jsx6("td", { className: "border-r border-[hsl(var(--border))] p-2", children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx6("div", { className: `h-3 w-3 rounded ${colors.bg}` }),
+                /* @__PURE__ */ jsx6("span", { className: "font-semibold", children: plan.name }),
+                isBest && /* @__PURE__ */ jsx6("span", { className: "rounded-full bg-sky-600 px-2 py-0.5 text-xs text-white", children: "\u6700\u4F18" })
+              ] }) }),
+              metricKeys.map((key) => {
+                const value = plan.metrics[key] || 0;
+                return /* @__PURE__ */ jsx6("td", { className: "p-2 text-center", children: /* @__PURE__ */ jsxs6(
+                  "span",
+                  {
+                    className: "font-mono font-semibold",
+                    style: {
+                      color: value >= 80 ? "#0ea5e9" : value >= 65 ? "#0284c7" : "#075985"
+                    },
+                    children: [
+                      value.toFixed(0),
+                      "%"
+                    ]
+                  }
+                ) }, key);
+              }),
+              /* @__PURE__ */ jsx6("td", { className: "p-2 text-center", children: /* @__PURE__ */ jsx6("span", { className: "text-base font-bold", style: { color: colors.primary }, children: comprehensiveScore.toFixed(1) }) })
+            ]
+          },
+          planIndex
+        );
+      }) })
+    ] }) }),
+    /* @__PURE__ */ jsx6("div", { className: "grid grid-cols-2 gap-4", children: plans.map((plan, index) => {
+      const colors = getPlanColor2(index);
+      const isBest = plan.name === displayBestPlan;
+      const comprehensiveScore = calculateComprehensiveScore(plan, weights);
+      return /* @__PURE__ */ jsxs6(
+        "div",
+        {
+          className: `rounded-lg border p-4 transition-all duration-300 ${colors.light} ${isBest ? "border-2 border-sky-600" : "border-[hsl(var(--border))]"}`,
+          children: [
+            /* @__PURE__ */ jsx6("div", { className: "mb-2 flex items-center justify-between", children: /* @__PURE__ */ jsx6("h4", { className: "font-semibold", children: plan.name }) }),
+            /* @__PURE__ */ jsxs6("div", { className: "space-y-2 text-sm", children: [
+              metricKeys.map((key) => /* @__PURE__ */ jsxs6("div", { className: "flex justify-between", children: [
+                /* @__PURE__ */ jsx6("span", { className: "text-[hsl(var(--muted-foreground))]", children: key }),
+                /* @__PURE__ */ jsxs6("span", { className: "font-bold", children: [
+                  (plan.metrics[key] || 0).toFixed(0),
+                  "%"
+                ] })
+              ] }, key)),
+              /* @__PURE__ */ jsxs6("div", { className: "flex justify-between border-t border-[hsl(var(--border))] pt-2", children: [
+                /* @__PURE__ */ jsx6("span", { className: "text-[hsl(var(--muted-foreground))]", children: "\u7EFC\u5408\u8BC4\u5206" }),
+                /* @__PURE__ */ jsx6("span", { className: "text-lg font-bold", style: { color: colors.primary }, children: comprehensiveScore.toFixed(1) })
+              ] })
+            ] })
+          ]
+        },
+        index
+      );
+    }) })
+  ] });
+});
+var WeightAdjustmentPanel = memo2(function WeightAdjustmentPanel2({
+  cardId,
+  initialWeights,
+  metricKeys,
+  onWeightChange
+}) {
+  const [weights, setWeights] = useCardState(
+    `${cardId}-weights`,
+    initialWeights
+  );
+  const weightSum = useMemo3(() => {
+    return Object.values(weights).reduce((sum, w) => sum + w, 0);
+  }, [weights]);
+  const handleWeightChange = useCallback2(
+    (key, newValue) => {
+      const normalized = normalizeWeights(weights, key, newValue);
+      setWeights(normalized);
+      onWeightChange(normalized);
+    },
+    [weights, setWeights, onWeightChange]
+  );
+  return /* @__PURE__ */ jsxs6("div", { className: "space-y-4 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted))]/30 p-4", children: [
+    /* @__PURE__ */ jsx6("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxs6("h4", { className: "flex items-center gap-2 text-sm font-bold", children: [
+      /* @__PURE__ */ jsx6(Settings, { className: "h-4 w-4" }),
+      "\u6743\u91CD\u8C03\u6574",
+      /* @__PURE__ */ jsxs6("span", { className: "ml-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
+        "(\u603B\u548C: ",
+        weightSum.toFixed(3),
+        ")"
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx6("div", { className: "space-y-3", children: metricKeys.map((key) => {
+      const weight = weights[key] || 0;
+      const initialWeight = initialWeights[key] || 0;
+      const hasChanged = Math.abs(weight - initialWeight) > 1e-3;
+      return /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx6("span", { className: "text-sm font-medium", children: key }),
+            hasChanged && /* @__PURE__ */ jsxs6("span", { className: "text-xs text-sky-400", children: [
+              "(",
+              initialWeight.toFixed(2),
+              " \u2192 ",
+              weight.toFixed(2),
+              ")"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx6("span", { className: "font-mono text-sm font-bold", children: weight.toFixed(2) })
+        ] }),
+        /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx6("span", { className: "w-8 text-right text-xs text-[hsl(var(--muted-foreground))]", children: "0" }),
+          /* @__PURE__ */ jsx6(
+            "input",
+            {
+              type: "range",
+              value: weight * 100,
+              onChange: (e) => handleWeightChange(key, Number(e.target.value) / 100),
+              min: 0,
+              max: 100,
+              step: 1,
+              className: "flex-1"
+            }
+          ),
+          /* @__PURE__ */ jsx6("span", { className: "w-8 text-xs text-[hsl(var(--muted-foreground))]", children: "1" })
+        ] })
+      ] }, key);
+    }) })
+  ] });
+});
+function DamageEffectCardComponent({ card }) {
+  const payload = card.payload;
+  const title = card.title || payload?.title || "\u6BC1\u4F24\u6548\u679C\u8BC4\u4F30\u5206\u6790";
+  const cardId = useMemo3(() => {
+    return `damage-effect-card-${card.id || "default"}`;
+  }, [card.id]);
+  const plans = useMemo3(() => payload?.plans || [], [payload?.plans]);
+  const initialWeights = useMemo3(() => payload?.weights || {}, [payload?.weights]);
+  const metricKeys = useMemo3(() => {
+    if (plans.length === 0) return [];
+    return Object.keys(plans[0].metrics);
+  }, [plans]);
+  const [currentWeights, setCurrentWeights] = useCardState(
+    `${cardId}-current-weights`,
+    initialWeights
+  );
+  const calculatedBestPlan = useMemo3(() => {
+    if (plans.length === 0) return null;
+    const plansWithScores = plans.map((plan) => ({
+      plan,
+      score: calculateComprehensiveScore(plan, currentWeights)
+    }));
+    return plansWithScores.reduce(
+      (best, current) => current.score > best.score ? current : best
+    ).plan;
+  }, [plans, currentWeights]);
+  const displayBestPlan = calculatedBestPlan?.name;
+  const handleWeightChange = useCallback2(
+    (newWeights) => {
+      setCurrentWeights(newWeights);
+    },
+    [setCurrentWeights]
+  );
+  return /* @__PURE__ */ jsxs6("div", { className: "w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-[hsl(var(--card-foreground))]", children: [
+    /* @__PURE__ */ jsx6("div", { className: "px-6 pb-4 pt-6", children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx6("h3", { className: "text-lg font-semibold", children: title }),
+      /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-4 text-sm text-[hsl(var(--muted-foreground))]", children: [
+        /* @__PURE__ */ jsxs6("span", { children: [
+          "\u65B9\u6848\u6570: ",
+          plans.length
+        ] }),
+        displayBestPlan && /* @__PURE__ */ jsxs6("span", { className: "font-semibold text-sky-400", children: [
+          "\u6700\u4F18: ",
+          displayBestPlan
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs6("div", { className: "space-y-6 px-6 pb-6", children: [
+      /* @__PURE__ */ jsx6(
+        MatrixView,
+        {
+          plans,
+          displayBestPlan,
+          weights: currentWeights,
+          metricKeys
+        }
+      ),
+      /* @__PURE__ */ jsx6("div", { className: "border-t border-[hsl(var(--border))] pt-6", children: /* @__PURE__ */ jsx6(
+        WeightAdjustmentPanel,
+        {
+          cardId,
+          initialWeights,
+          metricKeys,
+          onWeightChange: handleWeightChange
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx6(DamageEffectControlPanel, { cardId, card })
+  ] });
+}
+var DamageEffectCard = memo2(DamageEffectCardComponent);
+
+// src/react/components/card/cards/destination-card.tsx
+import { MapPin as MapPin2, Star as Star2, Wallet } from "lucide-react";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function DestinationCard({ card }) {
+  const payload = card.payload;
+  if (!payload || !Array.isArray(payload.destinations)) {
+    return /* @__PURE__ */ jsx7("div", { className: "rounded-md border border-red-500/50 bg-red-500/10 p-4", children: /* @__PURE__ */ jsx7("p", { className: "text-red-400 text-sm", children: "\u76EE\u7684\u5730\u5361\u7247\u6570\u636E\u683C\u5F0F\u9519\u8BEF" }) });
+  }
+  return /* @__PURE__ */ jsxs7("div", { className: "rounded-lg border border-white/10 bg-white/5 p-4", children: [
+    card.title && /* @__PURE__ */ jsx7("h3", { className: "font-semibold text-lg text-zinc-100 mb-4", children: card.title }),
+    /* @__PURE__ */ jsx7("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: payload.destinations.map((dest, index) => /* @__PURE__ */ jsxs7("div", { className: "rounded-lg border border-white/10 p-3", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "flex justify-between items-start mb-2", children: [
+        /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx7(MapPin2, { className: "w-4 h-4 text-sky-400" }),
+          /* @__PURE__ */ jsx7("span", { className: "font-medium text-zinc-200", children: dest.name }),
+          /* @__PURE__ */ jsx7("span", { className: "text-xs text-zinc-500", children: dest.country })
+        ] }),
+        dest.rating != null && /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx7(Star2, { className: "w-3 h-3 text-amber-400 fill-amber-400" }),
+          /* @__PURE__ */ jsx7("span", { className: "text-sm text-zinc-300", children: dest.rating })
+        ] })
+      ] }),
+      dest.description && /* @__PURE__ */ jsx7("p", { className: "text-xs text-zinc-400 mb-2", children: dest.description }),
+      /* @__PURE__ */ jsx7("div", { className: "flex flex-wrap gap-1 mb-2", children: (dest.highlights ?? []).map((h, i) => /* @__PURE__ */ jsx7(
+        "span",
+        {
+          className: "px-2 py-0.5 bg-white/5 text-zinc-400 text-xs rounded",
+          children: h
+        },
+        i
+      )) }),
+      /* @__PURE__ */ jsxs7("div", { className: "flex justify-between text-sm text-zinc-400", children: [
+        dest.bestSeason && /* @__PURE__ */ jsxs7("span", { children: [
+          "\u6700\u4F73\u5B63\u8282: ",
+          dest.bestSeason
+        ] }),
+        (dest.avgBudget || dest.budget) && /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx7(Wallet, { className: "w-3 h-3" }),
+          /* @__PURE__ */ jsx7("span", { children: dest.avgBudget ? `\u7EA6\xA5${dest.avgBudget}` : dest.budget })
+        ] })
+      ] })
+    ] }, index)) })
+  ] });
+}
+
+// src/react/components/card/cards/diff-card.tsx
+import { useState as useState3 } from "react";
+
+// src/react/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/react/components/card/cards/diff-card.tsx
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function computeDiff(oldText, newText) {
+  const oldLines = oldText.split("\n");
+  const newLines = newText.split("\n");
+  const m = oldLines.length;
+  const n = newLines.length;
+  const dp = Array.from({ length: m + 1 }, () => Array(n + 1).fill(0));
+  for (let i2 = 1; i2 <= m; i2++) {
+    for (let j2 = 1; j2 <= n; j2++) {
+      if (oldLines[i2 - 1] === newLines[j2 - 1]) {
+        dp[i2][j2] = dp[i2 - 1][j2 - 1] + 1;
+      } else {
+        dp[i2][j2] = Math.max(dp[i2 - 1][j2], dp[i2][j2 - 1]);
+      }
+    }
+  }
+  const result = [];
+  let i = m;
+  let j = n;
+  while (i > 0 || j > 0) {
+    if (i > 0 && j > 0 && oldLines[i - 1] === newLines[j - 1]) {
+      result.push({ type: "unchanged", value: oldLines[i - 1] });
+      i--;
+      j--;
+    } else if (j > 0 && (i === 0 || dp[i][j - 1] >= dp[i - 1][j])) {
+      result.push({ type: "added", value: newLines[j - 1] });
+      j--;
+    } else if (i > 0) {
+      result.push({ type: "removed", value: oldLines[i - 1] });
+      i--;
+    }
+  }
+  result.reverse();
+  return result;
+}
+function DiffCard({ card }) {
+  const [splitView, setSplitView] = useState3(true);
+  const payload = card.payload;
+  const {
+    oldContent = "",
+    newContent = "",
+    oldTitle = "\u539F\u59CB",
+    newTitle = "\u4FEE\u6539"
+  } = payload || {};
+  const changes = computeDiff(oldContent, newContent);
+  const leftLines = [];
+  const rightLines = [];
+  let oldLineNum = 0;
+  let newLineNum = 0;
+  for (const change of changes) {
+    if (change.type === "unchanged") {
+      oldLineNum++;
+      newLineNum++;
+      leftLines.push({ num: oldLineNum, text: change.value, type: "unchanged" });
+      rightLines.push({ num: newLineNum, text: change.value, type: "unchanged" });
+    } else if (change.type === "removed") {
+      oldLineNum++;
+      leftLines.push({ num: oldLineNum, text: change.value, type: "removed" });
+      rightLines.push({ num: null, text: "", type: "unchanged" });
+    } else {
+      newLineNum++;
+      leftLines.push({ num: null, text: "", type: "unchanged" });
+      rightLines.push({ num: newLineNum, text: change.value, type: "added" });
+    }
+  }
+  return /* @__PURE__ */ jsxs8("div", { className: "rounded-lg border border-white/10 bg-white/5", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "p-3 border-b border-white/10 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx8("h3", { className: "font-semibold text-foreground", children: card.title || "Diff Viewer" }),
+      /* @__PURE__ */ jsx8(
+        "button",
+        {
+          type: "button",
+          onClick: () => setSplitView(!splitView),
+          className: "px-3 py-1 text-sm rounded border border-white/10 text-secondary-foreground hover:bg-white/10 transition-colors",
+          children: splitView ? "\u5355\u680F\u5BF9\u6BD4" : "\u53CC\u680F\u5BF9\u6BD4"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx8("div", { className: "overflow-auto", children: splitView ? (
+      /* Split (side-by-side) view */
+      /* @__PURE__ */ jsxs8("div", { className: "grid grid-cols-2 divide-x divide-white/10", children: [
+        /* @__PURE__ */ jsx8("div", { className: "px-3 py-1.5 text-xs font-semibold text-muted-foreground border-b border-white/10 bg-muted", children: oldTitle }),
+        /* @__PURE__ */ jsx8("div", { className: "px-3 py-1.5 text-xs font-semibold text-muted-foreground border-b border-white/10 bg-muted", children: newTitle }),
+        /* @__PURE__ */ jsx8("pre", { className: "p-0 font-mono text-xs leading-5 overflow-x-auto", children: leftLines.map((line, i) => /* @__PURE__ */ jsxs8(
+          "div",
+          {
+            className: cn(
+              "flex px-2",
+              line.type === "removed" && "bg-red-500/15"
+            ),
+            children: [
+              /* @__PURE__ */ jsx8("span", { className: "w-8 shrink-0 text-right pr-2 select-none text-muted-foreground/60", children: line.num ?? "" }),
+              /* @__PURE__ */ jsx8(
+                "span",
+                {
+                  className: cn(
+                    "flex-1 whitespace-pre",
+                    line.type === "removed" && "text-red-400",
+                    line.type === "unchanged" && "text-secondary-foreground"
+                  ),
+                  children: line.type === "removed" ? `- ${line.text}` : `  ${line.text}`
+                }
+              )
+            ]
+          },
+          i
+        )) }),
+        /* @__PURE__ */ jsx8("pre", { className: "p-0 font-mono text-xs leading-5 overflow-x-auto", children: rightLines.map((line, i) => /* @__PURE__ */ jsxs8(
+          "div",
+          {
+            className: cn(
+              "flex px-2",
+              line.type === "added" && "bg-emerald-500/15"
+            ),
+            children: [
+              /* @__PURE__ */ jsx8("span", { className: "w-8 shrink-0 text-right pr-2 select-none text-muted-foreground/60", children: line.num ?? "" }),
+              /* @__PURE__ */ jsx8(
+                "span",
+                {
+                  className: cn(
+                    "flex-1 whitespace-pre",
+                    line.type === "added" && "text-emerald-400",
+                    line.type === "unchanged" && "text-secondary-foreground"
+                  ),
+                  children: line.type === "added" ? `+ ${line.text}` : `  ${line.text}`
+                }
+              )
+            ]
+          },
+          i
+        )) })
+      ] })
+    ) : (
+      /* Unified view */
+      /* @__PURE__ */ jsx8("pre", { className: "p-0 font-mono text-xs leading-5 overflow-x-auto", children: changes.map((change, i) => {
+        const prefix = change.type === "added" ? "+ " : change.type === "removed" ? "- " : "  ";
+        return /* @__PURE__ */ jsx8(
+          "div",
+          {
+            className: cn(
+              "px-2",
+              change.type === "added" && "bg-emerald-500/15",
+              change.type === "removed" && "bg-red-500/15"
+            ),
+            children: /* @__PURE__ */ jsxs8(
+              "span",
+              {
+                className: cn(
+                  "whitespace-pre",
+                  change.type === "added" && "text-emerald-400",
+                  change.type === "removed" && "text-red-400",
+                  change.type === "unchanged" && "text-secondary-foreground"
+                ),
+                children: [
+                  prefix,
+                  change.value
+                ]
+              }
+            )
+          },
+          i
+        );
+      }) })
+    ) })
+  ] });
+}
+
+// src/react/components/card/cards/execution-order-card.tsx
+import { Activity, Calendar, Clock as Clock2, Users } from "lucide-react";
+import { useMemo as useMemo4, useState as useState4 } from "react";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+var getPlatformColor = (index) => {
+  const colors = [
+    "bg-blue-500",
+    "bg-green-500",
+    "bg-purple-500",
+    "bg-orange-500",
+    "bg-pink-500",
+    "bg-indigo-500",
+    "bg-yellow-500",
+    "bg-red-500"
+  ];
+  return colors[index % colors.length];
+};
+function ExecutionOrderCard({ card }) {
+  const data = card.payload || card.data;
+  const [activeTab, setActiveTab] = useState4("gantt");
+  if (!data || !Array.isArray(data)) {
+    return /* @__PURE__ */ jsx9("div", { className: "w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4", children: /* @__PURE__ */ jsx9("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u6267\u884C\u6570\u636E\u683C\u5F0F\u65E0\u6548" }) });
+  }
+  const stats = useMemo4(() => {
+    const platforms = /* @__PURE__ */ new Map();
+    let earliestStart = Number.POSITIVE_INFINITY;
+    let latestEnd = Number.NEGATIVE_INFINITY;
+    for (const task of data) {
+      earliestStart = Math.min(earliestStart, task.start_time);
+      latestEnd = Math.max(latestEnd, task.end_time);
+      if (!platforms.has(task.platform)) {
+        platforms.set(task.platform, { count: 0, totalTime: 0, tasks: [] });
+      }
+      const platformData = platforms.get(task.platform);
+      platformData.count++;
+      platformData.totalTime += task.end_time - task.start_time;
+      platformData.tasks.push(task.task_id);
+    }
+    const parallelGroups = [];
+    for (let i = 0; i < data.length; i++) {
+      const task1 = data[i];
+      const group = [task1.task_id];
+      for (let j = 0; j < data.length; j++) {
+        if (i !== j) {
+          const task2 = data[j];
+          if (task1.start_time < task2.end_time && task2.start_time < task1.end_time) {
+            group.push(task2.task_id);
+          }
+        }
+      }
+      if (group.length > 1) {
+        const sortedGroup = [...new Set(group)].sort();
+        const exists = parallelGroups.some(
+          (g) => g.length === sortedGroup.length && g.every((v, idx) => v === sortedGroup[idx])
+        );
+        if (!exists) {
+          parallelGroups.push(sortedGroup);
+        }
+      }
+    }
+    return {
+      total: data.length,
+      platforms: Array.from(platforms.entries()).map(([name, info]) => ({ name, ...info })),
+      timeRange: {
+        start: earliestStart,
+        end: latestEnd,
+        duration: latestEnd - earliestStart
+      },
+      parallelGroups
+    };
+  }, [data]);
+  const ganttData = useMemo4(() => {
+    const minTime = stats.timeRange.start;
+    const totalDuration = stats.timeRange.duration;
+    return data.map((task) => ({
+      ...task,
+      duration: task.end_time - task.start_time,
+      startPercent: (task.start_time - minTime) / totalDuration * 100,
+      widthPercent: (task.end_time - task.start_time) / totalDuration * 100
+    }));
+  }, [data, stats]);
+  const tasksByPlatform = useMemo4(() => {
+    const grouped = /* @__PURE__ */ new Map();
+    for (const task of ganttData) {
+      if (!grouped.has(task.platform)) {
+        grouped.set(task.platform, []);
+      }
+      grouped.get(task.platform).push(task);
+    }
+    return Array.from(grouped.entries());
+  }, [ganttData]);
+  return /* @__PURE__ */ jsxs9("div", { className: "w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-[hsl(var(--card-foreground))]", children: [
+    /* @__PURE__ */ jsx9("div", { className: "px-6 pt-6", children: /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs9("span", { className: "flex items-center gap-2 text-lg font-semibold", children: [
+        /* @__PURE__ */ jsx9(Activity, { className: "h-5 w-5" }),
+        "\u4EFB\u52A1\u6267\u884C\u987A\u5E8F"
+      ] }),
+      /* @__PURE__ */ jsxs9("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsxs9("span", { className: "flex items-center gap-1 rounded-full border border-[hsl(var(--border))] px-2 py-0.5 text-xs", children: [
+          /* @__PURE__ */ jsx9(Clock2, { className: "h-3 w-3" }),
+          "\u603B\u4EFB\u52A1: ",
+          stats.total
+        ] }),
+        /* @__PURE__ */ jsxs9("span", { className: "flex items-center gap-1 rounded-full border border-[hsl(var(--border))] px-2 py-0.5 text-xs", children: [
+          /* @__PURE__ */ jsx9(Calendar, { className: "h-3 w-3" }),
+          "\u65F6\u95F4\u8DE8\u5EA6: ",
+          stats.timeRange.duration
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs9("div", { className: "px-6 pb-6 pt-4", children: [
+      /* @__PURE__ */ jsx9("div", { className: "mb-4 grid w-full grid-cols-3 rounded-lg bg-[hsl(var(--muted))] p-1", children: ["gantt", "timeline", "platforms"].map((tab) => /* @__PURE__ */ jsx9(
+        "button",
+        {
+          type: "button",
+          onClick: () => setActiveTab(tab),
+          className: `rounded-md px-3 py-1.5 text-sm font-medium transition-colors ${activeTab === tab ? "bg-[hsl(var(--background))] text-[hsl(var(--foreground))] shadow-sm" : "text-[hsl(var(--muted-foreground))]"}`,
+          children: tab === "gantt" ? "\u7518\u7279\u56FE" : tab === "timeline" ? "\u65F6\u95F4\u7EBF" : "\u5E73\u53F0\u5206\u914D"
+        },
+        tab
+      )) }),
+      activeTab === "gantt" && /* @__PURE__ */ jsxs9("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "mb-2 text-sm text-[hsl(var(--muted-foreground))]", children: [
+          "\u65F6\u95F4\u8303\u56F4: ",
+          stats.timeRange.start,
+          " - ",
+          stats.timeRange.end
+        ] }),
+        /* @__PURE__ */ jsx9("div", { className: "max-h-[400px] space-y-2 overflow-y-auto", children: tasksByPlatform.map(([platform, tasks], platformIndex) => /* @__PURE__ */ jsxs9("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx9("div", { className: "text-sm font-medium text-[hsl(var(--muted-foreground))]", children: platform }),
+          /* @__PURE__ */ jsx9("div", { className: "relative h-8 rounded bg-[hsl(var(--secondary))]", children: tasks.map((task) => /* @__PURE__ */ jsx9(
+            "div",
+            {
+              className: `absolute top-1 flex h-6 items-center justify-center overflow-hidden rounded text-xs text-white ${getPlatformColor(platformIndex)}`,
+              style: {
+                left: `${task.startPercent}%`,
+                width: `${task.widthPercent}%`,
+                minWidth: "40px"
+              },
+              title: `${task.task_id}: ${task.start_time}-${task.end_time}`,
+              children: /* @__PURE__ */ jsx9("span", { className: "truncate px-1", children: task.task_id })
+            },
+            task.task_id
+          )) })
+        ] }, platform)) }),
+        stats.parallelGroups.length > 0 && /* @__PURE__ */ jsxs9("div", { className: "mt-4 rounded bg-[hsl(var(--secondary))] p-3", children: [
+          /* @__PURE__ */ jsx9("h4", { className: "mb-2 text-sm font-medium", children: "\u5E76\u884C\u6267\u884C\u7EC4" }),
+          /* @__PURE__ */ jsxs9("div", { className: "space-y-1", children: [
+            stats.parallelGroups.slice(0, 5).map((group, idx) => /* @__PURE__ */ jsxs9("div", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: [
+              idx + 1,
+              ". ",
+              group.join(", ")
+            ] }, idx)),
+            stats.parallelGroups.length > 5 && /* @__PURE__ */ jsxs9("div", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: [
+              "\u8FD8\u6709 ",
+              stats.parallelGroups.length - 5,
+              " \u4E2A\u5E76\u884C\u7EC4..."
+            ] })
+          ] })
+        ] })
+      ] }),
+      activeTab === "timeline" && /* @__PURE__ */ jsx9("div", { className: "max-h-[450px] space-y-2 overflow-y-auto", children: data.map((task) => /* @__PURE__ */ jsxs9(
+        "div",
+        {
+          className: "flex items-center justify-between rounded-lg border border-[hsl(var(--border))] p-3",
+          children: [
+            /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsxs9("span", { className: "flex min-w-[40px] items-center justify-center rounded-full border border-[hsl(var(--border))] px-2 py-0.5 text-xs", children: [
+                "#",
+                task.sequence
+              ] }),
+              /* @__PURE__ */ jsxs9("div", { children: [
+                /* @__PURE__ */ jsx9("div", { className: "text-sm font-medium", children: task.task_id }),
+                /* @__PURE__ */ jsxs9("div", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: [
+                  "\u5E73\u53F0: ",
+                  task.platform
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs9("div", { className: "text-right", children: [
+              /* @__PURE__ */ jsxs9("div", { className: "text-sm", children: [
+                task.start_time,
+                " - ",
+                task.end_time
+              ] }),
+              /* @__PURE__ */ jsxs9("div", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: [
+                "\u65F6\u957F: ",
+                task.end_time - task.start_time
+              ] })
+            ] })
+          ]
+        },
+        task.task_id
+      )) }),
+      activeTab === "platforms" && /* @__PURE__ */ jsx9("div", { className: "max-h-[450px] space-y-3 overflow-y-auto", children: stats.platforms.map((platform, index) => /* @__PURE__ */ jsxs9(
+        "div",
+        {
+          className: "rounded-lg border border-[hsl(var(--border))] p-4",
+          children: [
+            /* @__PURE__ */ jsxs9("div", { className: "mb-2 flex items-start justify-between", children: [
+              /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx9(Users, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx9("span", { className: "font-medium", children: platform.name })
+              ] }),
+              /* @__PURE__ */ jsxs9(
+                "span",
+                {
+                  className: `rounded-full px-2 py-0.5 text-xs text-white ${getPlatformColor(index)}`,
+                  children: [
+                    platform.count,
+                    " \u4E2A\u4EFB\u52A1"
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs9("div", { className: "space-y-1 text-sm", children: [
+              /* @__PURE__ */ jsxs9("div", { className: "text-[hsl(var(--muted-foreground))]", children: [
+                "\u603B\u6267\u884C\u65F6\u95F4: ",
+                platform.totalTime
+              ] }),
+              /* @__PURE__ */ jsxs9("div", { className: "text-[hsl(var(--muted-foreground))]", children: [
+                "\u5206\u914D\u4EFB\u52A1: ",
+                platform.tasks.slice(0, 3).join(", "),
+                platform.tasks.length > 3 && ` ... +${platform.tasks.length - 3}`
+              ] })
+            ] })
+          ]
+        },
+        platform.name
+      )) })
+    ] })
+  ] });
+}
+
+// src/react/components/card/cards/experience-card-with-options.tsx
+import { memo as memo3, useCallback as useCallback3, useEffect as useEffect2, useMemo as useMemo5, useRef } from "react";
+import { Check } from "lucide-react";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+var sectionColors = [
+  {
+    bg: "border-l-blue-500/50 bg-blue-950/20",
+    title: "text-blue-400",
+    bullet: "text-blue-500"
+  },
+  {
+    bg: "border-l-amber-500/50 bg-amber-950/20",
+    title: "text-amber-400",
+    bullet: "text-amber-500"
+  },
+  {
+    bg: "border-l-emerald-500/50 bg-emerald-950/20",
+    title: "text-emerald-400",
+    bullet: "text-emerald-500"
+  },
+  {
+    bg: "border-l-purple-500/50 bg-purple-950/20",
+    title: "text-purple-400",
+    bullet: "text-purple-500"
+  }
+];
+function ExperienceCardWithOptionsInner({ card, sendMessage }) {
+  const payload = card.payload;
+  const cardId = useMemo5(() => `experience-card-${card.id}`, [card.id]);
+  const [selectedOption, setSelectedOption] = useCardState(
+    `${cardId}-selectedOption`,
+    null
+  );
+  const [isSending, setIsSending] = useCardState(`${cardId}-isSending`, false);
+  const [showProcessing, setShowProcessing] = useCardState(
+    `${cardId}-showProcessing`,
+    false
+  );
+  const sendMessageRef = useRef(sendMessage);
+  sendMessageRef.current = sendMessage;
+  const processingTimerRef = useRef(null);
+  const handleOptionClick = useCallback3(
+    async (option) => {
+      if (selectedOption || isSending) return;
+      setSelectedOption(option.value);
+      setIsSending(true);
+      setShowProcessing(true);
+      if (processingTimerRef.current) {
+        clearTimeout(processingTimerRef.current);
+      }
+      processingTimerRef.current = setTimeout(() => {
+        setShowProcessing(false);
+      }, 5e3);
+      const currentSendMessage = sendMessageRef.current;
+      if (currentSendMessage) {
+        try {
+          await currentSendMessage(option.label);
+          setIsSending(false);
+        } catch (error) {
+          console.error("\u53D1\u9001\u9009\u9879\u5931\u8D25:", error);
+          setSelectedOption(null);
+          setIsSending(false);
+          setShowProcessing(false);
+          if (processingTimerRef.current) {
+            clearTimeout(processingTimerRef.current);
+          }
+        }
+      } else {
+        console.warn("sendMessage \u51FD\u6570\u672A\u63D0\u4F9B\uFF0C\u65E0\u6CD5\u53D1\u9001\u7528\u6237\u9009\u62E9");
+        setIsSending(false);
+        setShowProcessing(false);
+        if (processingTimerRef.current) {
+          clearTimeout(processingTimerRef.current);
+        }
+      }
+    },
+    [selectedOption, isSending, setSelectedOption, setIsSending, setShowProcessing]
+  );
+  useEffect2(() => {
+    return () => {
+      if (processingTimerRef.current) {
+        clearTimeout(processingTimerRef.current);
+      }
+    };
+  }, []);
+  if (!payload?.header?.strategy_name || !payload?.sections) {
+    return /* @__PURE__ */ jsx10("div", { className: "w-full rounded-lg border border-red-500/50 bg-red-500/10 p-4", children: /* @__PURE__ */ jsx10("p", { className: "text-red-400", children: "\u7ECF\u9A8C\u5361\u7247\u6570\u636E\u683C\u5F0F\u9519\u8BEF" }) });
+  }
+  return /* @__PURE__ */ jsxs10("div", { className: "w-full overflow-hidden rounded-lg border-2 border-[hsl(var(--primary)/0.3)] shadow-lg transition-shadow duration-300 hover:shadow-xl", children: [
+    /* @__PURE__ */ jsx10("div", { className: "border-b-2 border-[hsl(var(--primary)/0.2)] bg-gradient-to-br from-[hsl(var(--primary)/0.15)] via-[hsl(var(--primary)/0.1)] to-[hsl(var(--primary)/0.05)] px-6 pb-4 pt-5", children: /* @__PURE__ */ jsxs10("h3", { className: "bg-gradient-to-r from-[hsl(var(--primary))] via-[hsl(var(--primary)/0.8)] to-[hsl(var(--primary)/0.6)] bg-clip-text text-center text-lg font-bold text-transparent", children: [
+      "\u654C\u65B9\u7B56\u7565\uFF1A",
+      payload.header.strategy_name
+    ] }) }),
+    payload.sections.map((section, sectionIndex) => {
+      const colors = sectionColors[sectionIndex % sectionColors.length];
+      const isLast = sectionIndex === payload.sections.length - 1 && !payload.learning_options;
+      return /* @__PURE__ */ jsxs10(
+        "div",
+        {
+          className: `border-l-4 p-4 transition-colors duration-200 ${colors.bg} ${!isLast ? "border-b border-[hsl(var(--border)/0.5)]" : ""}`,
+          children: [
+            /* @__PURE__ */ jsxs10(
+              "h3",
+              {
+                className: `mb-3 flex items-center gap-2 text-base font-bold ${colors.title}`,
+                children: [
+                  /* @__PURE__ */ jsx10("span", { className: "inline-block h-1.5 w-1.5 rounded-full bg-current" }),
+                  section.title
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx10("ul", { className: "space-y-2", children: section.items.map((item, itemIndex) => /* @__PURE__ */ jsxs10("li", { className: "group flex items-start gap-2.5 text-sm", children: [
+              /* @__PURE__ */ jsx10(
+                "span",
+                {
+                  className: `mt-0.5 font-bold transition-transform duration-200 group-hover:scale-125 ${colors.bullet}`,
+                  children: "\u25B8"
+                }
+              ),
+              /* @__PURE__ */ jsx10("span", { className: "flex-1 leading-relaxed text-[hsl(var(--foreground)/0.9)]", children: item })
+            ] }, itemIndex)) })
+          ]
+        },
+        sectionIndex
+      );
+    }),
+    payload.learning_options && /* @__PURE__ */ jsxs10("div", { className: "border-t-2 border-[hsl(var(--primary)/0.1)] bg-gradient-to-br from-[hsl(var(--muted)/0.4)] via-[hsl(var(--muted)/0.3)] to-[hsl(var(--muted)/0.2)] p-5", children: [
+      /* @__PURE__ */ jsxs10("div", { className: "mb-4 flex items-start gap-2 rounded-lg border-l-4 border-[hsl(var(--primary)/0.4)] bg-[hsl(var(--primary)/0.05)] p-3 text-sm font-semibold text-[hsl(var(--foreground))]", children: [
+        /* @__PURE__ */ jsx10("span", { className: "mt-1.5 inline-block h-1.5 w-1.5 rounded-full bg-[hsl(var(--primary))]" }),
+        /* @__PURE__ */ jsx10("span", { className: "flex-1", children: payload.learning_options.question })
+      ] }),
+      /* @__PURE__ */ jsx10("div", { className: "flex flex-col gap-3", children: payload.learning_options.options.map((option, index) => {
+        const isSelected = selectedOption === option.value;
+        const isDisabled = selectedOption !== null && !isSelected;
+        return /* @__PURE__ */ jsx10(
+          "button",
+          {
+            type: "button",
+            className: `
+                    block w-full transform rounded-xl border-2 px-4 py-3
+                    text-left transition-all duration-300
+                    hover:scale-[1.02] active:scale-[0.98]
+                    ${isSelected ? "border-[hsl(var(--primary))] bg-gradient-to-br from-[hsl(var(--primary))] to-[hsl(var(--primary)/0.8)] text-[hsl(var(--primary-foreground))] shadow-lg" : "border-[hsl(var(--border)/0.6)] bg-[hsl(var(--card)/0.8)] backdrop-blur-sm hover:border-[hsl(var(--primary)/0.3)] hover:bg-[hsl(var(--accent)/0.5)] hover:shadow-md"}
+                    ${isDisabled ? "cursor-not-allowed opacity-50 hover:scale-100" : "cursor-pointer"}
+                  `,
+            onClick: () => handleOptionClick(option),
+            disabled: isDisabled || isSending,
+            children: /* @__PURE__ */ jsxs10("div", { className: "flex w-full items-start gap-3", children: [
+              /* @__PURE__ */ jsx10("div", { className: "mt-0.5 flex-shrink-0", children: isSelected ? /* @__PURE__ */ jsx10("div", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-[hsl(var(--primary-foreground)/0.2)]", children: /* @__PURE__ */ jsx10(Check, { className: "h-3.5 w-3.5" }) }) : /* @__PURE__ */ jsx10("div", { className: "h-5 w-5 rounded-full border-2 border-current opacity-60 transition-opacity hover:opacity-100" }) }),
+              /* @__PURE__ */ jsxs10("div", { className: "min-w-0 flex-1 overflow-hidden", children: [
+                /* @__PURE__ */ jsx10(
+                  "div",
+                  {
+                    className: `break-words text-sm font-semibold whitespace-normal ${isSelected ? "" : "text-[hsl(var(--foreground))]"}`,
+                    children: option.label
+                  }
+                ),
+                option.description && /* @__PURE__ */ jsx10(
+                  "div",
+                  {
+                    className: `mt-1.5 break-words text-xs leading-relaxed whitespace-normal ${isSelected ? "opacity-90" : "text-[hsl(var(--muted-foreground))]"}`,
+                    children: option.description
+                  }
+                )
+              ] })
+            ] })
+          },
+          index
+        );
+      }) }),
+      !selectedOption && /* @__PURE__ */ jsx10("div", { className: "mt-3 rounded-lg border border-[hsl(var(--border)/0.3)] bg-[hsl(var(--muted)/0.3)] px-3 py-2 text-center text-xs text-[hsl(var(--muted-foreground))]", children: "\u8BF7\u9009\u62E9\u60A8\u7684\u51B3\u7B56" }),
+      showProcessing && /* @__PURE__ */ jsx10("div", { className: "mt-3 animate-pulse rounded-lg border border-[hsl(var(--primary)/0.3)] bg-[hsl(var(--primary)/0.1)] px-3 py-2 text-center text-xs font-medium text-[hsl(var(--primary))]", children: "\u5DF2\u9009\u62E9\uFF0C\u6B63\u5728\u5904\u7406..." })
+    ] })
+  ] });
+}
+function cardPropsAreEqual(prevProps, nextProps) {
+  const prevCard = prevProps.card;
+  const nextCard = nextProps.card;
+  return prevCard.id === nextCard.id && prevCard.type === nextCard.type && prevCard.title === nextCard.title && JSON.stringify(prevCard.payload) === JSON.stringify(nextCard.payload);
+}
+var ExperienceCardWithOptions = memo3(ExperienceCardWithOptionsInner, cardPropsAreEqual);
+ExperienceCardWithOptions.displayName = "ExperienceCardWithOptions";
+
+// src/react/components/card/cards/flight-card.tsx
+import { Clock as Clock3, Plane } from "lucide-react";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+function FlightCard({ card }) {
+  const payload = card.payload;
+  if (!payload || !Array.isArray(payload.flights)) {
+    return /* @__PURE__ */ jsx11("div", { className: "rounded-md border border-red-500/50 bg-red-500/10 p-4", children: /* @__PURE__ */ jsx11("p", { className: "text-red-400 text-sm", children: "\u822A\u73ED\u5361\u7247\u6570\u636E\u683C\u5F0F\u9519\u8BEF" }) });
+  }
+  return /* @__PURE__ */ jsxs11("div", { className: "rounded-lg border border-white/10 bg-white/5 p-4", children: [
+    card.title && /* @__PURE__ */ jsx11("h3", { className: "font-semibold text-lg text-zinc-100 mb-4", children: card.title }),
+    /* @__PURE__ */ jsx11("div", { className: "space-y-3", children: payload.flights.map((flight, index) => /* @__PURE__ */ jsxs11("div", { className: "rounded-lg border border-white/10 p-3", children: [
+      /* @__PURE__ */ jsxs11("div", { className: "flex justify-between items-center mb-2", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx11(Plane, { className: "w-4 h-4 text-sky-400" }),
+          /* @__PURE__ */ jsx11("span", { className: "font-medium text-zinc-200", children: flight.flightNo }),
+          /* @__PURE__ */ jsx11("span", { className: "text-sm text-zinc-400", children: flight.airline })
+        ] }),
+        /* @__PURE__ */ jsxs11("div", { className: "text-right", children: [
+          /* @__PURE__ */ jsxs11("span", { className: "text-lg font-bold text-orange-400", children: [
+            "\xA5",
+            flight.price
+          ] }),
+          flight.discount && /* @__PURE__ */ jsx11("span", { className: "ml-2 text-xs text-orange-400", children: flight.discount })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsx11("div", { className: "text-lg font-medium text-zinc-100", children: flight.departure.time }),
+          /* @__PURE__ */ jsx11("div", { className: "text-sm text-zinc-400", children: flight.departure.city }),
+          /* @__PURE__ */ jsx11("div", { className: "text-xs text-zinc-500", children: flight.departure.airport })
+        ] }),
+        /* @__PURE__ */ jsxs11("div", { className: "flex-1 flex flex-col items-center px-4", children: [
+          /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-1 text-xs text-zinc-400", children: [
+            /* @__PURE__ */ jsx11(Clock3, { className: "w-3 h-3" }),
+            flight.duration
+          ] }),
+          /* @__PURE__ */ jsx11("div", { className: "w-full h-px bg-white/10 my-1 relative", children: /* @__PURE__ */ jsx11("div", { className: "absolute right-0 top-1/2 -translate-y-1/2 w-0 h-0 border-t-4 border-t-transparent border-b-4 border-b-transparent border-l-4 border-l-zinc-500" }) })
+        ] }),
+        /* @__PURE__ */ jsxs11("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsx11("div", { className: "text-lg font-medium text-zinc-100", children: flight.arrival.time }),
+          /* @__PURE__ */ jsx11("div", { className: "text-sm text-zinc-400", children: flight.arrival.city }),
+          /* @__PURE__ */ jsx11("div", { className: "text-xs text-zinc-500", children: flight.arrival.airport })
+        ] })
+      ] })
+    ] }, index)) })
+  ] });
+}
+
+// src/react/components/card/cards/hotel-card.tsx
+import { MapPin as MapPin3, Star as Star3 } from "lucide-react";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+function HotelCard({ card }) {
+  const payload = card.payload;
+  if (!payload || !Array.isArray(payload.hotels)) {
+    return /* @__PURE__ */ jsx12("div", { className: "rounded-md border border-red-500/50 bg-red-500/10 p-4", children: /* @__PURE__ */ jsx12("p", { className: "text-red-400 text-sm", children: "\u9152\u5E97\u5361\u7247\u6570\u636E\u683C\u5F0F\u9519\u8BEF" }) });
+  }
+  return /* @__PURE__ */ jsxs12("div", { className: "rounded-lg border border-white/10 bg-white/5 p-4", children: [
+    card.title && /* @__PURE__ */ jsx12("h3", { className: "font-semibold text-lg text-zinc-100 mb-4", children: card.title }),
+    /* @__PURE__ */ jsx12("div", { className: "space-y-3", children: payload.hotels.map((hotel, index) => /* @__PURE__ */ jsxs12("div", { className: "rounded-lg border border-white/10 p-3", children: [
+      /* @__PURE__ */ jsxs12("div", { className: "flex justify-between items-start mb-2", children: [
+        /* @__PURE__ */ jsxs12("div", { children: [
+          /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx12("span", { className: "font-medium text-zinc-200", children: hotel.name }),
+            /* @__PURE__ */ jsxs12("span", { className: "px-1.5 py-0.5 bg-amber-500/20 text-amber-400 text-xs rounded", children: [
+              hotel.star,
+              "\u661F"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1 text-sm text-zinc-400 mt-1", children: [
+            /* @__PURE__ */ jsx12(MapPin3, { className: "w-3 h-3" }),
+            hotel.location
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs12("div", { className: "text-right", children: [
+          /* @__PURE__ */ jsxs12("div", { className: "text-lg font-bold text-orange-400", children: [
+            "\xA5",
+            hotel.pricePerNight,
+            /* @__PURE__ */ jsx12("span", { className: "text-xs font-normal text-zinc-500", children: "/\u665A" })
+          ] }),
+          hotel.breakfast && /* @__PURE__ */ jsx12("span", { className: "text-xs text-emerald-400", children: hotel.breakfast })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 mb-2", children: [
+        /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx12(Star3, { className: "w-3 h-3 text-amber-400 fill-amber-400" }),
+          /* @__PURE__ */ jsx12("span", { className: "text-sm font-medium text-zinc-200", children: hotel.rating })
+        ] }),
+        /* @__PURE__ */ jsxs12("span", { className: "text-xs text-zinc-500", children: [
+          "(",
+          hotel.reviewCount,
+          "\u6761\u8BC4\u4EF7)"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx12("div", { className: "flex flex-wrap gap-1", children: hotel.facilities.map((f, i) => /* @__PURE__ */ jsx12(
+        "span",
+        {
+          className: "px-2 py-0.5 bg-white/5 text-zinc-400 text-xs rounded",
+          children: f
+        },
+        i
+      )) })
+    ] }, index)) })
+  ] });
+}
+
+// src/react/components/card/cards/kill-chain-card.tsx
+import {
+  AlertTriangle as AlertTriangle2,
+  ChevronDown,
+  ChevronRight as ChevronRight2,
+  Clock as Clock4,
+  Crosshair,
+  FileCheck,
+  MapPin as MapPin4,
+  Radio,
+  Search,
+  Target as Target2,
+  Zap
+} from "lucide-react";
+import { Fragment, useState as useState5 } from "react";
+import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+var getPriorityColor = (priority) => {
+  switch (priority) {
+    case 1:
+      return "bg-red-600 text-white animate-pulse";
+    case 2:
+      return "bg-orange-500 text-white";
+    case 3:
+      return "bg-yellow-500 text-yellow-50";
+    case 4:
+      return "bg-sky-600 text-white";
+    case 5:
+      return "bg-zinc-600 text-zinc-200";
+    default:
+      return "bg-zinc-700 text-zinc-300";
+  }
+};
+var getPhaseIcon = (phase) => {
+  switch (phase.toLowerCase()) {
+    case "find":
+      return Search;
+    case "fix":
+      return MapPin4;
+    case "track":
+      return Radio;
+    case "target":
+      return Crosshair;
+    case "engage":
+      return Zap;
+    case "assess":
+      return FileCheck;
+    default:
+      return Target2;
+  }
+};
+var getChineseName = (phase) => {
+  const names = {
+    find: "\u53D1\u73B0",
+    fix: "\u5B9A\u4F4D",
+    track: "\u8DDF\u8E2A",
+    target: "\u7784\u51C6",
+    engage: "\u6253\u51FB",
+    assess: "\u8BC4\u4F30"
+  };
+  return names[phase.toLowerCase()] || phase;
+};
+var getEngagementModeName = (mode) => {
+  const modes = {
+    salvo: "\u9F50\u5C04\u6253\u51FB",
+    sequential: "\u987A\u5E8F\u6253\u51FB",
+    saturation: "\u9971\u548C\u6253\u51FB"
+  };
+  return modes[mode] || mode;
+};
+var formatTime = (time) => {
+  if (!time) return "--";
+  if (time === "ASAP" || time === "\u7ACB\u5373") return time;
+  try {
+    const date = new Date(time);
+    if (Number.isNaN(date.getTime())) return time;
+    return date.toLocaleTimeString("zh-CN", { hour: "2-digit", minute: "2-digit" });
+  } catch {
+    return time;
+  }
+};
+var renderPhaseDetails = (phaseName, phase) => {
+  const details = [];
+  switch (phaseName.toLowerCase()) {
+    case "find":
+      if ("primary_method" in phase && phase.primary_method) {
+        details.push(
+          /* @__PURE__ */ jsxs13("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-2", children: [
+              /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "\u5E73\u53F0:" }),
+              /* @__PURE__ */ jsx13("span", { children: phase.primary_method.platform })
+            ] }),
+            /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-2", children: [
+              /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "\u80FD\u529B:" }),
+              /* @__PURE__ */ jsx13("span", { children: phase.primary_method.capability })
+            ] }),
+            /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-2", children: [
+              /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "\u8986\u76D6:" }),
+              /* @__PURE__ */ jsx13("span", { children: phase.primary_method.coverage })
+            ] })
+          ] }, "primary")
+        );
+      }
+      if ("estimated_time" in phase && phase.estimated_time) {
+        details.push(
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "\u9884\u8BA1\u8017\u65F6:" }),
+            /* @__PURE__ */ jsxs13("span", { children: [
+              phase.estimated_time,
+              "\u5206\u949F"
+            ] }),
+            "confidence_level" in phase && phase.confidence_level !== void 0 && /* @__PURE__ */ jsxs13(Fragment2, { children: [
+              /* @__PURE__ */ jsx13("span", { className: "text-zinc-400", children: "| \u7F6E\u4FE1\u5EA6:" }),
+              /* @__PURE__ */ jsxs13("span", { children: [
+                phase.confidence_level,
+                "%"
+              ] })
+            ] })
+          ] }, "time")
+        );
+      }
+      if ("backup_method" in phase && phase.backup_method) {
+        details.push(
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "\u5907\u7528\u65B9\u6848:" }),
+            /* @__PURE__ */ jsxs13("span", { children: [
+              phase.backup_method.platform,
+              " (",
+              phase.backup_method.capability,
+              ")",
+              phase.backup_method.trigger_condition && ` - ${phase.backup_method.trigger_condition}`
+            ] })
+          ] }, "backup")
+        );
+      }
+      break;
+    case "fix":
+      if ("accuracy_requirement" in phase && phase.accuracy_requirement) {
+        details.push(
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "\u7CBE\u5EA6\u8981\u6C42:" }),
+            /* @__PURE__ */ jsx13("span", { children: phase.accuracy_requirement })
+          ] }, "accuracy")
+        );
+      }
+      if ("positioning_method" in phase && phase.positioning_method) {
+        details.push(
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "\u5B9A\u4F4D\u65B9\u6CD5:" }),
+            /* @__PURE__ */ jsxs13("span", { children: [
+              phase.positioning_method.primary,
+              phase.positioning_method.secondary && ` / ${phase.positioning_method.secondary}`
+            ] })
+          ] }, "method")
+        );
+      }
+      if ("update_frequency" in phase && phase.update_frequency) {
+        details.push(
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "\u66F4\u65B0\u9891\u7387:" }),
+            /* @__PURE__ */ jsxs13("span", { children: [
+              phase.update_frequency,
+              "\u79D2"
+            ] })
+          ] }, "freq")
+        );
+      }
+      if ("coordinate_system" in phase && phase.coordinate_system) {
+        details.push(
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "\u5750\u6807\u7CFB\u7EDF:" }),
+            /* @__PURE__ */ jsx13("span", { children: phase.coordinate_system })
+          ] }, "coord")
+        );
+      }
+      break;
+    case "track":
+      if ("tracking_platform" in phase && phase.tracking_platform) {
+        details.push(
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "\u8DDF\u8E2A\u5E73\u53F0:" }),
+            /* @__PURE__ */ jsx13("span", { children: phase.tracking_platform })
+          ] }, "platform")
+        );
+      }
+      if ("tracking_mode" in phase && phase.tracking_mode) {
+        details.push(
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "\u8DDF\u8E2A\u6A21\u5F0F:" }),
+            /* @__PURE__ */ jsx13("span", { children: phase.tracking_mode === "continuous" ? "\u8FDE\u7EED\u8DDF\u8E2A" : "\u95F4\u6B47\u8DDF\u8E2A" })
+          ] }, "mode")
+        );
+      }
+      if ("handover_procedure" in phase && phase.handover_procedure) {
+        details.push(
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "\u4EA4\u63A5\u7A0B\u5E8F:" }),
+            /* @__PURE__ */ jsxs13("span", { children: [
+              phase.handover_procedure.from_unit,
+              " \u2192 ",
+              phase.handover_procedure.to_unit,
+              phase.handover_procedure.handover_criteria && ` (${phase.handover_procedure.handover_criteria})`
+            ] })
+          ] }, "handover")
+        );
+      }
+      if ("track_quality_metrics" in phase && phase.track_quality_metrics) {
+        details.push(
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "\u8D28\u91CF\u6307\u6807:" }),
+            /* @__PURE__ */ jsxs13("span", { children: [
+              "\u66F4\u65B0\u7387",
+              phase.track_quality_metrics.update_rate,
+              "Hz | \u7CBE\u5EA6",
+              phase.track_quality_metrics.accuracy,
+              " | \u5EF6\u8FDF",
+              phase.track_quality_metrics.latency,
+              "\u79D2"
+            ] })
+          ] }, "quality")
+        );
+      }
+      break;
+    case "target":
+      if ("engagement_criteria" in phase && phase.engagement_criteria?.length) {
+        details.push(
+          /* @__PURE__ */ jsxs13("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "\u5F00\u706B\u6761\u4EF6:" }),
+            /* @__PURE__ */ jsx13("div", { className: "pl-4", children: phase.engagement_criteria.map((c, i) => /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx13("span", { className: "text-emerald-400", children: "\u2713" }),
+              /* @__PURE__ */ jsx13("span", { children: c })
+            ] }, i)) })
+          ] }, "criteria")
+        );
+      }
+      if ("authorization_level" in phase && phase.authorization_level) {
+        details.push(
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "\u6388\u6743\u5C42\u7EA7:" }),
+            /* @__PURE__ */ jsx13("span", { children: phase.authorization_level })
+          ] }, "auth")
+        );
+      }
+      if ("roe_compliance" in phase && phase.roe_compliance) {
+        details.push(
+          /* @__PURE__ */ jsxs13("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "ROE\u5408\u89C4:" }),
+            phase.roe_compliance.checks?.length > 0 && /* @__PURE__ */ jsx13("div", { className: "pl-4", children: phase.roe_compliance.checks.map((check, i) => /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx13("span", { className: phase.roe_compliance.verified ? "text-emerald-400" : "text-amber-400", children: phase.roe_compliance.verified ? "\u2713" : "\u25CB" }),
+              /* @__PURE__ */ jsx13("span", { children: check })
+            ] }, i)) })
+          ] }, "roe")
+        );
+      }
+      if ("targeting_solution" in phase && phase.targeting_solution) {
+        details.push(
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "\u7784\u51C6\u65B9\u6848:" }),
+            /* @__PURE__ */ jsxs13("span", { children: [
+              phase.targeting_solution.method,
+              " (",
+              phase.targeting_solution.accuracy,
+              ")",
+              phase.targeting_solution.computed_at && ` - ${new Date(phase.targeting_solution.computed_at).toLocaleTimeString("zh-CN")}`
+            ] })
+          ] }, "solution")
+        );
+      }
+      break;
+    case "engage":
+      if ("strike_platform" in phase && phase.strike_platform) {
+        details.push(
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "\u6267\u884C\u5355\u4F4D:" }),
+            /* @__PURE__ */ jsxs13("span", { children: [
+              phase.strike_platform.unit,
+              " / ",
+              phase.strike_platform.callsign,
+              phase.strike_platform.location && ` @ ${phase.strike_platform.location}`
+            ] })
+          ] }, "platform")
+        );
+      }
+      if ("weapon_selection" in phase && phase.weapon_selection) {
+        details.push(
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "\u6B66\u5668\u9009\u62E9:" }),
+            /* @__PURE__ */ jsxs13("span", { children: [
+              phase.weapon_selection.type,
+              " \xD7 ",
+              phase.weapon_selection.quantity,
+              phase.weapon_selection.fuze_setting && ` (${phase.weapon_selection.fuze_setting})`
+            ] })
+          ] }, "weapon")
+        );
+      }
+      if ("engagement_mode" in phase && phase.engagement_mode) {
+        details.push(
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "\u6253\u51FB\u65B9\u5F0F:" }),
+            /* @__PURE__ */ jsx13("span", { children: getEngagementModeName(phase.engagement_mode) })
+          ] }, "mode")
+        );
+      }
+      if ("tot" in phase && phase.tot) {
+        details.push(
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "\u76EE\u6807\u65F6\u95F4:" }),
+            /* @__PURE__ */ jsx13("span", { children: formatTime(phase.tot) })
+          ] }, "tot")
+        );
+      }
+      if ("execution_window" in phase && phase.execution_window) {
+        details.push(
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "\u6267\u884C\u7A97\u53E3:" }),
+            /* @__PURE__ */ jsxs13("span", { children: [
+              formatTime(phase.execution_window.start),
+              " - ",
+              formatTime(phase.execution_window.end)
+            ] })
+          ] }, "window")
+        );
+      }
+      break;
+    case "assess":
+      if ("bda_methods" in phase && phase.bda_methods) {
+        details.push(
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "BDA\u65B9\u6CD5:" }),
+            /* @__PURE__ */ jsxs13("span", { children: [
+              phase.bda_methods.primary,
+              phase.bda_methods.secondary?.length > 0 && ` + ${phase.bda_methods.secondary.join(" + ")}`
+            ] })
+          ] }, "methods")
+        );
+      }
+      if ("assessment_timeline" in phase && phase.assessment_timeline) {
+        details.push(
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "\u8BC4\u4F30\u65F6\u9650:" }),
+            /* @__PURE__ */ jsxs13("span", { children: [
+              "\u521D\u6B65",
+              phase.assessment_timeline.initial,
+              "\u5206\u949F | \u8BE6\u7EC6",
+              phase.assessment_timeline.detailed,
+              "\u5C0F\u65F6"
+            ] })
+          ] }, "timeline")
+        );
+      }
+      if ("success_indicators" in phase && phase.success_indicators?.length) {
+        details.push(
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "\u6210\u529F\u6307\u6807:" }),
+            /* @__PURE__ */ jsx13("span", { children: phase.success_indicators.join(" | ") })
+          ] }, "indicators")
+        );
+      }
+      if ("damage_categories" in phase && phase.damage_categories) {
+        details.push(
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ jsx13("span", { className: "text-zinc-500", children: "\u6BC1\u4F24\u5206\u7C7B:" }),
+            /* @__PURE__ */ jsx13("span", { children: "\u7269\u7406\u6BC1\u4F24 | \u529F\u80FD\u6BC1\u4F24 | \u7CFB\u7EDF\u6BC1\u4F24" })
+          ] }, "damage")
+        );
+      }
+      break;
+  }
+  return details.length > 0 ? details : /* @__PURE__ */ jsx13("div", { className: "text-zinc-500", children: "\u6682\u65E0\u89C4\u5212\u4FE1\u606F" });
+};
+function RiskMatrix({ risks = [] }) {
+  const matrix = [
+    ["\u4F4E", "\u4E2D", "\u9AD8"],
+    ["\u4F4E", "\u4F4E", "\u4E2D"],
+    ["\u4F4E", "\u4F4E", "\u4F4E"]
+  ];
+  const getRiskPosition = (risk) => {
+    const probMap = { high: 2, medium: 1, low: 0 };
+    const impactMap = { high: 0, medium: 1, low: 2 };
+    return { x: probMap[risk.probability] || 0, y: impactMap[risk.impact] || 2 };
+  };
+  const riskPositions = risks.map((r, i) => ({ ...getRiskPosition(r), id: i + 1 }));
+  const getCellColor = (cell) => {
+    switch (cell) {
+      case "\u9AD8":
+        return "bg-orange-600 text-white";
+      case "\u4E2D":
+        return "bg-yellow-600 text-white";
+      case "\u4F4E":
+        return "bg-emerald-600 text-white";
+      default:
+        return "bg-zinc-700";
+    }
+  };
+  return /* @__PURE__ */ jsxs13("div", { className: "flex gap-4", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ jsx13("div", { className: "text-xs text-zinc-500 mb-1", children: "\u5F71\u54CD" }),
+      /* @__PURE__ */ jsx13("div", { className: "grid grid-cols-3 gap-1", children: matrix.map((row, y) => /* @__PURE__ */ jsx13(Fragment, { children: row.map((cell, x) => /* @__PURE__ */ jsxs13(
+        "div",
+        {
+          className: cn(
+            "relative w-8 h-8 flex items-center justify-center text-xs font-semibold rounded",
+            getCellColor(cell)
+          ),
+          children: [
+            cell,
+            riskPositions.filter((p) => p.x === x && p.y === y).map((p) => /* @__PURE__ */ jsx13("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx13("span", { className: "text-xs font-bold text-zinc-100 bg-zinc-900/80 rounded-full w-4 h-4 flex items-center justify-center", children: p.id }) }, p.id))
+          ]
+        },
+        `${x}-${y}`
+      )) }, y)) }),
+      /* @__PURE__ */ jsx13("div", { className: "text-xs text-zinc-500 mt-1 text-center", children: "\u6982\u7387 \u2192" })
+    ] }),
+    /* @__PURE__ */ jsx13("div", { className: "flex-1 space-y-1", children: risks.map((risk, i) => /* @__PURE__ */ jsxs13("div", { className: "text-xs", children: [
+      /* @__PURE__ */ jsxs13("span", { className: "font-medium", children: [
+        i + 1,
+        "."
+      ] }),
+      " ",
+      risk.description
+    ] }, i)) })
+  ] });
+}
+function KillChainPhaseCard({
+  name,
+  phase,
+  expanded,
+  onToggle
+}) {
+  const Icon = getPhaseIcon(name);
+  return /* @__PURE__ */ jsxs13("div", { className: "border border-white/10 rounded-lg p-3 mb-2 bg-white/5", children: [
+    /* @__PURE__ */ jsx13("button", { type: "button", className: "flex w-full items-center justify-between cursor-pointer", onClick: onToggle, children: /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-3", children: [
+      expanded ? /* @__PURE__ */ jsx13(ChevronDown, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx13(ChevronRight2, { className: "w-4 h-4" }),
+      /* @__PURE__ */ jsx13(Icon, { className: "w-5 h-5 text-zinc-400" }),
+      /* @__PURE__ */ jsxs13("span", { className: "font-medium capitalize", children: [
+        name.toUpperCase(),
+        " (",
+        getChineseName(name),
+        ")"
+      ] })
+    ] }) }),
+    expanded && /* @__PURE__ */ jsx13("div", { className: "mt-3 pl-10 text-sm space-y-2", children: renderPhaseDetails(name, phase) })
+  ] });
+}
+function KillChainCard({ card }) {
+  const payload = card.payload;
+  const [expandedPhases, setExpandedPhases] = useState5(/* @__PURE__ */ new Set());
+  const [showRestrike, setShowRestrike] = useState5(false);
+  const [showRisk, setShowRisk] = useState5(false);
+  if (!payload?.kill_chain) {
+    return /* @__PURE__ */ jsx13("div", { className: "border border-red-500/50 rounded-md p-4 bg-red-500/10", children: /* @__PURE__ */ jsx13("p", { className: "text-red-400 text-sm", children: "\u6740\u4F24\u94FE\u5361\u7247\u6570\u636E\u683C\u5F0F\u9519\u8BEF\uFF1A\u7F3A\u5C11\u5FC5\u8981\u7684 kill_chain \u6570\u636E" }) });
+  }
+  const togglePhase = (phase) => {
+    setExpandedPhases((prev) => {
+      const next = new Set(prev);
+      if (next.has(phase)) {
+        next.delete(phase);
+      } else {
+        next.add(phase);
+      }
+      return next;
+    });
+  };
+  return /* @__PURE__ */ jsxs13("div", { className: "border border-white/10 rounded-lg shadow-lg bg-white/5", children: [
+    /* @__PURE__ */ jsxs13(
+      "div",
+      {
+        className: cn(
+          "p-4 border-b border-white/10 flex items-center justify-between",
+          payload.metadata?.priority === 1 && "bg-red-500/5"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx13(Target2, { className: "w-6 h-6 text-zinc-200" }),
+            /* @__PURE__ */ jsxs13("div", { children: [
+              /* @__PURE__ */ jsxs13("h3", { className: "font-bold text-lg flex items-center gap-2 text-zinc-100", children: [
+                payload.metadata?.target_id || "TGT-UNKNOWN",
+                /* @__PURE__ */ jsx13("span", { className: "text-zinc-600", children: "|" }),
+                payload.metadata?.target_name || card.title || "\u672A\u77E5\u76EE\u6807"
+              ] }),
+              /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 mt-1", children: [
+                payload.metadata?.target_type && /* @__PURE__ */ jsx13(
+                  "span",
+                  {
+                    className: cn(
+                      "px-2 py-0.5 rounded text-xs",
+                      payload.metadata.target_type === "fixed" ? "bg-zinc-700 text-zinc-300" : payload.metadata.target_type === "mobile" ? "bg-sky-500/20 text-sky-400" : "bg-amber-500/20 text-amber-400"
+                    ),
+                    children: payload.metadata.target_type === "fixed" ? "\u56FA\u5B9A\u76EE\u6807" : payload.metadata.target_type === "mobile" ? "\u79FB\u52A8\u76EE\u6807" : "\u65F6\u654F\u76EE\u6807"
+                  }
+                ),
+                payload.metadata?.priority && /* @__PURE__ */ jsxs13(
+                  "span",
+                  {
+                    className: cn(
+                      "px-2 py-0.5 rounded text-xs font-bold",
+                      getPriorityColor(payload.metadata.priority)
+                    ),
+                    children: [
+                      "P",
+                      payload.metadata.priority
+                    ]
+                  }
+                ),
+                payload.metadata?.classification && /* @__PURE__ */ jsx13("span", { className: "px-2 py-0.5 bg-zinc-200 text-zinc-900 rounded text-xs", children: payload.metadata.classification })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs13("div", { className: "text-right", children: [
+            payload.metadata?.created_at && /* @__PURE__ */ jsxs13("div", { className: "text-xs text-zinc-500", children: [
+              /* @__PURE__ */ jsx13(Clock4, { className: "w-3 h-3 inline mr-1" }),
+              "\u521B\u5EFA: ",
+              new Date(payload.metadata.created_at).toLocaleString("zh-CN")
+            ] }),
+            payload.metadata?.updated_at && /* @__PURE__ */ jsxs13("div", { className: "text-xs text-zinc-500", children: [
+              "\u66F4\u65B0: ",
+              new Date(payload.metadata.updated_at).toLocaleString("zh-CN")
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs13("div", { className: "p-4", children: [
+      /* @__PURE__ */ jsx13("div", { className: "flex items-center justify-between mb-4", children: /* @__PURE__ */ jsx13("h4", { className: "font-semibold text-base text-zinc-200", children: "F2T2EA \u6740\u4F24\u94FE\u89C4\u5212" }) }),
+      /* @__PURE__ */ jsx13("div", { className: "space-y-2", children: Object.entries(payload.kill_chain).map(([name, phase]) => /* @__PURE__ */ jsx13(
+        KillChainPhaseCard,
+        {
+          name,
+          phase,
+          expanded: expandedPhases.has(name),
+          onToggle: () => togglePhase(name)
+        },
+        name
+      )) })
+    ] }),
+    payload.restrike_plan && /* @__PURE__ */ jsxs13("div", { className: "border-t border-white/10 p-4", children: [
+      /* @__PURE__ */ jsxs13(
+        "button",
+        {
+          type: "button",
+          className: "flex w-full items-center justify-between cursor-pointer",
+          onClick: () => setShowRestrike(!showRestrike),
+          children: [
+            /* @__PURE__ */ jsxs13("h4", { className: "font-semibold text-base flex items-center gap-2 text-zinc-200", children: [
+              /* @__PURE__ */ jsx13(Zap, { className: "w-4 h-4" }),
+              "\u518D\u653B\u51FB\u8BA1\u5212"
+            ] }),
+            showRestrike ? /* @__PURE__ */ jsx13(ChevronDown, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx13(ChevronRight2, { className: "w-4 h-4" })
+          ]
+        }
+      ),
+      showRestrike && /* @__PURE__ */ jsxs13("div", { className: "mt-3 space-y-3 text-sm", children: [
+        payload.restrike_plan.trigger_conditions && /* @__PURE__ */ jsxs13("div", { children: [
+          /* @__PURE__ */ jsx13("span", { className: "font-medium text-zinc-500", children: "\u89E6\u53D1\u6761\u4EF6:" }),
+          /* @__PURE__ */ jsx13("ul", { className: "mt-1 ml-4 list-disc", children: payload.restrike_plan.trigger_conditions.map((c, i) => /* @__PURE__ */ jsx13("li", { children: c }, i)) })
+        ] }),
+        payload.restrike_plan.reserved_resources && /* @__PURE__ */ jsxs13("div", { children: [
+          /* @__PURE__ */ jsx13("span", { className: "font-medium text-zinc-500", children: "\u9884\u7559\u8D44\u6E90:" }),
+          /* @__PURE__ */ jsxs13("div", { className: "mt-1 ml-4", children: [
+            /* @__PURE__ */ jsxs13("div", { children: [
+              "\u5E73\u53F0: ",
+              payload.restrike_plan.reserved_resources.platform
+            ] }),
+            payload.restrike_plan.reserved_resources.weapons.map((w, i) => /* @__PURE__ */ jsxs13("div", { children: [
+              "\u6B66\u5668: ",
+              w.type,
+              " \xD7 ",
+              w.quantity
+            ] }, i))
+          ] })
+        ] }),
+        payload.restrike_plan.execution_method && /* @__PURE__ */ jsxs13("div", { children: [
+          /* @__PURE__ */ jsx13("span", { className: "font-medium text-zinc-500", children: "\u6267\u884C\u65B9\u5F0F:" }),
+          /* @__PURE__ */ jsx13("span", { className: "ml-2", children: payload.restrike_plan.execution_method })
+        ] }),
+        payload.restrike_plan.decision_authority && /* @__PURE__ */ jsxs13("div", { children: [
+          /* @__PURE__ */ jsx13("span", { className: "font-medium text-zinc-500", children: "\u51B3\u7B56\u6743\u9650:" }),
+          /* @__PURE__ */ jsx13("span", { className: "ml-2", children: payload.restrike_plan.decision_authority })
+        ] })
+      ] })
+    ] }),
+    payload.risk_management && /* @__PURE__ */ jsxs13("div", { className: "border-t border-white/10 p-4", children: [
+      /* @__PURE__ */ jsxs13(
+        "button",
+        {
+          type: "button",
+          className: "flex w-full items-center justify-between cursor-pointer",
+          onClick: () => setShowRisk(!showRisk),
+          children: [
+            /* @__PURE__ */ jsxs13("h4", { className: "font-semibold text-base flex items-center gap-2 text-zinc-200", children: [
+              /* @__PURE__ */ jsx13(AlertTriangle2, { className: "w-4 h-4 text-amber-400" }),
+              "\u98CE\u9669\u4E0E\u9650\u5236"
+            ] }),
+            showRisk ? /* @__PURE__ */ jsx13(ChevronDown, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx13(ChevronRight2, { className: "w-4 h-4" })
+          ]
+        }
+      ),
+      showRisk && /* @__PURE__ */ jsxs13("div", { className: "mt-3 space-y-3 text-sm", children: [
+        payload.risk_management.identified_risks && payload.risk_management.identified_risks.length > 0 && /* @__PURE__ */ jsxs13("div", { children: [
+          /* @__PURE__ */ jsx13("span", { className: "font-medium text-zinc-500", children: "\u98CE\u9669\u8BC4\u4F30\u77E9\u9635:" }),
+          /* @__PURE__ */ jsx13("div", { className: "mt-2", children: /* @__PURE__ */ jsx13(RiskMatrix, { risks: payload.risk_management.identified_risks }) })
+        ] }),
+        payload.risk_management.constraints && /* @__PURE__ */ jsxs13("div", { children: [
+          /* @__PURE__ */ jsx13("span", { className: "font-medium text-zinc-500", children: "\u9650\u5236\u6761\u4EF6:" }),
+          /* @__PURE__ */ jsxs13("ul", { className: "mt-1 ml-4 list-disc", children: [
+            payload.risk_management.constraints.weather_limits && /* @__PURE__ */ jsxs13("li", { children: [
+              "\u5929\u6C14: ",
+              payload.risk_management.constraints.weather_limits
+            ] }),
+            payload.risk_management.constraints.roe_restrictions?.map((r, i) => /* @__PURE__ */ jsxs13("li", { children: [
+              "ROE: ",
+              r
+            ] }, i)),
+            payload.risk_management.constraints.time_constraints && /* @__PURE__ */ jsxs13("li", { children: [
+              "\u65F6\u95F4: ",
+              payload.risk_management.constraints.time_constraints
+            ] }),
+            payload.risk_management.constraints.resource_limitations?.map((r, i) => /* @__PURE__ */ jsxs13("li", { children: [
+              "\u8D44\u6E90: ",
+              r
+            ] }, i))
+          ] })
+        ] }),
+        payload.risk_management.contingency_plans && payload.risk_management.contingency_plans.length > 0 && /* @__PURE__ */ jsxs13("div", { children: [
+          /* @__PURE__ */ jsx13("span", { className: "font-medium text-zinc-500", children: "\u5E94\u6025\u9884\u6848:" }),
+          /* @__PURE__ */ jsx13("div", { className: "mt-1 ml-4", children: payload.risk_management.contingency_plans.map((plan, i) => /* @__PURE__ */ jsxs13("div", { className: "mb-1", children: [
+            /* @__PURE__ */ jsxs13("strong", { children: [
+              plan.scenario,
+              ":"
+            ] }),
+            " ",
+            plan.response,
+            plan.trigger && ` (\u89E6\u53D1: ${plan.trigger})`
+          ] }, i)) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs13("div", { className: "border-t border-white/10 p-3 flex items-center justify-center gap-3 text-sm", children: [
+      /* @__PURE__ */ jsx13("button", { type: "button", className: "text-sky-400 hover:text-sky-300", children: "[\u89C4\u5212\u8BE6\u60C5]" }),
+      /* @__PURE__ */ jsx13("button", { type: "button", className: "text-sky-400 hover:text-sky-300", children: "[\u5BFC\u51FA\u8BA1\u5212]" }),
+      /* @__PURE__ */ jsx13("button", { type: "button", className: "text-sky-400 hover:text-sky-300", children: "[\u4FEE\u6539\u65B9\u6848]" }),
+      /* @__PURE__ */ jsx13("button", { type: "button", className: "text-sky-400 hover:text-sky-300", children: "[\u63D0\u4EA4\u5BA1\u6279]" })
+    ] })
+  ] });
+}
+
+// src/react/components/card/cards/map-card.tsx
+import { MapPin as MapPin5, Navigation } from "lucide-react";
+import { useMemo as useMemo6 } from "react";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+var sideLabel = {
+  red: "\u7EA2\u65B9",
+  blue: "\u84DD\u65B9",
+  neutral: "\u4E2D\u7ACB"
+};
+var sideColor = {
+  red: "text-red-400",
+  blue: "text-sky-400",
+  neutral: "text-zinc-400"
+};
+var sideDot = {
+  red: "bg-red-500",
+  blue: "bg-sky-500",
+  neutral: "bg-zinc-500"
+};
+var typeLabel = {
+  plane: "\u98DE\u673A",
+  ship: "\u8230\u8239",
+  ground: "\u5730\u9762",
+  missile: "\u5BFC\u5F39",
+  radar: "\u96F7\u8FBE",
+  base: "\u57FA\u5730"
+};
+function MapCard({ card }) {
+  const payload = card.payload;
+  const title = card.title || "\u6218\u672F\u5730\u56FE";
+  const focusPoint = payload?.focusPoint || { lat: 0, lon: 0 };
+  const zoomLevel = payload?.zoomLevel || 8;
+  const units = payload?.units || [];
+  const regions = payload?.regions || [];
+  const strikes = payload?.strikes || [];
+  const unitsByGroup = useMemo6(() => {
+    const groups = { red: [], blue: [], neutral: [] };
+    for (const unit of units) {
+      const side = unit.side || "neutral";
+      if (!groups[side]) groups[side] = [];
+      groups[side].push(unit);
+    }
+    return groups;
+  }, [units]);
+  return /* @__PURE__ */ jsxs14("div", { className: "rounded-lg border border-white/10 bg-white/5", children: [
+    /* @__PURE__ */ jsx14("div", { className: "p-4 border-b border-white/10", children: /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx14(MapPin5, { className: "w-5 h-5 text-sky-400" }),
+        /* @__PURE__ */ jsx14("h3", { className: "font-semibold text-lg text-zinc-100", children: title })
+      ] }),
+      /* @__PURE__ */ jsxs14("div", { className: "flex gap-4 text-sm text-zinc-400", children: [
+        /* @__PURE__ */ jsxs14("span", { children: [
+          "\u5355\u4F4D\u6570: ",
+          units.length
+        ] }),
+        /* @__PURE__ */ jsxs14("span", { children: [
+          "\u4E2D\u5FC3\u70B9: ",
+          focusPoint.lat.toFixed(2),
+          ", ",
+          focusPoint.lon.toFixed(2)
+        ] }),
+        /* @__PURE__ */ jsxs14("span", { children: [
+          "\u7F29\u653E: ",
+          zoomLevel
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs14("div", { className: "p-4 space-y-4", children: [
+      units.length > 0 && /* @__PURE__ */ jsxs14("div", { children: [
+        /* @__PURE__ */ jsx14("h4", { className: "text-sm font-semibold text-zinc-200 mb-2", children: "\u4F5C\u6218\u5355\u4F4D" }),
+        /* @__PURE__ */ jsx14("div", { className: "flex gap-4 mb-3 text-sm", children: ["blue", "red", "neutral"].map((side) => {
+          const count = unitsByGroup[side]?.length || 0;
+          if (count === 0) return null;
+          return /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx14("div", { className: cn("w-3 h-3 rounded", sideDot[side]) }),
+            /* @__PURE__ */ jsxs14("span", { className: "text-zinc-300", children: [
+              sideLabel[side],
+              ": ",
+              count
+            ] })
+          ] }, side);
+        }) }),
+        /* @__PURE__ */ jsx14("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs14("table", { className: "w-full text-sm border-collapse", children: [
+          /* @__PURE__ */ jsx14("thead", { children: /* @__PURE__ */ jsxs14("tr", { className: "border-b border-white/10", children: [
+            /* @__PURE__ */ jsx14("th", { className: "text-left p-2 text-zinc-400", children: "\u540D\u79F0" }),
+            /* @__PURE__ */ jsx14("th", { className: "text-left p-2 text-zinc-400", children: "\u7C7B\u578B" }),
+            /* @__PURE__ */ jsx14("th", { className: "text-left p-2 text-zinc-400", children: "\u9635\u8425" }),
+            /* @__PURE__ */ jsx14("th", { className: "text-right p-2 text-zinc-400", children: "\u7EAC\u5EA6" }),
+            /* @__PURE__ */ jsx14("th", { className: "text-right p-2 text-zinc-400", children: "\u7ECF\u5EA6" })
+          ] }) }),
+          /* @__PURE__ */ jsx14("tbody", { children: units.map((unit, i) => /* @__PURE__ */ jsxs14("tr", { className: "border-b border-white/5", children: [
+            /* @__PURE__ */ jsx14("td", { className: "p-2 text-zinc-200", children: unit.name }),
+            /* @__PURE__ */ jsx14("td", { className: "p-2 text-zinc-300", children: typeLabel[unit.type] || unit.type }),
+            /* @__PURE__ */ jsx14("td", { className: cn("p-2 font-medium", sideColor[unit.side]), children: sideLabel[unit.side] || unit.side }),
+            /* @__PURE__ */ jsx14("td", { className: "p-2 text-right text-zinc-300 font-mono text-xs", children: unit.lat.toFixed(3) }),
+            /* @__PURE__ */ jsx14("td", { className: "p-2 text-right text-zinc-300 font-mono text-xs", children: unit.lon.toFixed(3) })
+          ] }, i)) })
+        ] }) })
+      ] }),
+      regions.length > 0 && /* @__PURE__ */ jsxs14("div", { children: [
+        /* @__PURE__ */ jsx14("h4", { className: "text-sm font-semibold text-zinc-200 mb-2", children: "\u533A\u57DF" }),
+        /* @__PURE__ */ jsx14("div", { className: "space-y-2", children: regions.map((region, i) => /* @__PURE__ */ jsxs14(
+          "div",
+          {
+            className: "rounded border border-white/10 p-3 bg-white/5",
+            children: [
+              /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 mb-1", children: [
+                /* @__PURE__ */ jsx14("div", { className: "w-3 h-3 rounded bg-sky-500/50 border border-sky-500" }),
+                /* @__PURE__ */ jsx14("span", { className: "font-medium text-zinc-200", children: region.label || `\u533A\u57DF ${i + 1}` }),
+                /* @__PURE__ */ jsxs14("span", { className: "text-xs text-zinc-500", children: [
+                  "(",
+                  region.points.length,
+                  " \u4E2A\u9876\u70B9)"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx14("div", { className: "text-xs text-zinc-400 font-mono", children: region.points.map((p) => `(${p.lat.toFixed(2)}, ${p.lon.toFixed(2)})`).join(" \u2192 ") })
+            ]
+          },
+          i
+        )) })
+      ] }),
+      strikes.length > 0 && /* @__PURE__ */ jsxs14("div", { children: [
+        /* @__PURE__ */ jsx14("h4", { className: "text-sm font-semibold text-zinc-200 mb-2", children: "\u6253\u51FB\u7EBF\u8DEF" }),
+        /* @__PURE__ */ jsx14("div", { className: "space-y-2", children: strikes.map((strike, i) => {
+          const color = strike.color || "red";
+          return /* @__PURE__ */ jsxs14(
+            "div",
+            {
+              className: "rounded border border-white/10 p-3 bg-white/5 flex items-center gap-3",
+              children: [
+                /* @__PURE__ */ jsx14(
+                  Navigation,
+                  {
+                    className: cn(
+                      "w-4 h-4 flex-shrink-0",
+                      color === "red" ? "text-red-400" : "text-sky-400"
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxs14("div", { className: "flex-1 text-sm", children: [
+                  /* @__PURE__ */ jsx14("span", { className: "font-medium text-zinc-200", children: strike.label || `\u6253\u51FB ${i + 1}` }),
+                  /* @__PURE__ */ jsx14("span", { className: "text-zinc-500 mx-2", children: "|" }),
+                  /* @__PURE__ */ jsxs14("span", { className: "text-zinc-400 font-mono text-xs", children: [
+                    "(",
+                    strike.from.lat.toFixed(3),
+                    ", ",
+                    strike.from.lon.toFixed(3),
+                    ")"
+                  ] }),
+                  /* @__PURE__ */ jsx14("span", { className: "text-zinc-500 mx-1", children: "\u2192" }),
+                  /* @__PURE__ */ jsxs14("span", { className: "text-zinc-400 font-mono text-xs", children: [
+                    "(",
+                    strike.to.lat.toFixed(3),
+                    ", ",
+                    strike.to.lon.toFixed(3),
+                    ")"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx14(
+                  "span",
+                  {
+                    className: cn(
+                      "text-xs px-2 py-0.5 rounded",
+                      color === "red" ? "bg-red-500/20 text-red-400" : "bg-sky-500/20 text-sky-400"
+                    ),
+                    children: color === "red" ? "\u7EA2\u65B9" : "\u84DD\u65B9"
+                  }
+                )
+              ]
+            },
+            i
+          );
+        }) })
+      ] }),
+      units.length === 0 && regions.length === 0 && strikes.length === 0 && /* @__PURE__ */ jsx14("div", { className: "text-center text-zinc-500 py-8", children: "\u6682\u65E0\u5730\u56FE\u6570\u636E" })
+    ] })
+  ] });
+}
+
+// src/react/components/card/cards/order-status-card.tsx
+import { AlertCircle, CheckCircle, Clock as Clock5, Package, Truck } from "lucide-react";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+var statusConfig = {
+  pending: {
+    text: "\u5F85\u786E\u8BA4",
+    color: "bg-yellow-500/10 text-yellow-400",
+    icon: Clock5,
+    description: "\u8BA2\u5355\u5DF2\u63D0\u4EA4\uFF0C\u7B49\u5F85\u786E\u8BA4"
+  },
+  confirmed: {
+    text: "\u5DF2\u786E\u8BA4",
+    color: "bg-blue-500/10 text-blue-400",
+    icon: CheckCircle,
+    description: "\u8BA2\u5355\u5DF2\u786E\u8BA4\uFF0C\u51C6\u5907\u53D1\u8D27"
+  },
+  shipped: {
+    text: "\u5DF2\u53D1\u8D27",
+    color: "bg-purple-500/10 text-purple-400",
+    icon: Package,
+    description: "\u5546\u54C1\u5DF2\u53D1\u51FA"
+  },
+  delivering: {
+    text: "\u914D\u9001\u4E2D",
+    color: "bg-indigo-500/10 text-indigo-400",
+    icon: Truck,
+    description: "\u5546\u54C1\u6B63\u5728\u914D\u9001\u9014\u4E2D"
+  },
+  delivered: {
+    text: "\u5DF2\u9001\u8FBE",
+    color: "bg-green-500/10 text-green-400",
+    icon: CheckCircle,
+    description: "\u8BA2\u5355\u5DF2\u5B8C\u6210"
+  },
+  cancelled: {
+    text: "\u5DF2\u53D6\u6D88",
+    color: "bg-red-500/10 text-red-400",
+    icon: AlertCircle,
+    description: "\u8BA2\u5355\u5DF2\u53D6\u6D88"
+  }
+};
+var logisticsStatusConfig = {
+  picked_up: "\u5DF2\u63FD\u6536",
+  in_transit: "\u8FD0\u8F93\u4E2D",
+  out_for_delivery: "\u6D3E\u9001\u4E2D",
+  delivered: "\u5DF2\u9001\u8FBE"
+};
+function OrderStatusCard({ card }) {
+  const payload = card.payload;
+  if (!payload || !payload.orderId) {
+    return /* @__PURE__ */ jsx15("div", { className: "rounded-md border border-red-500/50 bg-red-500/10 p-4", children: /* @__PURE__ */ jsx15("p", { className: "text-sm text-red-400", children: "\u8BA2\u5355\u72B6\u6001\u5361\u7247\u6570\u636E\u683C\u5F0F\u9519\u8BEF\uFF1A\u9700\u8981 orderId" }) });
+  }
+  const currentStatus = statusConfig[payload.status] ?? statusConfig.pending;
+  const StatusIcon = currentStatus.icon;
+  return /* @__PURE__ */ jsxs15("div", { className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4 shadow-sm", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "mb-4 flex items-start justify-between", children: [
+      /* @__PURE__ */ jsxs15("div", { children: [
+        card.title && /* @__PURE__ */ jsx15("h3", { className: "mb-1 text-lg font-semibold text-[hsl(var(--foreground))]", children: card.title }),
+        /* @__PURE__ */ jsxs15("p", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: [
+          "\u8BA2\u5355\u53F7: ",
+          payload.orderId
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs15(
+        "div",
+        {
+          className: cn(
+            "flex items-center gap-1 rounded-full px-3 py-1 text-sm font-medium",
+            currentStatus.color
+          ),
+          children: [
+            /* @__PURE__ */ jsx15(StatusIcon, { className: "h-4 w-4" }),
+            currentStatus.text
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs15("div", { className: "mb-4 grid grid-cols-2 gap-4 rounded-md bg-[hsl(var(--muted)/0.3)] p-3", children: [
+      /* @__PURE__ */ jsxs15("div", { children: [
+        /* @__PURE__ */ jsx15("p", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u4E0B\u5355\u65F6\u95F4" }),
+        /* @__PURE__ */ jsx15("p", { className: "text-sm font-medium", children: payload.orderDate })
+      ] }),
+      /* @__PURE__ */ jsxs15("div", { children: [
+        /* @__PURE__ */ jsx15("p", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u8BA2\u5355\u91D1\u989D" }),
+        /* @__PURE__ */ jsxs15("p", { className: "text-sm font-medium", children: [
+          "\xA5",
+          payload.totalAmount
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs15("div", { children: [
+        /* @__PURE__ */ jsx15("p", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u5546\u54C1\u6570\u91CF" }),
+        /* @__PURE__ */ jsxs15("p", { className: "text-sm font-medium", children: [
+          payload.itemCount,
+          " \u4EF6"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs15("div", { children: [
+        /* @__PURE__ */ jsx15("p", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u8D2D\u4E70\u5E73\u53F0" }),
+        /* @__PURE__ */ jsx15("p", { className: "text-sm font-medium", children: payload.platform })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs15("div", { className: "mb-4", children: [
+      /* @__PURE__ */ jsx15("p", { className: "text-sm text-[hsl(var(--foreground))]", children: currentStatus.description }),
+      payload.nextAction && /* @__PURE__ */ jsxs15("p", { className: "mt-1 text-sm text-[hsl(var(--primary))]", children: [
+        "\u4E0B\u4E00\u6B65: ",
+        payload.nextAction
+      ] })
+    ] }),
+    payload.logistics && /* @__PURE__ */ jsxs15("div", { className: "mb-4 border-t border-[hsl(var(--border))] pt-4", children: [
+      /* @__PURE__ */ jsxs15("h4", { className: "mb-3 flex items-center gap-2 text-sm font-medium", children: [
+        /* @__PURE__ */ jsx15(Truck, { className: "h-4 w-4" }),
+        "\u7269\u6D41\u4FE1\u606F"
+      ] }),
+      /* @__PURE__ */ jsxs15("div", { className: "space-y-2 text-sm", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx15("span", { className: "text-[hsl(var(--muted-foreground))]", children: "\u8FD0\u5355\u53F7:" }),
+          /* @__PURE__ */ jsx15("span", { className: "font-mono", children: payload.logistics.trackingNumber })
+        ] }),
+        /* @__PURE__ */ jsxs15("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx15("span", { className: "text-[hsl(var(--muted-foreground))]", children: "\u627F\u8FD0\u5546:" }),
+          /* @__PURE__ */ jsx15("span", { children: payload.logistics.carrier })
+        ] }),
+        /* @__PURE__ */ jsxs15("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx15("span", { className: "text-[hsl(var(--muted-foreground))]", children: "\u72B6\u6001:" }),
+          /* @__PURE__ */ jsx15("span", { className: "text-[hsl(var(--primary))]", children: logisticsStatusConfig[payload.logistics.status] })
+        ] }),
+        payload.logistics.currentLocation && /* @__PURE__ */ jsxs15("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx15("span", { className: "text-[hsl(var(--muted-foreground))]", children: "\u5F53\u524D\u4F4D\u7F6E:" }),
+          /* @__PURE__ */ jsx15("span", { children: payload.logistics.currentLocation })
+        ] }),
+        payload.logistics.estimatedDelivery && /* @__PURE__ */ jsxs15("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx15("span", { className: "text-[hsl(var(--muted-foreground))]", children: "\u9884\u8BA1\u9001\u8FBE:" }),
+          /* @__PURE__ */ jsx15("span", { className: "text-green-400", children: payload.logistics.estimatedDelivery })
+        ] }),
+        payload.logistics.lastUpdate && /* @__PURE__ */ jsxs15("div", { className: "mt-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
+          "\u6700\u540E\u66F4\u65B0: ",
+          payload.logistics.lastUpdate
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+// src/react/components/card/cards/patch-card.tsx
+import { ChevronDown as ChevronDown2, ChevronRight as ChevronRight3, FileEdit } from "lucide-react";
+import { useState as useState6 } from "react";
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+function getDiffLineClassName(line) {
+  if (line.startsWith("+") && !line.startsWith("+++")) {
+    return "bg-green-900/30 text-green-200";
+  }
+  if (line.startsWith("-") && !line.startsWith("---")) {
+    return "bg-red-900/30 text-red-200";
+  }
+  if (line.startsWith("@@")) {
+    return "text-blue-400 bg-blue-900/20";
+  }
+  if (line.startsWith("---") || line.startsWith("+++")) {
+    return "font-semibold text-[hsl(var(--muted-foreground))]";
+  }
+  return "text-[hsl(var(--muted-foreground))]";
+}
+function getDisplayFileName(filePath) {
+  const parts = filePath.split("/");
+  return parts[parts.length - 1] || filePath;
+}
+function SinglePatch({
+  patch,
+  defaultExpanded = false
+}) {
+  const [isExpanded, setIsExpanded] = useState6(defaultExpanded);
+  return /* @__PURE__ */ jsxs16("div", { className: "my-2 overflow-hidden rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))]", children: [
+    /* @__PURE__ */ jsxs16(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsExpanded(!isExpanded),
+        className: "flex w-full items-center justify-between px-3 py-2 hover:bg-[hsl(var(--muted))]/50",
+        children: [
+          /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx16(FileEdit, { className: "h-4 w-4 text-[hsl(var(--muted-foreground))]" }),
+            /* @__PURE__ */ jsx16("span", { className: "text-sm font-medium", children: getDisplayFileName(patch.filePath) }),
+            /* @__PURE__ */ jsxs16("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: [
+              "(",
+              patch.filePath,
+              ")"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs16("span", { className: "text-xs", children: [
+              /* @__PURE__ */ jsxs16("span", { className: "font-medium text-green-400", children: [
+                "+",
+                patch.stats.additions
+              ] }),
+              " / ",
+              /* @__PURE__ */ jsxs16("span", { className: "font-medium text-red-400", children: [
+                "-",
+                patch.stats.deletions
+              ] })
+            ] }),
+            isExpanded ? /* @__PURE__ */ jsx16(ChevronDown2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx16(ChevronRight3, { className: "h-4 w-4" })
+          ] })
+        ]
+      }
+    ),
+    isExpanded && /* @__PURE__ */ jsx16("div", { className: "max-h-80 overflow-auto", children: /* @__PURE__ */ jsx16("pre", { className: "overflow-x-auto whitespace-pre bg-[hsl(var(--muted))]/30 p-3 font-mono text-xs", children: patch.unifiedDiff.split("\n").map((line, lineIndex) => /* @__PURE__ */ jsx16("div", { className: getDiffLineClassName(line), children: line }, lineIndex)) }) })
+  ] });
+}
+function PatchCard({ card }) {
+  const payload = card.payload;
+  if (!payload) {
+    return /* @__PURE__ */ jsx16("div", { className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4", children: /* @__PURE__ */ jsx16("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u65E0\u8865\u4E01\u6570\u636E" }) });
+  }
+  const patches = payload.patches || [
+    {
+      filePath: payload.filePath,
+      unifiedDiff: payload.unifiedDiff,
+      stats: payload.stats
+    }
+  ];
+  return /* @__PURE__ */ jsx16("div", { className: "space-y-2", children: patches.map((patch, index) => /* @__PURE__ */ jsx16(SinglePatch, { patch }, `${patch.filePath}-${index}`)) });
+}
+
+// src/react/components/card/cards/product-recommendation-card.tsx
+import { Star as Star4 } from "lucide-react";
+import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+function RatingStars({ rating }) {
+  if (!rating) return null;
+  return /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-1", children: [
+    [...Array(5)].map((_, i) => /* @__PURE__ */ jsx17(
+      Star4,
+      {
+        className: cn(
+          "h-3 w-3",
+          i < Math.floor(rating) ? "fill-yellow-400 text-yellow-400" : "text-[hsl(var(--muted-foreground)/0.3)]"
+        )
+      },
+      i
+    )),
+    /* @__PURE__ */ jsx17("span", { className: "ml-1 text-xs text-[hsl(var(--muted-foreground))]", children: rating })
+  ] });
+}
+function ProductRecommendationCard({ card }) {
+  const payload = card.payload;
+  if (!payload || !Array.isArray(payload.products)) {
+    return /* @__PURE__ */ jsx17("div", { className: "rounded-md border border-red-500/50 bg-red-500/10 p-4", children: /* @__PURE__ */ jsx17("p", { className: "text-sm text-red-400", children: "\u5546\u54C1\u63A8\u8350\u5361\u7247\u6570\u636E\u683C\u5F0F\u9519\u8BEF\uFF1A\u9700\u8981 products \u6570\u7EC4" }) });
+  }
+  return /* @__PURE__ */ jsxs17("div", { className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4 shadow-sm", children: [
+    /* @__PURE__ */ jsxs17("div", { className: "mb-4 flex items-center justify-between", children: [
+      card.title && /* @__PURE__ */ jsx17("h3", { className: "text-lg font-semibold text-[hsl(var(--foreground))]", children: card.title }),
+      payload.category && /* @__PURE__ */ jsx17("span", { className: "rounded-full bg-[hsl(var(--secondary))] px-2 py-1 text-xs text-[hsl(var(--secondary-foreground))]", children: payload.category })
+    ] }),
+    payload.totalCount && /* @__PURE__ */ jsxs17("p", { className: "mb-3 text-sm text-[hsl(var(--muted-foreground))]", children: [
+      "\u5171\u627E\u5230 ",
+      payload.totalCount,
+      " \u4E2A\u76F8\u5173\u5546\u54C1\uFF0C\u663E\u793A\u524D ",
+      payload.products.length,
+      " \u4E2A"
+    ] }),
+    /* @__PURE__ */ jsx17("div", { className: "mb-4 grid grid-cols-1 gap-4 md:grid-cols-2", children: payload.products.map((product, index) => /* @__PURE__ */ jsx17(
+      "div",
+      {
+        className: "rounded-lg border border-[hsl(var(--border))] p-3 transition-shadow hover:shadow-md",
+        children: /* @__PURE__ */ jsxs17("div", { className: "flex gap-3", children: [
+          product.imageUrl && /* @__PURE__ */ jsx17("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx17(
+            "img",
+            {
+              src: product.imageUrl,
+              alt: product.name,
+              className: "h-16 w-16 rounded border border-[hsl(var(--border))] object-cover"
+            }
+          ) }),
+          /* @__PURE__ */ jsxs17("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx17("h4", { className: "mb-1 line-clamp-2 text-sm font-medium text-[hsl(var(--foreground))]", children: product.name }),
+            product.rating && /* @__PURE__ */ jsxs17("div", { className: "mb-2 flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx17(RatingStars, { rating: product.rating }),
+              product.reviewCount && /* @__PURE__ */ jsxs17("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: [
+                "(",
+                product.reviewCount,
+                "\u8BC4\u4EF7)"
+              ] })
+            ] }),
+            product.features && /* @__PURE__ */ jsx17("div", { className: "mb-2 flex flex-wrap gap-1", children: product.features.slice(0, 2).map((feature, index2) => /* @__PURE__ */ jsx17(
+              "span",
+              {
+                className: "rounded bg-[hsl(var(--primary)/0.1)] px-1 py-0.5 text-xs text-[hsl(var(--primary))]",
+                children: feature
+              },
+              index2
+            )) }),
+            /* @__PURE__ */ jsxs17("div", { className: "flex items-end justify-between", children: [
+              /* @__PURE__ */ jsxs17("div", { children: [
+                /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsxs17("span", { className: "text-lg font-bold text-red-400", children: [
+                    "\xA5",
+                    product.price
+                  ] }),
+                  product.originalPrice && product.originalPrice > product.price && /* @__PURE__ */ jsxs17("span", { className: "text-sm text-[hsl(var(--muted-foreground))] line-through", children: [
+                    "\xA5",
+                    product.originalPrice
+                  ] })
+                ] }),
+                product.discount && /* @__PURE__ */ jsx17("span", { className: "text-xs font-medium text-red-400", children: product.discount })
+              ] }),
+              /* @__PURE__ */ jsx17("div", { className: "text-right", children: /* @__PURE__ */ jsx17("p", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: product.platform }) })
+            ] })
+          ] })
+        ] })
+      },
+      product.id ?? `product-${index}`
+    )) })
+  ] });
+}
+
+// src/react/components/card/cards/reflection-optimization-card.tsx
+import { AlertCircle as AlertCircle2, ArrowRight, ChevronDown as ChevronDown3, ChevronUp, Lightbulb, TrendingUp as TrendingUp2 } from "lucide-react";
+import { useState as useState7 } from "react";
+import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+var getRiskLevelColor = (level) => {
+  switch (level) {
+    case "low":
+      return "bg-green-900 text-green-200";
+    case "medium":
+      return "bg-yellow-900 text-yellow-200";
+    case "high":
+      return "bg-red-900 text-red-200";
+  }
+};
+var getRiskLevelText = (level) => {
+  switch (level) {
+    case "low":
+      return "\u4F4E";
+    case "medium":
+      return "\u4E2D";
+    case "high":
+      return "\u9AD8";
+  }
+};
+function MetricsComparison({
+  before,
+  after
+}) {
+  const getDelta = (beforeVal, afterVal, isLower = false) => {
+    const delta = afterVal - beforeVal;
+    const isImprovement = isLower ? delta < 0 : delta > 0;
+    return {
+      value: Math.abs(delta).toFixed(1),
+      isImprovement,
+      color: isImprovement ? "text-green-400" : "text-red-400"
+    };
+  };
+  const achievementDelta = getDelta(before.achievementRate, after.achievementRate);
+  const lossDelta = getDelta(before.lossRate, after.lossRate, true);
+  const costBenefitDelta = getDelta(before.costBenefit, after.costBenefit);
+  return /* @__PURE__ */ jsxs18("div", { className: "mt-4 grid grid-cols-2 gap-4", children: [
+    /* @__PURE__ */ jsxs18("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx18("div", { className: "text-sm font-medium text-[hsl(var(--muted-foreground))]", children: "\u4F18\u5316\u524D" }),
+      /* @__PURE__ */ jsxs18("div", { className: "space-y-2 text-sm", children: [
+        /* @__PURE__ */ jsxs18("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx18("span", { children: "\u76EE\u6807\u8FBE\u6210\u7387:" }),
+          /* @__PURE__ */ jsxs18("span", { className: "font-medium", children: [
+            before.achievementRate,
+            "%"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs18("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx18("span", { children: "\u6211\u65B9\u635F\u5931\u7387:" }),
+          /* @__PURE__ */ jsxs18("span", { className: "font-medium", children: [
+            before.lossRate,
+            "%"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs18("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx18("span", { children: "\u6210\u672C\u6548\u76CA\u6BD4:" }),
+          /* @__PURE__ */ jsx18("span", { className: "font-medium", children: before.costBenefit.toFixed(1) })
+        ] }),
+        /* @__PURE__ */ jsxs18("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx18("span", { children: "\u98CE\u9669\u7B49\u7EA7:" }),
+          /* @__PURE__ */ jsx18(
+            "span",
+            {
+              className: `rounded-full px-2 py-0.5 text-xs ${getRiskLevelColor(before.riskLevel)}`,
+              children: getRiskLevelText(before.riskLevel)
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs18("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx18("div", { className: "text-sm font-medium text-[hsl(var(--muted-foreground))]", children: "\u4F18\u5316\u540E\uFF08\u9884\u671F\uFF09" }),
+      /* @__PURE__ */ jsxs18("div", { className: "space-y-2 text-sm", children: [
+        /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx18("span", { children: "\u76EE\u6807\u8FBE\u6210\u7387:" }),
+          /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs18("span", { className: "font-medium", children: [
+              after.achievementRate,
+              "%"
+            ] }),
+            achievementDelta.value !== "0.0" && /* @__PURE__ */ jsxs18("span", { className: `text-xs ${achievementDelta.color}`, children: [
+              achievementDelta.isImprovement ? "+" : "-",
+              achievementDelta.value,
+              "%"
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx18("span", { children: "\u6211\u65B9\u635F\u5931\u7387:" }),
+          /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs18("span", { className: "font-medium", children: [
+              after.lossRate,
+              "%"
+            ] }),
+            lossDelta.value !== "0.0" && /* @__PURE__ */ jsxs18("span", { className: `text-xs ${lossDelta.color}`, children: [
+              lossDelta.isImprovement ? "-" : "+",
+              lossDelta.value,
+              "%"
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx18("span", { children: "\u6210\u672C\u6548\u76CA\u6BD4:" }),
+          /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx18("span", { className: "font-medium", children: after.costBenefit.toFixed(1) }),
+            costBenefitDelta.value !== "0.0" && /* @__PURE__ */ jsxs18("span", { className: `text-xs ${costBenefitDelta.color}`, children: [
+              costBenefitDelta.isImprovement ? "+" : "-",
+              costBenefitDelta.value
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs18("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx18("span", { children: "\u98CE\u9669\u7B49\u7EA7:" }),
+          /* @__PURE__ */ jsx18(
+            "span",
+            {
+              className: `rounded-full px-2 py-0.5 text-xs ${getRiskLevelColor(after.riskLevel)}`,
+              children: getRiskLevelText(after.riskLevel)
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function PlanOptimizationSection({ plan }) {
+  const [isOpen, setIsOpen] = useState7(false);
+  return /* @__PURE__ */ jsxs18("div", { className: "rounded-lg border border-[hsl(var(--border))] p-4 transition-colors hover:bg-[hsl(var(--accent))]/50", children: [
+    /* @__PURE__ */ jsxs18(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsOpen(!isOpen),
+        className: "flex w-full items-center justify-between",
+        children: [
+          /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx18("div", { className: "text-lg font-semibold", children: plan.planType }),
+            /* @__PURE__ */ jsxs18("span", { className: "rounded-full border border-[hsl(var(--border))] px-2 py-0.5 text-xs", children: [
+              plan.problems.length,
+              " \u4E2A\u95EE\u9898"
+            ] }),
+            /* @__PURE__ */ jsxs18("span", { className: "rounded-full border border-[hsl(var(--border))] bg-sky-950 px-2 py-0.5 text-xs", children: [
+              plan.improvements.length,
+              " \u9879\u6539\u8FDB"
+            ] })
+          ] }),
+          isOpen ? /* @__PURE__ */ jsx18(ChevronUp, { className: "h-5 w-5 text-[hsl(var(--muted-foreground))]" }) : /* @__PURE__ */ jsx18(ChevronDown3, { className: "h-5 w-5 text-[hsl(var(--muted-foreground))]" })
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsxs18("div", { className: "mt-4 space-y-4", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2 text-sm font-medium", children: [
+          /* @__PURE__ */ jsx18(AlertCircle2, { className: "h-4 w-4 text-orange-500" }),
+          /* @__PURE__ */ jsx18("span", { children: "\u95EE\u9898\u8BC6\u522B\u4E0E\u6839\u56E0\u5206\u6790" })
+        ] }),
+        /* @__PURE__ */ jsx18("div", { className: "space-y-2 pl-6", children: plan.problems.map((problem, idx) => /* @__PURE__ */ jsxs18(
+          "div",
+          {
+            className: "space-y-1 border-l-2 border-orange-400 py-2 pl-3",
+            children: [
+              /* @__PURE__ */ jsx18("div", { className: "text-sm font-medium text-orange-400", children: problem.category }),
+              /* @__PURE__ */ jsx18("div", { className: "break-words text-sm text-[hsl(var(--muted-foreground))]", children: problem.description }),
+              /* @__PURE__ */ jsxs18("div", { className: "break-words text-xs italic text-[hsl(var(--muted-foreground))]", children: [
+                "\u6839\u672C\u539F\u56E0\uFF1A",
+                problem.rootCause
+              ] })
+            ]
+          },
+          idx
+        )) })
+      ] }),
+      /* @__PURE__ */ jsx18("div", { className: "border-t border-[hsl(var(--border))]" }),
+      /* @__PURE__ */ jsxs18("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2 text-sm font-medium", children: [
+          /* @__PURE__ */ jsx18(Lightbulb, { className: "h-4 w-4 text-sky-500" }),
+          /* @__PURE__ */ jsx18("span", { children: "\u9488\u5BF9\u6027\u6539\u8FDB\u5EFA\u8BAE" })
+        ] }),
+        /* @__PURE__ */ jsx18("div", { className: "space-y-2 pl-6", children: plan.improvements.map((improvement, idx) => /* @__PURE__ */ jsxs18(
+          "div",
+          {
+            className: "space-y-1 border-l-2 border-sky-400 py-2 pl-3",
+            children: [
+              /* @__PURE__ */ jsx18("div", { className: "text-sm font-medium text-sky-400", children: improvement.category }),
+              /* @__PURE__ */ jsx18("div", { className: "break-words text-sm text-[hsl(var(--muted-foreground))]", children: improvement.description }),
+              /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-1 text-xs text-green-400", children: [
+                /* @__PURE__ */ jsx18(TrendingUp2, { className: "h-3 w-3 shrink-0" }),
+                /* @__PURE__ */ jsxs18("span", { className: "break-words", children: [
+                  "\u9884\u671F\u6548\u679C\uFF1A",
+                  improvement.expectedEffect
+                ] })
+              ] })
+            ]
+          },
+          idx
+        )) })
+      ] }),
+      /* @__PURE__ */ jsx18("div", { className: "border-t border-[hsl(var(--border))]" }),
+      /* @__PURE__ */ jsxs18("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2 text-sm font-medium", children: [
+          /* @__PURE__ */ jsx18(ArrowRight, { className: "h-4 w-4 text-purple-500" }),
+          /* @__PURE__ */ jsx18("span", { children: "\u4F18\u5316\u524D\u540E\u5BF9\u6BD4" })
+        ] }),
+        /* @__PURE__ */ jsx18(
+          MetricsComparison,
+          {
+            before: plan.beforeOptimization,
+            after: plan.afterOptimization
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function ReflectionOptimizationCard({ card }) {
+  const payload = card.payload;
+  if (!payload) {
+    return /* @__PURE__ */ jsxs18("div", { className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-[hsl(var(--card-foreground))]", children: [
+      /* @__PURE__ */ jsx18("div", { className: "px-6 pt-6", children: /* @__PURE__ */ jsx18("h3", { className: "text-lg font-semibold", children: card.title || "\u667A\u80FD\u53CD\u601D\u4E0E\u65B9\u6848\u4F18\u5316" }) }),
+      /* @__PURE__ */ jsx18("div", { className: "px-6 pb-6 pt-4", children: /* @__PURE__ */ jsx18("div", { className: "text-[hsl(var(--muted-foreground))]", children: "\u65E0\u6709\u6548\u6570\u636E" }) })
+    ] });
+  }
+  const { plans, reflectionSummary } = payload;
+  return /* @__PURE__ */ jsxs18("div", { className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-[hsl(var(--card-foreground))]", children: [
+    /* @__PURE__ */ jsx18("div", { className: "px-6 pt-6", children: /* @__PURE__ */ jsxs18("h3", { className: "flex items-center gap-2 text-lg font-semibold", children: [
+      /* @__PURE__ */ jsx18(Lightbulb, { className: "h-5 w-5 text-yellow-500" }),
+      card.title || "\u667A\u80FD\u53CD\u601D\u4E0E\u65B9\u6848\u4F18\u5316"
+    ] }) }),
+    /* @__PURE__ */ jsxs18("div", { className: "space-y-6 px-6 pb-6 pt-4", children: [
+      /* @__PURE__ */ jsx18("div", { className: "space-y-3", children: plans.map((plan, idx) => /* @__PURE__ */ jsx18(PlanOptimizationSection, { plan }, idx)) }),
+      /* @__PURE__ */ jsx18("div", { className: "my-6 border-t border-[hsl(var(--border))]" }),
+      /* @__PURE__ */ jsxs18("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx18("div", { className: "text-base font-semibold", children: "\u53CD\u601D\u603B\u7ED3" }),
+        /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx18("div", { className: "text-sm font-medium text-[hsl(var(--muted-foreground))]", children: "\u5173\u952E\u53D1\u73B0" }),
+          /* @__PURE__ */ jsx18("ul", { className: "space-y-1 pl-5", children: reflectionSummary.keyFindings.map((finding, idx) => /* @__PURE__ */ jsx18(
+            "li",
+            {
+              className: "list-disc break-words text-sm text-[hsl(var(--muted-foreground))] marker:text-orange-500",
+              children: finding
+            },
+            idx
+          )) })
+        ] }),
+        /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx18("div", { className: "text-sm font-medium text-[hsl(var(--muted-foreground))]", children: "\u4F18\u5316\u7B56\u7565" }),
+          /* @__PURE__ */ jsx18("div", { className: "whitespace-pre-wrap break-words rounded-md border border-sky-800 bg-sky-950 p-3 text-sm", children: reflectionSummary.optimizationStrategy })
+        ] }),
+        /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx18("div", { className: "text-sm font-medium text-[hsl(var(--muted-foreground))]", children: "\u540E\u7EED\u6B65\u9AA4" }),
+          /* @__PURE__ */ jsx18("ol", { className: "space-y-1 pl-5", children: reflectionSummary.nextSteps.map((step, idx) => /* @__PURE__ */ jsx18(
+            "li",
+            {
+              className: "list-decimal break-words text-sm text-[hsl(var(--muted-foreground))] marker:font-medium marker:text-sky-500",
+              children: step
+            },
+            idx
+          )) })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+// src/react/components/card/cards/resolution-modifications-card.tsx
+import { AlertCircle as AlertCircle3, CheckCircle as CheckCircle2, Clock as Clock6, MapPin as MapPin6, Navigation as Navigation2, Users as Users2 } from "lucide-react";
+import { useState as useState8 } from "react";
+import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
+var getModificationIcon = (type) => {
+  switch (type) {
+    case "time_adjustment":
+      return /* @__PURE__ */ jsx19(Clock6, { className: "h-4 w-4" });
+    case "altitude_adjustment":
+      return /* @__PURE__ */ jsx19(Navigation2, { className: "h-4 w-4" });
+    case "platform_replacement":
+      return /* @__PURE__ */ jsx19(Users2, { className: "h-4 w-4" });
+    case "route_adjustment":
+      return /* @__PURE__ */ jsx19(MapPin6, { className: "h-4 w-4" });
+    default:
+      return /* @__PURE__ */ jsx19(AlertCircle3, { className: "h-4 w-4" });
+  }
+};
+var getModificationColor = (type) => {
+  switch (type) {
+    case "time_adjustment":
+      return "bg-blue-900 text-blue-200";
+    case "altitude_adjustment":
+      return "bg-green-900 text-green-200";
+    case "platform_replacement":
+      return "bg-purple-900 text-purple-200";
+    case "route_adjustment":
+      return "bg-orange-900 text-orange-200";
+    default:
+      return "bg-gray-900 text-gray-200";
+  }
+};
+var getStatusBadge = (status) => {
+  switch (status) {
+    case "modified":
+      return /* @__PURE__ */ jsx19("span", { className: "rounded-full bg-orange-500 px-2 py-0.5 text-xs text-white", children: "\u5DF2\u4FEE\u6539" });
+    case "unchanged":
+      return /* @__PURE__ */ jsx19("span", { className: "rounded-full bg-green-500 px-2 py-0.5 text-xs text-white", children: "\u672A\u53D8\u66F4" });
+    case "removed":
+      return /* @__PURE__ */ jsx19("span", { className: "rounded-full bg-red-500 px-2 py-0.5 text-xs text-white", children: "\u5DF2\u79FB\u9664" });
+    default:
+      return /* @__PURE__ */ jsx19("span", { className: "rounded-full bg-gray-500 px-2 py-0.5 text-xs text-white", children: status });
+  }
+};
+var formatModificationDetail = (mod) => {
+  const details = [];
+  if (mod.type === "time_adjustment" && mod.original_time !== void 0 && mod.new_time !== void 0) {
+    const delay = mod.new_time - mod.original_time;
+    details.push(
+      `\u65F6\u95F4\u8C03\u6574: ${mod.original_time} \u2192 ${mod.new_time} (${delay > 0 ? "+" : ""}${delay}s)`
+    );
+  }
+  if (mod.type === "altitude_adjustment" && mod.original_altitude !== void 0 && mod.new_altitude !== void 0) {
+    details.push(`\u9AD8\u5EA6\u8C03\u6574: ${mod.original_altitude}m \u2192 ${mod.new_altitude}m`);
+  }
+  if (mod.type === "platform_replacement" && mod.original_platform && mod.new_platform) {
+    details.push(`\u5E73\u53F0\u66FF\u6362: ${mod.original_platform} \u2192 ${mod.new_platform}`);
+  }
+  if (mod.type === "route_adjustment" && mod.added_waypoints !== void 0) {
+    details.push(`\u822A\u8DEF\u8C03\u6574: +${mod.added_waypoints}`);
+  }
+  return details.join(", ") || mod.type;
+};
+function ResolutionModificationsCard({ card }) {
+  const data = card.payload || card.data;
+  const [activeTab, setActiveTab] = useState8("modified");
+  if (!data || !Array.isArray(data)) {
+    return /* @__PURE__ */ jsx19("div", { className: "w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4", children: /* @__PURE__ */ jsx19("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u6570\u636E\u683C\u5F0F\u65E0\u6548" }) });
+  }
+  const stats = {
+    total: data.length,
+    modified: data.filter((t) => t.status === "modified").length,
+    unchanged: data.filter((t) => t.status === "unchanged").length,
+    removed: data.filter((t) => t.status === "removed").length
+  };
+  const modifiedTasks = data.filter(
+    (task) => task.status === "modified" && task.modifications && task.modifications.length > 0
+  );
+  const unchangedTasks = data.filter((task) => task.status === "unchanged");
+  return /* @__PURE__ */ jsxs19("div", { className: "w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-[hsl(var(--card-foreground))]", children: [
+    /* @__PURE__ */ jsx19("div", { className: "px-6 pt-6", children: /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx19("h3", { className: "text-lg font-semibold", children: "\u51B2\u7A81\u6D88\u89E3\u8BE6\u60C5" }),
+      /* @__PURE__ */ jsxs19("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsxs19("span", { className: "rounded-full border border-[hsl(var(--border))] px-2 py-0.5 text-xs", children: [
+          "\u603B\u8BA1: ",
+          stats.total
+        ] }),
+        /* @__PURE__ */ jsxs19("span", { className: "rounded-full bg-orange-500 px-2 py-0.5 text-xs text-white", children: [
+          "\u5DF2\u4FEE\u6539: ",
+          stats.modified
+        ] }),
+        /* @__PURE__ */ jsxs19("span", { className: "rounded-full bg-green-500 px-2 py-0.5 text-xs text-white", children: [
+          "\u672A\u53D8\u66F4: ",
+          stats.unchanged
+        ] }),
+        stats.removed > 0 && /* @__PURE__ */ jsxs19("span", { className: "rounded-full bg-red-500 px-2 py-0.5 text-xs text-white", children: [
+          "\u5DF2\u79FB\u9664: ",
+          stats.removed
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs19("div", { className: "px-6 pb-6 pt-4", children: [
+      /* @__PURE__ */ jsxs19("div", { className: "mb-4 grid w-full grid-cols-2 rounded-lg bg-[hsl(var(--muted))] p-1", children: [
+        /* @__PURE__ */ jsxs19(
+          "button",
+          {
+            type: "button",
+            onClick: () => setActiveTab("modified"),
+            className: `rounded-md px-3 py-1.5 text-sm font-medium transition-colors ${activeTab === "modified" ? "bg-[hsl(var(--background))] text-[hsl(var(--foreground))] shadow-sm" : "text-[hsl(var(--muted-foreground))]"}`,
+            children: [
+              "\u5DF2\u4FEE\u6539\u4EFB\u52A1 (",
+              modifiedTasks.length,
+              ")"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs19(
+          "button",
+          {
+            type: "button",
+            onClick: () => setActiveTab("unchanged"),
+            className: `rounded-md px-3 py-1.5 text-sm font-medium transition-colors ${activeTab === "unchanged" ? "bg-[hsl(var(--background))] text-[hsl(var(--foreground))] shadow-sm" : "text-[hsl(var(--muted-foreground))]"}`,
+            children: [
+              "\u672A\u53D8\u66F4 (",
+              unchangedTasks.length,
+              ")"
+            ]
+          }
+        )
+      ] }),
+      activeTab === "modified" && /* @__PURE__ */ jsx19("div", { className: "max-h-[500px] space-y-4 overflow-y-auto", children: modifiedTasks.length === 0 ? /* @__PURE__ */ jsx19("div", { className: "py-8 text-center text-[hsl(var(--muted-foreground))]", children: "\u65E0\u4FEE\u6539\u4EFB\u52A1" }) : modifiedTasks.map((task) => /* @__PURE__ */ jsxs19(
+        "div",
+        {
+          className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))]",
+          children: [
+            /* @__PURE__ */ jsx19("div", { className: "px-4 pb-3 pt-4", children: /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxs19("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx19("h4", { className: "text-sm font-semibold", children: task.id }),
+                task.info && /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
+                  /* @__PURE__ */ jsx19("span", { children: task.info.target_name }),
+                  /* @__PURE__ */ jsx19("span", { children: "\xB7" }),
+                  /* @__PURE__ */ jsx19("span", { children: task.info.strike_unit })
+                ] })
+              ] }),
+              getStatusBadge(task.status)
+            ] }) }),
+            /* @__PURE__ */ jsx19("div", { className: "px-4 pb-4", children: /* @__PURE__ */ jsx19("div", { className: "space-y-2", children: task.modifications?.map((mod, idx) => /* @__PURE__ */ jsxs19(
+              "div",
+              {
+                className: `flex items-start gap-2 rounded-lg p-2 ${getModificationColor(mod.type)}`,
+                children: [
+                  /* @__PURE__ */ jsx19("div", { className: "mt-0.5", children: getModificationIcon(mod.type) }),
+                  /* @__PURE__ */ jsxs19("div", { className: "flex-1 text-sm", children: [
+                    /* @__PURE__ */ jsx19("div", { className: "font-medium", children: formatModificationDetail(mod) }),
+                    /* @__PURE__ */ jsxs19("div", { className: "mt-1 text-xs opacity-80", children: [
+                      "\u539F\u56E0: ",
+                      mod.reason
+                    ] })
+                  ] })
+                ]
+              },
+              idx
+            )) }) })
+          ]
+        },
+        task.id
+      )) }),
+      activeTab === "unchanged" && /* @__PURE__ */ jsx19("div", { className: "max-h-[500px] overflow-y-auto", children: unchangedTasks.length === 0 ? /* @__PURE__ */ jsx19("div", { className: "py-8 text-center text-[hsl(var(--muted-foreground))]", children: "\u65E0\u672A\u53D8\u66F4\u4EFB\u52A1" }) : /* @__PURE__ */ jsx19("div", { className: "grid grid-cols-2 gap-2", children: unchangedTasks.map((task) => /* @__PURE__ */ jsx19(
+        "div",
+        {
+          className: "rounded-lg border border-[hsl(var(--border))] p-3",
+          children: /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs19("div", { children: [
+              /* @__PURE__ */ jsx19("div", { className: "text-sm font-medium", children: task.id }),
+              task.info && /* @__PURE__ */ jsxs19("div", { className: "mt-1 text-xs text-[hsl(var(--muted-foreground))]", children: [
+                task.info.target_name,
+                " \xB7 ",
+                task.info.strike_unit
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx19(CheckCircle2, { className: "h-4 w-4 text-green-500" })
+          ] })
+        },
+        task.id
+      )) }) })
+    ] })
+  ] });
+}
+
+// src/react/components/card/cards/resolution-summary-card.tsx
+import {
+  Activity as Activity2,
+  AlertTriangle as AlertTriangle3,
+  BarChart3,
+  CheckCircle as CheckCircle3,
+  Target as Target3,
+  Users as Users3,
+  XCircle
+} from "lucide-react";
+import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
+var getResolutionTypeLabel = (type) => {
+  const labels = {
+    time_adjustment: "\u65F6\u95F4\u8C03\u6574",
+    altitude_adjustment: "\u9AD8\u5EA6\u8C03\u6574",
+    platform_replacement: "\u5E73\u53F0\u66FF\u6362",
+    route_adjustment: "\u822A\u8DEF\u8C03\u6574",
+    reschedule: "\u91CD\u65B0\u6392\u7A0B"
+  };
+  return labels[type] || type;
+};
+function ResolutionSummaryCard({ card }) {
+  const data = card.payload || card.data;
+  if (!data) {
+    return /* @__PURE__ */ jsx20("div", { className: "w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4", children: /* @__PURE__ */ jsx20("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u6458\u8981\u6570\u636E\u683C\u5F0F\u65E0\u6548" }) });
+  }
+  const modificationRate = data.total_plans > 0 ? (data.modified_plans / data.total_plans * 100).toFixed(1) : "0";
+  const unchangedRate = data.total_plans > 0 ? (data.unchanged_plans / data.total_plans * 100).toFixed(1) : "0";
+  const actionTypes = data.resolution_actions?.reduce(
+    (acc, action) => {
+      const type = action.resolution_type;
+      if (!acc[type]) {
+        acc[type] = { count: 0, tasks: /* @__PURE__ */ new Set() };
+      }
+      acc[type].count++;
+      for (const task of action.affected_tasks) {
+        acc[type].tasks.add(task);
+      }
+      return acc;
+    },
+    {}
+  );
+  const resourceStats = Object.entries(data.validation?.resource_utilization || {}).map(([resource, info]) => ({
+    resource,
+    utilization_rate: (info.utilization_rate * 100).toFixed(1),
+    task_count: info.tasks.length,
+    tasks: info.tasks,
+    status: info.utilization_rate > 0.8 ? "\u9AD8\u8D1F\u8F7D" : info.utilization_rate > 0.3 ? "\u6B63\u5E38" : "\u4F4E\u8D1F\u8F7D",
+    color: info.utilization_rate > 0.8 ? "text-red-500" : info.utilization_rate > 0.3 ? "text-green-500" : "text-blue-500"
+  })).sort((a, b) => Number.parseFloat(b.utilization_rate) - Number.parseFloat(a.utilization_rate));
+  return /* @__PURE__ */ jsxs20("div", { className: "w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-[hsl(var(--card-foreground))]", children: [
+    /* @__PURE__ */ jsx20("div", { className: "px-6 pt-6", children: /* @__PURE__ */ jsxs20("h3", { className: "flex items-center gap-2 text-lg font-semibold", children: [
+      /* @__PURE__ */ jsx20(BarChart3, { className: "h-5 w-5" }),
+      "\u51B2\u7A81\u6D88\u89E3\u603B\u7ED3"
+    ] }) }),
+    /* @__PURE__ */ jsxs20("div", { className: "space-y-6 px-6 pb-6 pt-4", children: [
+      /* @__PURE__ */ jsxs20("div", { children: [
+        /* @__PURE__ */ jsxs20("h4", { className: "mb-3 flex items-center gap-2 text-sm font-medium", children: [
+          /* @__PURE__ */ jsx20(Activity2, { className: "h-4 w-4" }),
+          "\u57FA\u7840\u7EDF\u8BA1"
+        ] }),
+        /* @__PURE__ */ jsxs20("div", { className: "grid grid-cols-2 gap-3 md:grid-cols-4", children: [
+          /* @__PURE__ */ jsxs20("div", { className: "rounded-lg border border-[hsl(var(--border))] p-3", children: [
+            /* @__PURE__ */ jsx20("div", { className: "text-2xl font-bold", children: data.total_plans }),
+            /* @__PURE__ */ jsx20("div", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u603B\u8BA1\u65B9\u6848" })
+          ] }),
+          /* @__PURE__ */ jsxs20("div", { className: "rounded-lg border border-[hsl(var(--border))] p-3", children: [
+            /* @__PURE__ */ jsx20("div", { className: "text-2xl font-bold text-green-500", children: data.unchanged_plans }),
+            /* @__PURE__ */ jsxs20("div", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: [
+              "\u672A\u53D8\u66F4 (",
+              unchangedRate,
+              "%)"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs20("div", { className: "rounded-lg border border-[hsl(var(--border))] p-3", children: [
+            /* @__PURE__ */ jsx20("div", { className: "text-2xl font-bold text-orange-500", children: data.modified_plans }),
+            /* @__PURE__ */ jsxs20("div", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: [
+              "\u5DF2\u4FEE\u6539 (",
+              modificationRate,
+              "%)"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs20("div", { className: "rounded-lg border border-[hsl(var(--border))] p-3", children: [
+            /* @__PURE__ */ jsx20("div", { className: "text-2xl font-bold text-blue-500", children: data.conflicts_resolved }),
+            /* @__PURE__ */ jsx20("div", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u51B2\u7A81\u5DF2\u6D88\u89E3" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs20("div", { children: [
+        /* @__PURE__ */ jsxs20("h4", { className: "mb-3 flex items-center gap-2 text-sm font-medium", children: [
+          /* @__PURE__ */ jsx20(Target3, { className: "h-4 w-4" }),
+          "\u9A8C\u8BC1\u7ED3\u679C"
+        ] }),
+        /* @__PURE__ */ jsxs20("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between rounded-lg bg-[hsl(var(--secondary))] p-3", children: [
+            /* @__PURE__ */ jsx20("span", { className: "text-sm", children: "\u6240\u6709\u51B2\u7A81\u5DF2\u6D88\u89E3" }),
+            data.validation?.all_conflicts_resolved ? /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-1 text-green-500", children: [
+              /* @__PURE__ */ jsx20(CheckCircle3, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx20("span", { className: "text-sm", children: "\u662F" })
+            ] }) : /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-1 text-red-500", children: [
+              /* @__PURE__ */ jsx20(XCircle, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx20("span", { className: "text-sm", children: "\u5426" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between rounded-lg bg-[hsl(var(--secondary))] p-3", children: [
+            /* @__PURE__ */ jsx20("span", { className: "text-sm", children: "\u68C0\u6D4B\u5230\u65B0\u51B2\u7A81" }),
+            data.validation?.new_conflicts_detected ? /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-1 text-orange-500", children: [
+              /* @__PURE__ */ jsx20(AlertTriangle3, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx20("span", { className: "text-sm", children: "\u662F" })
+            ] }) : /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-1 text-green-500", children: [
+              /* @__PURE__ */ jsx20(CheckCircle3, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx20("span", { className: "text-sm", children: "\u5426" })
+            ] })
+          ] })
+        ] })
+      ] }),
+      actionTypes && Object.keys(actionTypes).length > 0 && /* @__PURE__ */ jsxs20("div", { children: [
+        /* @__PURE__ */ jsx20("h4", { className: "mb-3 text-sm font-medium", children: "\u6D88\u89E3\u52A8\u4F5C\u5206\u5E03" }),
+        /* @__PURE__ */ jsx20("div", { className: "space-y-2", children: Object.entries(actionTypes).map(([type, info]) => /* @__PURE__ */ jsxs20(
+          "div",
+          {
+            className: "flex items-center justify-between rounded bg-[hsl(var(--secondary))] p-2",
+            children: [
+              /* @__PURE__ */ jsx20("span", { className: "text-sm", children: getResolutionTypeLabel(type) }),
+              /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxs20("span", { className: "rounded-full border border-[hsl(var(--border))] px-2 py-0.5 text-xs", children: [
+                  info.count,
+                  " \u6B21"
+                ] }),
+                /* @__PURE__ */ jsxs20("span", { className: "rounded-full bg-[hsl(var(--secondary))] px-2 py-0.5 text-xs", children: [
+                  info.tasks.size,
+                  " \u4E2A\u4EFB\u52A1"
+                ] })
+              ] })
+            ]
+          },
+          type
+        )) })
+      ] }),
+      resourceStats.length > 0 && /* @__PURE__ */ jsxs20("div", { children: [
+        /* @__PURE__ */ jsxs20("h4", { className: "mb-3 flex items-center gap-2 text-sm font-medium", children: [
+          /* @__PURE__ */ jsx20(Users3, { className: "h-4 w-4" }),
+          "\u8D44\u6E90\u5229\u7528\u7387"
+        ] }),
+        /* @__PURE__ */ jsxs20("div", { className: "max-h-[200px] space-y-2 overflow-y-auto", children: [
+          resourceStats.slice(0, 10).map((resource) => /* @__PURE__ */ jsxs20("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between text-sm", children: [
+              /* @__PURE__ */ jsx20("span", { className: "font-medium", children: resource.resource }),
+              /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxs20("span", { className: resource.color, children: [
+                  resource.utilization_rate,
+                  "%"
+                ] }),
+                /* @__PURE__ */ jsxs20("span", { className: "rounded-full border border-[hsl(var(--border))] px-2 py-0.5 text-xs", children: [
+                  resource.task_count,
+                  " \u4E2A\u4EFB\u52A1"
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx20("div", { className: "h-2 overflow-hidden rounded-full bg-[hsl(var(--muted))]", children: /* @__PURE__ */ jsx20(
+              "div",
+              {
+                className: "h-full rounded-full bg-sky-500 transition-all",
+                style: { width: `${resource.utilization_rate}%` }
+              }
+            ) })
+          ] }, resource.resource)),
+          resourceStats.length > 10 && /* @__PURE__ */ jsxs20("div", { className: "pt-2 text-center text-xs text-[hsl(var(--muted-foreground))]", children: [
+            "\u8FD8\u6709 ",
+            resourceStats.length - 10,
+            " \u4E2A\u8D44\u6E90..."
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs20("div", { className: "rounded-lg bg-[hsl(var(--secondary))] p-4", children: [
+        /* @__PURE__ */ jsx20("h4", { className: "mb-2 text-sm font-medium", children: "\u6D88\u89E3\u603B\u7ED3" }),
+        /* @__PURE__ */ jsxs20("div", { className: "space-y-1", children: [
+          data.validation?.all_conflicts_resolved ? /* @__PURE__ */ jsxs20("div", { className: "flex items-start gap-2 text-sm text-green-400", children: [
+            /* @__PURE__ */ jsx20(CheckCircle3, { className: "mt-0.5 h-4 w-4" }),
+            /* @__PURE__ */ jsx20("span", { children: "\u6240\u6709\u51B2\u7A81\u5DF2\u6210\u529F\u6D88\u89E3\uFF0C\u65B9\u6848\u53EF\u6267\u884C" })
+          ] }) : /* @__PURE__ */ jsxs20("div", { className: "flex items-start gap-2 text-sm text-orange-400", children: [
+            /* @__PURE__ */ jsx20(AlertTriangle3, { className: "mt-0.5 h-4 w-4" }),
+            /* @__PURE__ */ jsx20("span", { children: "\u90E8\u5206\u51B2\u7A81\u5C1A\u672A\u5B8C\u5168\u6D88\u89E3\uFF0C\u5EFA\u8BAE\u8FDB\u4E00\u6B65\u8C03\u6574" })
+          ] }),
+          data.validation?.new_conflicts_detected && /* @__PURE__ */ jsxs20("div", { className: "flex items-start gap-2 text-sm text-orange-400", children: [
+            /* @__PURE__ */ jsx20(AlertTriangle3, { className: "mt-0.5 h-4 w-4" }),
+            /* @__PURE__ */ jsx20("span", { children: "\u6D88\u89E3\u8FC7\u7A0B\u4E2D\u4EA7\u751F\u4E86\u65B0\u7684\u51B2\u7A81\uFF0C\u9700\u8981\u6CE8\u610F" })
+          ] }),
+          data.removed_plans > 0 && /* @__PURE__ */ jsxs20("div", { className: "flex items-start gap-2 text-sm text-red-400", children: [
+            /* @__PURE__ */ jsx20(AlertTriangle3, { className: "mt-0.5 h-4 w-4" }),
+            /* @__PURE__ */ jsxs20("span", { children: [
+              "\u6709 ",
+              data.removed_plans,
+              " \u4E2A\u65B9\u6848\u88AB\u79FB\u9664"
+            ] })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+// src/react/components/card/cards/restaurant-card.tsx
+import { Info as Info2, MapPin as MapPin7, Star as Star5, Utensils } from "lucide-react";
+import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
+function RestaurantCard({ card }) {
+  const payload = card.payload;
+  if (!payload || !Array.isArray(payload.restaurants)) {
+    return /* @__PURE__ */ jsx21("div", { className: "rounded-md border border-red-500/50 bg-red-500/10 p-4", children: /* @__PURE__ */ jsx21("p", { className: "text-red-400 text-sm", children: "\u7F8E\u98DF\u5361\u7247\u6570\u636E\u683C\u5F0F\u9519\u8BEF" }) });
+  }
+  return /* @__PURE__ */ jsxs21("div", { className: "rounded-lg border border-white/10 bg-white/5 p-4", children: [
+    card.title && /* @__PURE__ */ jsx21("h3", { className: "font-semibold text-lg text-zinc-100 mb-4", children: card.title }),
+    /* @__PURE__ */ jsx21("div", { className: "space-y-3", children: payload.restaurants.map((rest, index) => /* @__PURE__ */ jsxs21("div", { className: "rounded-lg border border-white/10 p-3", children: [
+      /* @__PURE__ */ jsxs21("div", { className: "flex justify-between items-start mb-2", children: [
+        /* @__PURE__ */ jsxs21("div", { children: [
+          /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx21(Utensils, { className: "w-4 h-4 text-sky-400" }),
+            /* @__PURE__ */ jsx21("span", { className: "font-medium text-zinc-200", children: rest.name }),
+            /* @__PURE__ */ jsx21("span", { className: "px-1.5 py-0.5 bg-orange-500/20 text-orange-400 text-xs rounded", children: rest.category })
+          ] }),
+          /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-1 text-sm text-zinc-400 mt-1", children: [
+            /* @__PURE__ */ jsx21(MapPin7, { className: "w-3 h-3" }),
+            rest.location
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs21("div", { className: "text-right", children: [
+          /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx21(Star5, { className: "w-3 h-3 text-amber-400 fill-amber-400" }),
+            /* @__PURE__ */ jsx21("span", { className: "font-medium text-zinc-200", children: rest.rating })
+          ] }),
+          (rest.avgPrice || rest.priceRange) && /* @__PURE__ */ jsx21("div", { className: "text-sm text-zinc-400", children: rest.avgPrice ? `\u4EBA\u5747\xA5${rest.avgPrice}` : rest.priceRange })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs21("div", { className: "mb-2", children: [
+        /* @__PURE__ */ jsx21("span", { className: "text-xs text-zinc-500", children: "\u63A8\u8350\u83DC\u54C1:" }),
+        /* @__PURE__ */ jsx21("div", { className: "flex flex-wrap gap-1 mt-1", children: (rest.specialty ?? rest.specialties ?? []).map((s, i) => /* @__PURE__ */ jsx21(
+          "span",
+          {
+            className: "px-2 py-0.5 bg-white/5 text-zinc-400 text-xs rounded",
+            children: s
+          },
+          i
+        )) })
+      ] }),
+      rest.tips && /* @__PURE__ */ jsxs21("div", { className: "flex items-start gap-1 text-xs text-zinc-400 bg-white/5 p-2 rounded", children: [
+        /* @__PURE__ */ jsx21(Info2, { className: "w-3 h-3 mt-0.5 flex-shrink-0" }),
+        rest.tips
+      ] })
+    ] }, index)) })
+  ] });
+}
+
+// src/react/components/card/cards/shopping-list-card.tsx
+import { jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
+function ShoppingListCard({ card }) {
+  const payload = card.payload;
+  if (!payload || !Array.isArray(payload.items)) {
+    return /* @__PURE__ */ jsx22("div", { className: "rounded-md border border-red-500/50 bg-red-500/10 p-4", children: /* @__PURE__ */ jsx22("p", { className: "text-sm text-red-400", children: "\u8D2D\u7269\u6E05\u5355\u5361\u7247\u6570\u636E\u683C\u5F0F\u9519\u8BEF\uFF1A\u9700\u8981 items \u6570\u7EC4" }) });
+  }
+  const currency = payload.currency || "\xA5";
+  const statusMap = {
+    comparing: { text: "\u6BD4\u4EF7\u4E2D", color: "bg-yellow-500/10 text-yellow-400" },
+    ready: { text: "\u5F85\u8D2D\u4E70", color: "bg-green-500/10 text-green-400" },
+    ordered: { text: "\u5DF2\u4E0B\u5355", color: "bg-blue-500/10 text-blue-400" }
+  };
+  const status = statusMap[payload.status || "ready"];
+  return /* @__PURE__ */ jsxs22("div", { className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4 shadow-sm", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "mb-4 flex items-center justify-between", children: [
+      card.title && /* @__PURE__ */ jsx22("h3", { className: "text-lg font-semibold text-[hsl(var(--foreground))]", children: card.title }),
+      /* @__PURE__ */ jsx22("span", { className: cn("rounded-full px-2 py-1 text-xs font-medium", status.color), children: status.text })
+    ] }),
+    /* @__PURE__ */ jsx22("div", { className: "mb-4 space-y-3", children: payload.items.map((item, index) => /* @__PURE__ */ jsxs22(
+      "div",
+      {
+        className: "flex items-center gap-3 rounded-md bg-[hsl(var(--muted)/0.3)] p-3",
+        children: [
+          item.imageUrl && /* @__PURE__ */ jsx22(
+            "img",
+            {
+              src: item.imageUrl,
+              alt: item.name,
+              className: "h-12 w-12 rounded border border-[hsl(var(--border))] object-cover"
+            }
+          ),
+          /* @__PURE__ */ jsx22("div", { className: "flex-1", children: /* @__PURE__ */ jsxs22("div", { className: "flex items-start justify-between", children: [
+            /* @__PURE__ */ jsxs22("div", { children: [
+              /* @__PURE__ */ jsx22("h4", { className: "text-sm font-medium text-[hsl(var(--foreground))]", children: item.name }),
+              item.platform && /* @__PURE__ */ jsxs22("p", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: [
+                "\u6765\u6E90: ",
+                item.platform
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs22("div", { className: "text-right", children: [
+              /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxs22("span", { className: "text-sm font-semibold text-[hsl(var(--foreground))]", children: [
+                  currency,
+                  item.price
+                ] }),
+                item.originalPrice && item.originalPrice > item.price && /* @__PURE__ */ jsxs22("span", { className: "text-xs text-[hsl(var(--muted-foreground))] line-through", children: [
+                  currency,
+                  item.originalPrice
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs22("p", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: [
+                "\u6570\u91CF: ",
+                item.quantity
+              ] })
+            ] })
+          ] }) })
+        ]
+      },
+      index
+    )) }),
+    /* @__PURE__ */ jsxs22("div", { className: "border-t border-[hsl(var(--border))] pt-3", children: [
+      /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx22("span", { className: "font-medium text-[hsl(var(--foreground))]", children: "\u603B\u8BA1" }),
+        /* @__PURE__ */ jsxs22("span", { className: "text-lg font-bold text-[hsl(var(--foreground))]", children: [
+          currency,
+          payload.total
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs22("div", { className: "mt-1 text-xs text-[hsl(var(--muted-foreground))]", children: [
+        "\u5171 ",
+        payload.items.reduce((sum, item) => sum + item.quantity, 0),
+        " \u4EF6\u5546\u54C1"
+      ] })
+    ] })
+  ] });
+}
+
+// src/react/components/card/cards/simulation-event-card.tsx
+import {
+  Bomb,
+  Download as Download2,
+  Flag,
+  Info as Info3,
+  MapPin as MapPin8,
+  Pause,
+  Play,
+  Rocket,
+  Shield as Shield2,
+  Target as Target4,
+  Zap as Zap2
+} from "lucide-react";
+import { memo as memo4, useCallback as useCallback4, useEffect as useEffect3, useMemo as useMemo7, useState as useState9 } from "react";
+import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
+var eventStyles = {
+  start: { Icon: Rocket, color: "#0284c7", bg: "bg-sky-950" },
+  deploy: { Icon: MapPin8, color: "#0369a1", bg: "bg-sky-950" },
+  strike: { Icon: Zap2, color: "#075985", bg: "bg-sky-900" },
+  hit: { Icon: Target4, color: "#0ea5e9", bg: "bg-sky-950" },
+  damage: { Icon: Bomb, color: "#0c4a6e", bg: "bg-sky-900" },
+  defense: { Icon: Shield2, color: "#0284c7", bg: "bg-sky-950" },
+  end: { Icon: Flag, color: "#475569", bg: "bg-slate-950" },
+  info: { Icon: Info3, color: "#64748b", bg: "bg-slate-950" }
+};
+var severityStyles = {
+  critical: { badge: "bg-sky-900 text-white", label: "\u4E25\u91CD" },
+  high: { badge: "bg-sky-700 text-white", label: "\u91CD\u8981" },
+  medium: { badge: "bg-sky-600 text-white", label: "\u4E2D\u7B49" },
+  low: { badge: "bg-sky-500 text-white", label: "\u4E00\u822C" },
+  info: { badge: "bg-slate-500 text-white", label: "\u4FE1\u606F" }
+};
+var formatTime2 = (seconds) => {
+  const mins = Math.floor(seconds / 60);
+  const secs = seconds % 60;
+  return `${mins.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}`;
+};
+var showLogState = /* @__PURE__ */ new Map();
+var SimulationEventControlPanel = memo4(function SimulationEventControlPanel2({
+  cardId,
+  card
+}) {
+  const [showLog, setShowLogInternal] = useState9(() => showLogState.get(cardId) || false);
+  const setShowLog = useCallback4(
+    (value) => {
+      showLogState.set(cardId, value);
+      setShowLogInternal(value);
+    },
+    [cardId]
+  );
+  const toggleShowLog = useCallback4(() => {
+    setShowLog(!showLog);
+  }, [showLog, setShowLog]);
+  const handleDownload = useCallback4(() => {
+    try {
+      const jsonContent = JSON.stringify(card, null, 2);
+      const blob = new Blob([jsonContent], { type: "application/json" });
+      const url = URL.createObjectURL(blob);
+      const link = document.createElement("a");
+      link.href = url;
+      link.download = `${card.title || "simulation-events"}.json`;
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      URL.revokeObjectURL(url);
+    } catch (err) {
+      console.error("\u4E0B\u8F7D\u5931\u8D25:", err);
+    }
+  }, [card]);
+  return /* @__PURE__ */ jsxs23("div", { className: "border-t border-[hsl(var(--border))] p-4", children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx23(
+        "button",
+        {
+          type: "button",
+          onClick: toggleShowLog,
+          className: `rounded-md px-3 py-1.5 text-sm ${showLog ? "bg-[hsl(var(--accent))] text-[hsl(var(--accent-foreground))]" : "border border-[hsl(var(--border))] text-[hsl(var(--foreground))]"}`,
+          children: "\u67E5\u770B\u65E5\u5FD7"
+        }
+      ),
+      /* @__PURE__ */ jsxs23(
+        "button",
+        {
+          type: "button",
+          onClick: handleDownload,
+          title: "\u4E0B\u8F7D\u4E8B\u4EF6\u6570\u636E",
+          className: "flex items-center gap-1 rounded-md border border-[hsl(var(--border))] px-3 py-1.5 text-sm text-[hsl(var(--foreground))]",
+          children: [
+            /* @__PURE__ */ jsx23(Download2, { className: "h-4 w-4" }),
+            "\u4E0B\u8F7D\u6570\u636E"
+          ]
+        }
+      )
+    ] }),
+    showLog && /* @__PURE__ */ jsxs23("div", { className: "mt-4 rounded-lg bg-[hsl(var(--muted))] p-4", children: [
+      /* @__PURE__ */ jsx23("h4", { className: "mb-2 text-sm font-semibold", children: "LLM\u751F\u6210\u7684\u6E90\u7801\uFF1A" }),
+      /* @__PURE__ */ jsx23("div", { className: "max-h-96 overflow-y-auto", children: /* @__PURE__ */ jsx23("pre", { className: "whitespace-pre-wrap text-xs", children: /* @__PURE__ */ jsx23("code", { children: JSON.stringify(card, null, 2) }) }) })
+    ] })
+  ] });
+});
+function SimulationEventCardComponent({ card }) {
+  const payload = card.payload;
+  const title = card.title || "\u4EFF\u771F\u4E8B\u4EF6\u65F6\u95F4\u7EBF";
+  const [currentTime, setCurrentTime] = useState9(0);
+  const [isPlaying, setIsPlaying] = useState9(false);
+  const cardId = useMemo7(() => {
+    return `simulation-event-card-${card.id || payload?.simulationId || "default"}`;
+  }, [card.id, payload?.simulationId]);
+  const planName = payload?.planName || "\u672A\u77E5\u65B9\u6848";
+  const simulationId = payload?.simulationId || "\u672A\u77E5ID";
+  const simulationTime = payload?.simulationTime || "\u672A\u77E5\u65F6\u95F4";
+  const duration = payload?.duration || 0;
+  const events = useMemo7(() => payload?.events || [], [payload?.events]);
+  const togglePlayback = useCallback4(() => {
+    setIsPlaying((prev) => !prev);
+  }, []);
+  useEffect3(() => {
+    if (!isPlaying) return;
+    const interval = setInterval(() => {
+      setCurrentTime((prev) => {
+        if (prev >= duration) {
+          setIsPlaying(false);
+          return duration;
+        }
+        return prev + 1;
+      });
+    }, 100);
+    return () => clearInterval(interval);
+  }, [isPlaying, duration]);
+  const visibleEvents = useMemo7(() => {
+    return events.filter((event) => event.time <= currentTime);
+  }, [events, currentTime]);
+  const eventStats = useMemo7(() => {
+    const stats = {
+      strike: 0,
+      hit: 0,
+      damage: 0,
+      defense: 0,
+      total: events.length
+    };
+    for (const event of events) {
+      if (event.type in stats) {
+        stats[event.type]++;
+      }
+    }
+    return stats;
+  }, [events]);
+  return /* @__PURE__ */ jsxs23("div", { className: "w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-[hsl(var(--card-foreground))]", children: [
+    /* @__PURE__ */ jsx23("div", { className: "px-6 pb-4 pt-6", children: /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx23("h3", { className: "text-lg font-semibold", children: title }),
+      /* @__PURE__ */ jsxs23("div", { className: "flex gap-4 text-sm text-[hsl(var(--muted-foreground))]", children: [
+        /* @__PURE__ */ jsxs23("span", { children: [
+          "\u65B9\u6848: ",
+          planName
+        ] }),
+        /* @__PURE__ */ jsxs23("span", { children: [
+          "\u4E8B\u4EF6\u6570: ",
+          events.length
+        ] }),
+        /* @__PURE__ */ jsxs23("span", { children: [
+          "\u65F6\u957F: ",
+          formatTime2(duration)
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs23("div", { className: "space-y-4 px-6 pb-6", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "grid grid-cols-2 gap-4 rounded-lg bg-[hsl(var(--muted))]/50 p-4", children: [
+        /* @__PURE__ */ jsxs23("div", { children: [
+          /* @__PURE__ */ jsx23("div", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u4EFF\u771FID" }),
+          /* @__PURE__ */ jsx23("div", { className: "font-mono text-sm", children: simulationId })
+        ] }),
+        /* @__PURE__ */ jsxs23("div", { children: [
+          /* @__PURE__ */ jsx23("div", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u4EFF\u771F\u65F6\u95F4" }),
+          /* @__PURE__ */ jsx23("div", { className: "text-sm", children: simulationTime })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs23("div", { className: "grid grid-cols-5 gap-2 text-center", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "rounded bg-sky-950 p-2", children: [
+          /* @__PURE__ */ jsx23(Zap2, { className: "mx-auto h-6 w-6 text-sky-700" }),
+          /* @__PURE__ */ jsx23("div", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u6253\u51FB" }),
+          /* @__PURE__ */ jsx23("div", { className: "text-lg font-bold", children: eventStats.strike })
+        ] }),
+        /* @__PURE__ */ jsxs23("div", { className: "rounded bg-sky-950 p-2", children: [
+          /* @__PURE__ */ jsx23(Target4, { className: "mx-auto h-6 w-6 text-sky-600" }),
+          /* @__PURE__ */ jsx23("div", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u547D\u4E2D" }),
+          /* @__PURE__ */ jsx23("div", { className: "text-lg font-bold", children: eventStats.hit })
+        ] }),
+        /* @__PURE__ */ jsxs23("div", { className: "rounded bg-sky-900 p-2", children: [
+          /* @__PURE__ */ jsx23(Bomb, { className: "mx-auto h-6 w-6 text-sky-300" }),
+          /* @__PURE__ */ jsx23("div", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u635F\u4F24" }),
+          /* @__PURE__ */ jsx23("div", { className: "text-lg font-bold", children: eventStats.damage })
+        ] }),
+        /* @__PURE__ */ jsxs23("div", { className: "rounded bg-sky-950 p-2", children: [
+          /* @__PURE__ */ jsx23(Shield2, { className: "mx-auto h-6 w-6 text-sky-500" }),
+          /* @__PURE__ */ jsx23("div", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u9632\u5FA1" }),
+          /* @__PURE__ */ jsx23("div", { className: "text-lg font-bold", children: eventStats.defense })
+        ] }),
+        /* @__PURE__ */ jsxs23("div", { className: "rounded bg-slate-950 p-2", children: [
+          /* @__PURE__ */ jsx23(Info3, { className: "mx-auto h-6 w-6 text-slate-600" }),
+          /* @__PURE__ */ jsx23("div", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u603B\u8BA1" }),
+          /* @__PURE__ */ jsx23("div", { className: "text-lg font-bold", children: eventStats.total })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx23(
+            "button",
+            {
+              type: "button",
+              onClick: togglePlayback,
+              className: "rounded-md border border-[hsl(var(--border))] p-1.5",
+              children: isPlaying ? /* @__PURE__ */ jsx23(Pause, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx23(Play, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx23(
+            "input",
+            {
+              type: "range",
+              min: "0",
+              max: duration,
+              value: currentTime,
+              onChange: (e) => {
+                setCurrentTime(Number(e.target.value));
+                setIsPlaying(false);
+              },
+              className: "flex-1"
+            }
+          ),
+          /* @__PURE__ */ jsx23("span", { className: "min-w-[60px] text-right font-mono text-sm", children: formatTime2(currentTime) })
+        ] }),
+        /* @__PURE__ */ jsx23("div", { className: "text-center text-xs text-[hsl(var(--muted-foreground))]", children: "\u62D6\u52A8\u6ED1\u5757\u6216\u70B9\u51FB\u64AD\u653E\u6309\u94AE\u67E5\u770B\u4E8B\u4EF6\u65F6\u95F4\u7EBF" })
+      ] }),
+      /* @__PURE__ */ jsxs23("div", { className: "max-h-[500px] space-y-2 overflow-y-auto p-1", children: [
+        visibleEvents.map((event, index) => {
+          const style = eventStyles[event.type] || eventStyles.info;
+          const EventIcon = style.Icon;
+          const severityStyle = event.severity ? severityStyles[event.severity] : null;
+          return /* @__PURE__ */ jsxs23(
+            "div",
+            {
+              className: `flex gap-3 overflow-auto rounded-lg border border-[hsl(var(--border))] p-3 transition-all ${style.bg} ${event.time === currentTime ? "ring-2 ring-sky-500" : ""}`,
+              children: [
+                /* @__PURE__ */ jsx23("div", { className: "w-16 shrink-0 text-right", children: /* @__PURE__ */ jsx23("div", { className: "font-mono text-xs text-[hsl(var(--muted-foreground))]", children: formatTime2(event.time) }) }),
+                /* @__PURE__ */ jsx23("div", { className: "shrink-0", children: /* @__PURE__ */ jsx23(EventIcon, { className: "h-6 w-6", style: { color: style.color } }) }),
+                /* @__PURE__ */ jsxs23("div", { className: "flex-1", children: [
+                  /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx23("div", { className: "text-sm font-semibold", children: event.title }),
+                    severityStyle && /* @__PURE__ */ jsx23(
+                      "span",
+                      {
+                        className: `rounded-full px-2 py-0.5 text-xs ${severityStyle.badge}`,
+                        children: severityStyle.label
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx23("div", { className: "mt-1 text-sm text-[hsl(var(--muted-foreground))]", children: event.description })
+                ] })
+              ]
+            },
+            index
+          );
+        }),
+        visibleEvents.length === 0 && /* @__PURE__ */ jsx23("div", { className: "py-8 text-center text-[hsl(var(--muted-foreground))]", children: "\u6682\u65E0\u4E8B\u4EF6" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx23(SimulationEventControlPanel, { cardId, card })
+  ] });
+}
+var SimulationEventCard = memo4(SimulationEventCardComponent);
+
+// src/react/components/card/cards/survival-effect-card.tsx
+import { memo as memo5, useCallback as useCallback5, useMemo as useMemo8 } from "react";
+import { jsx as jsx24, jsxs as jsxs24 } from "react/jsx-runtime";
+var planColors = {
+  \u7A33\u5065\u578B: { primary: "#0284c7", bg: "bg-sky-600", light: "bg-sky-900" },
+  \u6FC0\u8FDB\u578B: { primary: "#075985", bg: "bg-sky-800", light: "bg-sky-900" },
+  \u5747\u8861\u578B: { primary: "#0ea5e9", bg: "bg-sky-500", light: "bg-sky-950" }
+};
+var riskLevelConfig = {
+  low: { label: "\u4F4E", color: "text-sky-500", bg: "bg-sky-950" },
+  medium: { label: "\u4E2D", color: "text-sky-600", bg: "bg-sky-900" },
+  high: { label: "\u9AD8", color: "text-sky-300", bg: "bg-sky-800" }
+};
+var defaultPlanColor = { primary: "#6b7280", bg: "bg-gray-500", light: "bg-gray-900" };
+var SurvivalEffectControlPanel = memo5(function SurvivalEffectControlPanel2({
+  cardId,
+  card
+}) {
+  const [showLog, setShowLog] = useCardState(`${cardId}-showLog`, false);
+  const toggleShowLog = useCallback5(() => {
+    setShowLog(!showLog);
+  }, [showLog, setShowLog]);
+  const handleDownload = useCallback5(() => {
+    try {
+      const jsonContent = JSON.stringify(card, null, 2);
+      const blob = new Blob([jsonContent], { type: "application/json" });
+      const url = URL.createObjectURL(blob);
+      const link = document.createElement("a");
+      link.href = url;
+      link.download = `${card.title || "survival-effect"}.json`;
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      URL.revokeObjectURL(url);
+    } catch (err) {
+      console.error("\u4E0B\u8F7D\u5931\u8D25:", err);
+    }
+  }, [card]);
+  return /* @__PURE__ */ jsxs24("div", { className: "border-t border-[hsl(var(--border))] p-4", children: [
+    /* @__PURE__ */ jsxs24("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx24(
+        "button",
+        {
+          type: "button",
+          onClick: toggleShowLog,
+          className: `rounded-md px-3 py-1.5 text-sm ${showLog ? "bg-[hsl(var(--accent))] text-[hsl(var(--accent-foreground))]" : "border border-[hsl(var(--border))] text-[hsl(var(--foreground))]"}`,
+          children: "\u67E5\u770B\u65E5\u5FD7"
+        }
+      ),
+      /* @__PURE__ */ jsx24(
+        "button",
+        {
+          type: "button",
+          onClick: handleDownload,
+          title: "\u4E0B\u8F7D\u751F\u5B58\u6548\u679C\u6570\u636E",
+          className: "rounded-md border border-[hsl(var(--border))] px-3 py-1.5 text-sm text-[hsl(var(--foreground))]",
+          children: "\u4E0B\u8F7D\u6570\u636E"
+        }
+      )
+    ] }),
+    showLog && /* @__PURE__ */ jsxs24("div", { className: "mt-4 rounded-lg bg-[hsl(var(--muted))] p-4", children: [
+      /* @__PURE__ */ jsx24("h4", { className: "mb-2 text-sm font-semibold", children: "LLM\u751F\u6210\u7684\u6E90\u7801\uFF1A" }),
+      /* @__PURE__ */ jsx24("div", { className: "max-h-96 overflow-y-auto", children: /* @__PURE__ */ jsx24("pre", { className: "whitespace-pre-wrap text-xs", children: /* @__PURE__ */ jsx24("code", { children: JSON.stringify(card, null, 2) }) }) })
+    ] })
+  ] });
+});
+function SurvivalEffectCardComponent({ card }) {
+  const payload = card.payload;
+  const title = card.title || payload?.title || "\u751F\u5B58\u6548\u679C\u5BF9\u6BD4\u5206\u6790";
+  const cardId = useMemo8(() => {
+    return `survival-effect-card-${card.id || "default"}`;
+  }, [card.id]);
+  const plans = useMemo8(() => payload?.plans || [], [payload?.plans]);
+  const bestPlan = payload?.bestPlan;
+  const analysis = payload?.analysis;
+  const calculatedBestPlan = useMemo8(() => {
+    if (plans.length === 0) return null;
+    return plans.reduce(
+      (best, current) => current.lossRate < best.lossRate ? current : best
+    );
+  }, [plans]);
+  const displayBestPlan = bestPlan || calculatedBestPlan?.planType;
+  return /* @__PURE__ */ jsxs24("div", { className: "w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-[hsl(var(--card-foreground))]", children: [
+    /* @__PURE__ */ jsx24("div", { className: "px-6 pb-4 pt-6", children: /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx24("h3", { className: "text-lg font-semibold", children: title }),
+      /* @__PURE__ */ jsxs24("div", { className: "flex gap-4 text-sm text-[hsl(var(--muted-foreground))]", children: [
+        /* @__PURE__ */ jsxs24("span", { children: [
+          "\u65B9\u6848\u6570: ",
+          plans.length
+        ] }),
+        displayBestPlan && /* @__PURE__ */ jsxs24("span", { className: "font-semibold text-sky-400", children: [
+          "\u6700\u4F18: ",
+          displayBestPlan
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs24("div", { className: "space-y-6 px-6 pb-6", children: [
+      /* @__PURE__ */ jsx24("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs24("table", { className: "w-full border-collapse text-sm", children: [
+        /* @__PURE__ */ jsx24("thead", { children: /* @__PURE__ */ jsxs24("tr", { className: "border-b border-[hsl(var(--border))]", children: [
+          /* @__PURE__ */ jsx24("th", { className: "p-2 text-left", children: "\u65B9\u6848" }),
+          /* @__PURE__ */ jsx24("th", { className: "p-2 text-center", children: "\u6467\u6BC1" }),
+          /* @__PURE__ */ jsx24("th", { className: "p-2 text-center", children: "\u53D7\u635F" }),
+          /* @__PURE__ */ jsx24("th", { className: "p-2 text-center", children: "\u635F\u5931\u7387" }),
+          /* @__PURE__ */ jsx24("th", { className: "p-2 text-center", children: "\u5BFC\u5F39" }),
+          /* @__PURE__ */ jsx24("th", { className: "p-2 text-center", children: "\u547D\u4E2D\u7387" }),
+          /* @__PURE__ */ jsx24("th", { className: "p-2 text-center", children: "\u98CE\u9669" })
+        ] }) }),
+        /* @__PURE__ */ jsx24("tbody", { children: plans.map((plan, index) => {
+          const colors = planColors[plan.planType] || defaultPlanColor;
+          const isBest = plan.planType === displayBestPlan;
+          const riskConfig = riskLevelConfig[plan.riskLevel];
+          return /* @__PURE__ */ jsxs24(
+            "tr",
+            {
+              className: `border-b border-[hsl(var(--border))] ${isBest ? "bg-sky-950" : ""}`,
+              children: [
+                /* @__PURE__ */ jsx24("td", { className: "p-2", children: /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx24("div", { className: `h-3 w-3 rounded ${colors.bg}` }),
+                  /* @__PURE__ */ jsx24("span", { className: "font-semibold", children: plan.planType }),
+                  isBest && /* @__PURE__ */ jsx24("span", { className: "rounded-full bg-sky-600 px-2 py-0.5 text-xs text-white", children: "\u6700\u4F18" })
+                ] }) }),
+                /* @__PURE__ */ jsx24("td", { className: "p-2 text-center", children: /* @__PURE__ */ jsx24("span", { className: "font-mono text-sky-400", children: plan.ourDestroyed }) }),
+                /* @__PURE__ */ jsx24("td", { className: "p-2 text-center", children: /* @__PURE__ */ jsx24("span", { className: "font-mono text-sky-500", children: plan.ourDamaged }) }),
+                /* @__PURE__ */ jsx24("td", { className: "p-2 text-center", children: /* @__PURE__ */ jsxs24("span", { className: "font-bold", style: { color: colors.primary }, children: [
+                  plan.lossRate.toFixed(1),
+                  "%"
+                ] }) }),
+                /* @__PURE__ */ jsx24("td", { className: "p-2 text-center", children: /* @__PURE__ */ jsxs24("span", { className: "font-mono", children: [
+                  plan.missilesFired,
+                  "\u679A"
+                ] }) }),
+                /* @__PURE__ */ jsx24("td", { className: "p-2 text-center", children: /* @__PURE__ */ jsxs24("span", { className: "font-bold text-sky-400", children: [
+                  plan.hitRate,
+                  "%"
+                ] }) }),
+                /* @__PURE__ */ jsx24("td", { className: "p-2 text-center", children: /* @__PURE__ */ jsx24("div", { className: "flex items-center justify-center gap-1", children: /* @__PURE__ */ jsx24("span", { className: riskConfig.color, children: riskConfig.label }) }) })
+              ]
+            },
+            index
+          );
+        }) })
+      ] }) }),
+      /* @__PURE__ */ jsxs24("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx24("h4", { className: "text-sm font-semibold", children: "\u635F\u5931\u7387\u5BF9\u6BD4\uFF08\u8D8A\u4F4E\u8D8A\u597D\uFF09" }),
+        plans.map((plan, index) => {
+          const colors = planColors[plan.planType] || defaultPlanColor;
+          return /* @__PURE__ */ jsxs24("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsxs24("div", { className: "flex justify-between text-sm", children: [
+              /* @__PURE__ */ jsx24("span", { className: "font-semibold", children: plan.planType }),
+              /* @__PURE__ */ jsxs24("span", { className: "font-mono", children: [
+                plan.lossRate.toFixed(1),
+                "%"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx24("div", { className: "h-6 overflow-hidden rounded-full bg-[hsl(var(--muted))]", children: /* @__PURE__ */ jsx24(
+              "div",
+              {
+                className: `flex h-full items-center justify-end pr-2 transition-all duration-500 ${colors.bg}`,
+                style: { width: `${Math.min(plan.lossRate, 100)}%` },
+                children: /* @__PURE__ */ jsxs24("span", { className: "text-xs font-semibold text-white", children: [
+                  plan.ourDestroyed + plan.ourDamaged,
+                  "/",
+                  plan.ourTotal
+                ] })
+              }
+            ) })
+          ] }, index);
+        })
+      ] }),
+      /* @__PURE__ */ jsx24("div", { className: "grid grid-cols-3 gap-4", children: plans.map((plan, index) => {
+        const colors = planColors[plan.planType] || defaultPlanColor;
+        const isBest = plan.planType === displayBestPlan;
+        const riskConfig = riskLevelConfig[plan.riskLevel];
+        const efficiency = plan.hitRate / (plan.lossRate + 1);
+        return /* @__PURE__ */ jsxs24(
+          "div",
+          {
+            className: `rounded-lg border p-4 ${colors.light} ${isBest ? "border-sky-600" : "border-[hsl(var(--border))]"}`,
+            children: [
+              /* @__PURE__ */ jsxs24("div", { className: "mb-2 flex items-center justify-between", children: [
+                /* @__PURE__ */ jsx24("h4", { className: "font-semibold", children: plan.planType }),
+                isBest && /* @__PURE__ */ jsx24("span", { className: "text-xs text-sky-400", children: "\u2605" })
+              ] }),
+              /* @__PURE__ */ jsxs24("div", { className: "space-y-1 text-sm", children: [
+                /* @__PURE__ */ jsxs24("div", { className: "flex justify-between", children: [
+                  /* @__PURE__ */ jsx24("span", { className: "text-[hsl(var(--muted-foreground))]", children: "\u6467\u6BC1" }),
+                  /* @__PURE__ */ jsxs24("span", { className: "font-bold text-sky-400", children: [
+                    plan.ourDestroyed,
+                    "\u4E2A"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs24("div", { className: "flex justify-between", children: [
+                  /* @__PURE__ */ jsx24("span", { className: "text-[hsl(var(--muted-foreground))]", children: "\u53D7\u635F" }),
+                  /* @__PURE__ */ jsxs24("span", { className: "font-bold text-sky-500", children: [
+                    plan.ourDamaged,
+                    "\u4E2A"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs24("div", { className: "flex justify-between", children: [
+                  /* @__PURE__ */ jsx24("span", { className: "text-[hsl(var(--muted-foreground))]", children: "\u603B\u8BA1" }),
+                  /* @__PURE__ */ jsxs24("span", { className: "font-bold", children: [
+                    plan.ourTotal,
+                    "\u4E2A"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs24("div", { className: "flex justify-between border-t border-[hsl(var(--border))] pt-2", children: [
+                  /* @__PURE__ */ jsx24("span", { className: "text-[hsl(var(--muted-foreground))]", children: "\u635F\u5931\u7387" }),
+                  /* @__PURE__ */ jsxs24("span", { className: "text-lg font-bold", style: { color: colors.primary }, children: [
+                    plan.lossRate.toFixed(1),
+                    "%"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs24("div", { className: "flex justify-between", children: [
+                  /* @__PURE__ */ jsx24("span", { className: "text-[hsl(var(--muted-foreground))]", children: "\u5BFC\u5F39" }),
+                  /* @__PURE__ */ jsxs24("span", { className: "font-bold", children: [
+                    plan.missilesFired,
+                    "\u679A"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs24("div", { className: "flex justify-between", children: [
+                  /* @__PURE__ */ jsx24("span", { className: "text-[hsl(var(--muted-foreground))]", children: "\u547D\u4E2D\u7387" }),
+                  /* @__PURE__ */ jsxs24("span", { className: "font-bold text-sky-400", children: [
+                    plan.hitRate,
+                    "%"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs24("div", { className: "flex justify-between", children: [
+                  /* @__PURE__ */ jsx24("span", { className: "text-[hsl(var(--muted-foreground))]", children: "\u6548\u8D39\u6BD4" }),
+                  /* @__PURE__ */ jsx24("span", { className: "font-bold", children: efficiency.toFixed(2) })
+                ] }),
+                /* @__PURE__ */ jsx24(
+                  "div",
+                  {
+                    className: `mt-2 flex items-center justify-center gap-1 rounded p-2 ${riskConfig.bg}`,
+                    children: /* @__PURE__ */ jsxs24("span", { className: `font-semibold ${riskConfig.color}`, children: [
+                      "\u98CE\u9669",
+                      riskConfig.label
+                    ] })
+                  }
+                )
+              ] })
+            ]
+          },
+          index
+        );
+      }) }),
+      /* @__PURE__ */ jsx24("div", { className: "grid grid-cols-3 gap-4", children: Object.entries(riskLevelConfig).map(([level, config]) => {
+        const count = plans.filter((p) => p.riskLevel === level).length;
+        return /* @__PURE__ */ jsx24("div", { className: `rounded-lg p-3 ${config.bg}`, children: /* @__PURE__ */ jsx24("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs24("div", { children: [
+          /* @__PURE__ */ jsxs24("div", { className: `text-xs ${config.color}`, children: [
+            "\u98CE\u9669",
+            config.label
+          ] }),
+          /* @__PURE__ */ jsxs24("div", { className: "text-xl font-bold", children: [
+            count,
+            "\u4E2A\u65B9\u6848"
+          ] })
+        ] }) }) }, level);
+      }) }),
+      analysis && /* @__PURE__ */ jsx24("div", { className: "rounded-lg border border-sky-800 bg-sky-950 p-4", children: /* @__PURE__ */ jsx24("div", { className: "flex gap-2", children: /* @__PURE__ */ jsxs24("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx24("h4", { className: "mb-1 text-sm font-semibold", children: "\u5206\u6790\u7ED3\u8BBA" }),
+        /* @__PURE__ */ jsx24("p", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: analysis })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ jsx24(SurvivalEffectControlPanel, { cardId, card })
+  ] });
+}
+var SurvivalEffectCard = memo5(SurvivalEffectCardComponent);
+
+// src/react/components/card/cards/travel-itinerary-card.tsx
+import { Calendar as Calendar2, MapPin as MapPin9, Wallet as Wallet2 } from "lucide-react";
+import { jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
+function TravelItineraryCard({ card }) {
+  const payload = card.payload;
+  if (!payload || !Array.isArray(payload.dailyPlan)) {
+    return /* @__PURE__ */ jsx25("div", { className: "rounded-md border border-red-500/50 bg-red-500/10 p-4", children: /* @__PURE__ */ jsx25("p", { className: "text-sm text-red-400", children: "\u65C5\u884C\u884C\u7A0B\u5361\u7247\u6570\u636E\u683C\u5F0F\u9519\u8BEF\uFF1A\u9700\u8981 dailyPlan \u6570\u7EC4" }) });
+  }
+  const formatCurrency = (amount, currency) => {
+    if (currency === "CNY") {
+      return `\xA5${amount.toLocaleString()}`;
+    }
+    return `${currency} ${amount.toLocaleString()}`;
+  };
+  return /* @__PURE__ */ jsxs25("div", { className: "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4 shadow-sm", children: [
+    card.title && /* @__PURE__ */ jsx25("h3", { className: "mb-4 text-lg font-semibold text-[hsl(var(--foreground))]", children: card.title }),
+    /* @__PURE__ */ jsxs25("div", { className: "mb-4 flex flex-wrap gap-4 rounded-lg bg-[hsl(var(--secondary)/0.3)] p-3", children: [
+      /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx25(MapPin9, { className: "h-4 w-4 text-[hsl(var(--primary))]" }),
+        /* @__PURE__ */ jsx25("span", { className: "text-sm font-medium", children: payload.destination })
+      ] }),
+      /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx25(Calendar2, { className: "h-4 w-4 text-[hsl(var(--primary))]" }),
+        /* @__PURE__ */ jsxs25("span", { className: "text-sm", children: [
+          payload.duration,
+          " (",
+          payload.startDate,
+          " - ",
+          payload.endDate,
+          ")"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx25(Wallet2, { className: "h-4 w-4 text-[hsl(var(--primary))]" }),
+        /* @__PURE__ */ jsxs25("span", { className: "text-sm", children: [
+          "\u9884\u7B97: ",
+          formatCurrency(payload.totalBudget, payload.currency)
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx25("div", { className: "space-y-3", children: payload.dailyPlan.map((day) => /* @__PURE__ */ jsxs25(
+      "div",
+      {
+        className: "rounded-lg border border-[hsl(var(--border))] p-3 transition-shadow hover:shadow-sm",
+        children: [
+          /* @__PURE__ */ jsxs25("div", { className: "mb-2 flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs25("span", { className: "rounded bg-[hsl(var(--primary))] px-2 py-1 text-xs font-medium text-[hsl(var(--primary-foreground))]", children: [
+              "Day ",
+              day.day
+            ] }),
+            /* @__PURE__ */ jsx25("span", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: day.date })
+          ] }),
+          /* @__PURE__ */ jsx25("div", { className: "flex flex-wrap gap-2", children: day.activities.map((activity, index) => /* @__PURE__ */ jsx25(
+            "span",
+            {
+              className: "rounded bg-[hsl(var(--secondary))] px-2 py-1 text-sm text-[hsl(var(--secondary-foreground))]",
+              children: activity
+            },
+            index
+          )) })
+        ]
+      },
+      day.day
+    )) })
+  ] });
+}
+
+// src/react/components/card/register.ts
+cardRegistry.register("kill-chain-card", KillChainCard);
+cardRegistry.register("shopping-list-card", ShoppingListCard);
+cardRegistry.register("product-recommendation-card", ProductRecommendationCard);
+cardRegistry.register("order-status-card", OrderStatusCard);
+cardRegistry.register("map-card", MapCard);
+cardRegistry.register("cite-card", CitationCard);
+cardRegistry.register("diff-card", DiffCard);
+cardRegistry.register("patch-card", PatchCard);
+cardRegistry.register("experience-card-with-options", ExperienceCardWithOptions);
+cardRegistry.register("simulation-event-card", SimulationEventCard);
+cardRegistry.register("damage-effect-card", DamageEffectCard);
+cardRegistry.register("survival-effect-card", SurvivalEffectCard);
+cardRegistry.register("comprehensive-analysis-card", ComprehensiveAnalysisCard);
+cardRegistry.register("reflection-optimization-card", ReflectionOptimizationCard);
+cardRegistry.register("counter", Counter);
+cardRegistry.register("resolution-modifications-card", ResolutionModificationsCard);
+cardRegistry.register("execution-order-card", ExecutionOrderCard);
+cardRegistry.register("resolution-summary-card", ResolutionSummaryCard);
+cardRegistry.register("gis-conflict-detection", ConflictDetectionCard);
+cardRegistry.register("travel-itinerary-card", TravelItineraryCard);
+cardRegistry.register("travel-plan", TravelItineraryCard);
+cardRegistry.register("destination-card", DestinationCard);
+cardRegistry.register("flight-card", FlightCard);
+cardRegistry.register("hotel-card", HotelCard);
+cardRegistry.register("attraction-card", AttractionCard);
+cardRegistry.register("restaurant-card", RestaurantCard);
+//# sourceMappingURL=register.js.map