@blade-hq/agent-kit 0.4.5 → 0.4.6

package/dist/react/cards/register.js

@@ -1,35 +1,14 @@
-// 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();
+import {
+  useCardState
+} from "../../chunk-DQCXSPHP.js";
+import {
+  cardRegistry
+} from "../../chunk-2UP7MG3J.js";
+import {
+  cn
+} from "../../chunk-7LEKQI47.js";
+import "../../chunk-JCJFFJ42.js";
+import "../../chunk-PZ5AY32C.js";
 
 // src/react/components/card/cards/attraction-card.tsx
 import { Clock, Info, Star, Ticket } from "lucide-react";
@@ -645,69 +624,6 @@ 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;
@@ -743,7 +659,7 @@ function Counter(props) {
 
 // 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 { memo as memo2, useCallback, useMemo as useMemo3 } from "react";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var calculateComprehensiveScore = (plan, weights) => {
   let score = 0;
@@ -787,10 +703,10 @@ var DamageEffectControlPanel = memo2(function DamageEffectControlPanel2({
   card
 }) {
   const [showLog, setShowLog] = useCardState(`${cardId}-showLog`, false);
-  const toggleShowLog = useCallback2(() => {
+  const toggleShowLog = useCallback(() => {
     setShowLog(!showLog);
   }, [showLog, setShowLog]);
-  const handleDownload = useCallback2(() => {
+  const handleDownload = useCallback(() => {
     try {
       const jsonContent = JSON.stringify(card, null, 2);
       const blob = new Blob([jsonContent], { type: "application/json" });
@@ -931,7 +847,7 @@ var WeightAdjustmentPanel = memo2(function WeightAdjustmentPanel2({
   const weightSum = useMemo3(() => {
     return Object.values(weights).reduce((sum, w) => sum + w, 0);
   }, [weights]);
-  const handleWeightChange = useCallback2(
+  const handleWeightChange = useCallback(
     (key, newValue) => {
       const normalized = normalizeWeights(weights, key, newValue);
       setWeights(normalized);
@@ -1014,7 +930,7 @@ function DamageEffectCardComponent({ card }) {
     ).plan;
   }, [plans, currentWeights]);
   const displayBestPlan = calculatedBestPlan?.name;
-  const handleWeightChange = useCallback2(
+  const handleWeightChange = useCallback(
     (newWeights) => {
       setCurrentWeights(newWeights);
     },
@@ -1105,16 +1021,7 @@ function DestinationCard({ card }) {
 }
 
 // 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 { useState as useState2 } from "react";
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function computeDiff(oldText, newText) {
   const oldLines = oldText.split("\n");
@@ -1151,7 +1058,7 @@ function computeDiff(oldText, newText) {
   return result;
 }
 function DiffCard({ card }) {
-  const [splitView, setSplitView] = useState3(true);
+  const [splitView, setSplitView] = useState2(true);
   const payload = card.payload;
   const {
     oldContent = "",
@@ -1284,7 +1191,7 @@ function DiffCard({ card }) {
 
 // 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 { useMemo as useMemo4, useState as useState3 } from "react";
 import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var getPlatformColor = (index) => {
   const colors = [
@@ -1301,7 +1208,7 @@ var getPlatformColor = (index) => {
 };
 function ExecutionOrderCard({ card }) {
   const data = card.payload || card.data;
-  const [activeTab, setActiveTab] = useState4("gantt");
+  const [activeTab, setActiveTab] = useState3("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" }) });
   }
@@ -1517,7 +1424,7 @@ function ExecutionOrderCard({ card }) {
 }
 
 // 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 { memo as memo3, useCallback as useCallback2, useEffect, useMemo as useMemo5, useRef } from "react";
 import { Check } from "lucide-react";
 import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 var sectionColors = [
@@ -1557,7 +1464,7 @@ function ExperienceCardWithOptionsInner({ card, sendMessage }) {
   const sendMessageRef = useRef(sendMessage);
   sendMessageRef.current = sendMessage;
   const processingTimerRef = useRef(null);
-  const handleOptionClick = useCallback3(
+  const handleOptionClick = useCallback2(
     async (option) => {
       if (selectedOption || isSending) return;
       setSelectedOption(option.value);
@@ -1594,7 +1501,7 @@ function ExperienceCardWithOptionsInner({ card, sendMessage }) {
     },
     [selectedOption, isSending, setSelectedOption, setIsSending, setShowProcessing]
   );
-  useEffect2(() => {
+  useEffect(() => {
     return () => {
       if (processingTimerRef.current) {
         clearTimeout(processingTimerRef.current);
@@ -1818,7 +1725,7 @@ import {
   Target as Target2,
   Zap
 } from "lucide-react";
-import { Fragment, useState as useState5 } from "react";
+import { Fragment, useState as useState4 } from "react";
 import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 var getPriorityColor = (priority) => {
   switch (priority) {
@@ -2250,9 +2157,9 @@ function KillChainPhaseCard({
 }
 function KillChainCard({ card }) {
   const payload = card.payload;
-  const [expandedPhases, setExpandedPhases] = useState5(/* @__PURE__ */ new Set());
-  const [showRestrike, setShowRestrike] = useState5(false);
-  const [showRisk, setShowRisk] = useState5(false);
+  const [expandedPhases, setExpandedPhases] = useState4(/* @__PURE__ */ new Set());
+  const [showRestrike, setShowRestrike] = useState4(false);
+  const [showRisk, setShowRisk] = useState4(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" }) });
   }
@@ -2774,7 +2681,7 @@ function OrderStatusCard({ card }) {
 
 // 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 { useState as useState5 } from "react";
 import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
 function getDiffLineClassName(line) {
   if (line.startsWith("+") && !line.startsWith("+++")) {
@@ -2799,7 +2706,7 @@ function SinglePatch({
   patch,
   defaultExpanded = false
 }) {
-  const [isExpanded, setIsExpanded] = useState6(defaultExpanded);
+  const [isExpanded, setIsExpanded] = useState5(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",
@@ -2945,7 +2852,7 @@ function ProductRecommendationCard({ card }) {
 
 // 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 { useState as useState6 } from "react";
 import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
 var getRiskLevelColor = (level) => {
   switch (level) {
@@ -3073,7 +2980,7 @@ function MetricsComparison({
   ] });
 }
 function PlanOptimizationSection({ plan }) {
-  const [isOpen, setIsOpen] = useState7(false);
+  const [isOpen, setIsOpen] = useState6(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",
@@ -3213,7 +3120,7 @@ function ReflectionOptimizationCard({ card }) {
 
 // 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 { useState as useState7 } from "react";
 import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
 var getModificationIcon = (type) => {
   switch (type) {
@@ -3276,7 +3183,7 @@ var formatModificationDetail = (mod) => {
 };
 function ResolutionModificationsCard({ card }) {
   const data = card.payload || card.data;
-  const [activeTab, setActiveTab] = useState8("modified");
+  const [activeTab, setActiveTab] = useState7("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" }) });
   }
@@ -3744,7 +3651,7 @@ import {
   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 { memo as memo4, useCallback as useCallback3, useEffect as useEffect2, useMemo as useMemo7, useState as useState8 } from "react";
 import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
 var eventStyles = {
   start: { Icon: Rocket, color: "#0284c7", bg: "bg-sky-950" },
@@ -3773,18 +3680,18 @@ var SimulationEventControlPanel = memo4(function SimulationEventControlPanel2({
   cardId,
   card
 }) {
-  const [showLog, setShowLogInternal] = useState9(() => showLogState.get(cardId) || false);
-  const setShowLog = useCallback4(
+  const [showLog, setShowLogInternal] = useState8(() => showLogState.get(cardId) || false);
+  const setShowLog = useCallback3(
     (value) => {
       showLogState.set(cardId, value);
       setShowLogInternal(value);
     },
     [cardId]
   );
-  const toggleShowLog = useCallback4(() => {
+  const toggleShowLog = useCallback3(() => {
     setShowLog(!showLog);
   }, [showLog, setShowLog]);
-  const handleDownload = useCallback4(() => {
+  const handleDownload = useCallback3(() => {
     try {
       const jsonContent = JSON.stringify(card, null, 2);
       const blob = new Blob([jsonContent], { type: "application/json" });
@@ -3834,8 +3741,8 @@ var SimulationEventControlPanel = memo4(function SimulationEventControlPanel2({
 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 [currentTime, setCurrentTime] = useState8(0);
+  const [isPlaying, setIsPlaying] = useState8(false);
   const cardId = useMemo7(() => {
     return `simulation-event-card-${card.id || payload?.simulationId || "default"}`;
   }, [card.id, payload?.simulationId]);
@@ -3844,10 +3751,10 @@ function SimulationEventCardComponent({ card }) {
   const simulationTime = payload?.simulationTime || "\u672A\u77E5\u65F6\u95F4";
   const duration = payload?.duration || 0;
   const events = useMemo7(() => payload?.events || [], [payload?.events]);
-  const togglePlayback = useCallback4(() => {
+  const togglePlayback = useCallback3(() => {
     setIsPlaying((prev) => !prev);
   }, []);
-  useEffect3(() => {
+  useEffect2(() => {
     if (!isPlaying) return;
     const interval = setInterval(() => {
       setCurrentTime((prev) => {
@@ -4002,7 +3909,7 @@ function SimulationEventCardComponent({ 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 { memo as memo5, useCallback as useCallback4, 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" },
@@ -4020,10 +3927,10 @@ var SurvivalEffectControlPanel = memo5(function SurvivalEffectControlPanel2({
   card
 }) {
   const [showLog, setShowLog] = useCardState(`${cardId}-showLog`, false);
-  const toggleShowLog = useCallback5(() => {
+  const toggleShowLog = useCallback4(() => {
     setShowLog(!showLog);
   }, [showLog, setShowLog]);
-  const handleDownload = useCallback5(() => {
+  const handleDownload = useCallback4(() => {
     try {
       const jsonContent = JSON.stringify(card, null, 2);
       const blob = new Blob([jsonContent], { type: "application/json" });