@cogentic-co/ds 0.5.3 → 0.6.0

package/dist/animations/animation-ai-analysis.js

@@ -1,7 +1,102 @@
 "use client";
-export { AnimationAIAnalysis as default } from '../chunk-BTFYV3TI.js';
-import '../chunk-TAPJEVUA.js';
-import '../chunk-RXV2XUDZ.js';
-import '../chunk-GZNLQE3I.js';
+import { EASE_OUT } from '../chunk-TAPJEVUA.js';
+import { useAnimationTimer } from '../chunk-RXV2XUDZ.js';
+import { cn } from '../chunk-GZNLQE3I.js';
+import { Sparkles } from 'lucide-react';
+import { LazyMotion, domAnimation, AnimatePresence, m } from 'motion/react';
+import { useRef, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var INSIGHTS = [
+  {
+    category: "Risk Assessment",
+    text: "Counterparty risk assessed as {low} based on VASP registration status and historical transaction patterns."
+  },
+  {
+    category: "Threshold Analysis",
+    text: "Transfer {exceeds SGD 20,000} reporting threshold \u2014 enhanced due diligence triggered under MAS Notice PSN01."
+  },
+  {
+    category: "Travel Rule",
+    text: "Beneficiary VASP {verified} against IVMS101 directory \u2014 originator and beneficiary data complete."
+  },
+  {
+    category: "Jurisdiction Mapping",
+    text: "Corridor {SG \u2192 US} mapped \u2014 both counterparties subject to Travel Rule data requirements."
+  },
+  {
+    category: "Sanctions Screening",
+    text: "Screening {cleared} \u2014 no matches found across OFAC SDN, EU consolidated, and UN sanctions lists."
+  }
+];
+function renderHighlightedText(text) {
+  const parts = text.split(/\{([^}]+)\}/g);
+  return parts.map(
+    (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsx("span", { className: "rounded-sm bg-[#00D4FF]/10 px-1 font-medium text-[#0099BB]", children: part }, i) : /* @__PURE__ */ jsx("span", { children: part }, i)
+  );
+}
+function AnimationAIAnalysis({ className }) {
+  const [timerRef, tick] = useAnimationTimer(2800);
+  const count = Math.min(tick + 1, 3);
+  const startIdx = Math.max(0, tick + 1 - count);
+  const visibleCards = Array.from({ length: count }, (_, i) => (startIdx + i) % INSIGHTS.length);
+  const scrollRef = useRef(null);
+  useEffect(() => {
+    if (scrollRef.current) {
+      scrollRef.current.scrollTo({
+        top: scrollRef.current.scrollHeight,
+        behavior: "smooth"
+      });
+    }
+  }, []);
+  return /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsx("div", { ref: timerRef, className: cn("flex flex-col overflow-hidden", className), children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: scrollRef,
+      className: "scrollbar-none flex flex-1 flex-col gap-2.5 overflow-y-auto px-4 py-4",
+      children: /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: visibleCards.map((insightIdx, i) => {
+        const insight = INSIGHTS[insightIdx];
+        const isLatest = i === visibleCards.length - 1;
+        return /* @__PURE__ */ jsxs(
+          m.div,
+          {
+            initial: { opacity: 0, y: 16 },
+            animate: { opacity: isLatest ? 1 : 0.5, y: 0 },
+            exit: { opacity: 0, y: -8 },
+            transition: { duration: 0.4, ease: EASE_OUT },
+            className: cn(
+              "shrink-0 rounded-xl border bg-white p-3.5 transition-shadow duration-300",
+              isLatest ? "border-gray-200 shadow-sm" : "border-gray-100"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 font-medium text-[11px] text-gray-400", children: [
+                /* @__PURE__ */ jsx(
+                  Sparkles,
+                  {
+                    className: cn("h-3 w-3", isLatest ? "text-[#00D4FF]" : "text-gray-300")
+                  }
+                ),
+                insight.category
+              ] }),
+              /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: cn(
+                    "mt-1.5 text-[12px] leading-relaxed sm:text-[13px]",
+                    isLatest ? "text-gray-700" : "text-gray-400"
+                  ),
+                  children: renderHighlightedText(insight.text)
+                }
+              )
+            ]
+          },
+          `${i}-${insightIdx}`
+        );
+      }) })
+    }
+  ) }) });
+}
+
+export { AnimationAIAnalysis as default };
 //# sourceMappingURL=animation-ai-analysis.js.map
 //# sourceMappingURL=animation-ai-analysis.js.map

package/dist/animations/animation-ai-analysis.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"animation-ai-analysis.js"}
+{"version":3,"sources":["../../src/animations/animation-ai-analysis.tsx"],"names":[],"mappings":"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","file":"animation-ai-analysis.js","sourcesContent":["\"use client\"\n\nimport { Sparkles } from \"lucide-react\"\nimport { AnimatePresence, domAnimation, LazyMotion, m } from \"motion/react\"\nimport { useEffect, useRef } from \"react\"\n\nimport { useAnimationTimer } from \"../hooks/use-animation-timer\"\n\nimport { EASE_OUT } from \"../lib/animation\"\nimport { cn } from \"../lib/utils\"\n\ntype Insight = {\n  category: string\n  text: string\n}\n\nconst INSIGHTS: Insight[] = [\n  {\n    category: \"Risk Assessment\",\n    text: \"Counterparty risk assessed as {low} based on VASP registration status and historical transaction patterns.\",\n  },\n  {\n    category: \"Threshold Analysis\",\n    text: \"Transfer {exceeds SGD 20,000} reporting threshold — enhanced due diligence triggered under MAS Notice PSN01.\",\n  },\n  {\n    category: \"Travel Rule\",\n    text: \"Beneficiary VASP {verified} against IVMS101 directory — originator and beneficiary data complete.\",\n  },\n  {\n    category: \"Jurisdiction Mapping\",\n    text: \"Corridor {SG → US} mapped — both counterparties subject to Travel Rule data requirements.\",\n  },\n  {\n    category: \"Sanctions Screening\",\n    text: \"Screening {cleared} — no matches found across OFAC SDN, EU consolidated, and UN sanctions lists.\",\n  },\n]\n\nfunction renderHighlightedText(text: string) {\n  const parts = text.split(/\\{([^}]+)\\}/g)\n  return parts.map((part, i) =>\n    i % 2 === 1 ? (\n      <span key={i} className=\"rounded-sm bg-[#00D4FF]/10 px-1 font-medium text-[#0099BB]\">\n        {part}\n      </span>\n    ) : (\n      <span key={i}>{part}</span>\n    ),\n  )\n}\n\nexport default function AnimationAIAnalysis({ className }: { className?: string }) {\n  const [timerRef, tick] = useAnimationTimer(2800)\n  const count = Math.min(tick + 1, 3)\n  const startIdx = Math.max(0, tick + 1 - count)\n  const visibleCards = Array.from({ length: count }, (_, i) => (startIdx + i) % INSIGHTS.length)\n  const scrollRef = useRef<HTMLDivElement>(null)\n\n  // Auto-scroll to bottom when new card appears\n  useEffect(() => {\n    if (scrollRef.current) {\n      scrollRef.current.scrollTo({\n        top: scrollRef.current.scrollHeight,\n        behavior: \"smooth\",\n      })\n    }\n  }, [])\n\n  return (\n    <LazyMotion features={domAnimation}>\n      <div ref={timerRef} className={cn(\"flex flex-col overflow-hidden\", className)}>\n        <div\n          ref={scrollRef}\n          className=\"scrollbar-none flex flex-1 flex-col gap-2.5 overflow-y-auto px-4 py-4\"\n        >\n          <AnimatePresence initial={false}>\n            {visibleCards.map((insightIdx, i) => {\n              const insight = INSIGHTS[insightIdx]\n              const isLatest = i === visibleCards.length - 1\n              return (\n                <m.div\n                  key={`${i}-${insightIdx}`}\n                  initial={{ opacity: 0, y: 16 }}\n                  animate={{ opacity: isLatest ? 1 : 0.5, y: 0 }}\n                  exit={{ opacity: 0, y: -8 }}\n                  transition={{ duration: 0.4, ease: EASE_OUT }}\n                  className={cn(\n                    \"shrink-0 rounded-xl border bg-white p-3.5 transition-shadow duration-300\",\n                    isLatest ? \"border-gray-200 shadow-sm\" : \"border-gray-100\",\n                  )}\n                >\n                  <div className=\"flex items-center gap-2 font-medium text-[11px] text-gray-400\">\n                    <Sparkles\n                      className={cn(\"h-3 w-3\", isLatest ? \"text-[#00D4FF]\" : \"text-gray-300\")}\n                    />\n                    {insight.category}\n                  </div>\n                  <p\n                    className={cn(\n                      \"mt-1.5 text-[12px] leading-relaxed sm:text-[13px]\",\n                      isLatest ? \"text-gray-700\" : \"text-gray-400\",\n                    )}\n                  >\n                    {renderHighlightedText(insight.text)}\n                  </p>\n                </m.div>\n              )\n            })}\n          </AnimatePresence>\n        </div>\n      </div>\n    </LazyMotion>\n  )\n}\n"]}

package/dist/animations/animation-audit-trail.js

@@ -1,5 +1,197 @@
 "use client";
-export { AnimationAuditTrail as default } from '../chunk-SNOJLZP4.js';
-import '../chunk-GZNLQE3I.js';
+import { cn } from '../chunk-GZNLQE3I.js';
+import { FileText, AlertTriangle, CheckCircle2, ChevronRight } from 'lucide-react';
+import { LazyMotion, domAnimation, m } from 'motion/react';
+import { memo, useRef, useEffect, useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var AUDIT_SEQUENCES = [
+  [
+    {
+      timestamp: "14:32:01",
+      text: "Transfer TXN-0847 received \u2014 compliance check initiated",
+      type: "log"
+    },
+    { timestamp: "14:32:02", text: "SOP AML/CFT Policy v3.2 applied", type: "log" },
+    {
+      timestamp: "14:32:03",
+      text: "Travel Rule verification \u2014 VASP identity confirmed",
+      type: "success"
+    },
+    { timestamp: "14:32:04", text: "Sanctions screening \u2014 12,847 entries checked", type: "log" },
+    {
+      timestamp: "14:32:05",
+      text: "No sanctions matches found \u2014 OFAC, EU, UN clear",
+      type: "success"
+    },
+    { timestamp: "14:32:06", text: "PEP screening \u2014 2 beneficial owners cleared", type: "success" },
+    { timestamp: "14:32:07", text: "Risk score calculated: 18/100 \u2014 Low", type: "success" },
+    { timestamp: "14:32:08", text: "Decision: APPROVED \u2014 all checks passed", type: "success" },
+    {
+      timestamp: "14:32:08",
+      text: "Compliance report generated \u2014 ref CR-2024-0847",
+      type: "report"
+    }
+  ],
+  [
+    {
+      timestamp: "14:33:12",
+      text: "Transfer TXN-0846 received \u2014 compliance check initiated",
+      type: "log"
+    },
+    { timestamp: "14:33:13", text: "SOP Enhanced Due Diligence v2.1 applied", type: "log" },
+    {
+      timestamp: "14:33:14",
+      text: "Travel Rule verification \u2014 counterparty VASP verified",
+      type: "success"
+    },
+    { timestamp: "14:33:15", text: "High-risk corridor detected (HK \u2192 GB)", type: "warning" },
+    {
+      timestamp: "14:33:16",
+      text: "Enhanced due diligence triggered \u2014 FATF grey list",
+      type: "warning"
+    },
+    { timestamp: "14:33:17", text: "Amount exceeds USD 100K threshold", type: "warning" },
+    { timestamp: "14:33:18", text: "Risk score calculated: 72/100 \u2014 High", type: "warning" },
+    { timestamp: "14:33:19", text: "Decision: FLAGGED \u2014 manual review required", type: "warning" },
+    {
+      timestamp: "14:33:19",
+      text: "Escalation report generated \u2014 ref ESC-2024-0846",
+      type: "report"
+    }
+  ],
+  [
+    {
+      timestamp: "14:34:05",
+      text: "Transfer TXN-0845 received \u2014 compliance check initiated",
+      type: "log"
+    },
+    { timestamp: "14:34:06", text: "SOP MiCA Compliance v1.4 applied", type: "log" },
+    {
+      timestamp: "14:34:07",
+      text: "Travel Rule verification \u2014 both VASPs registered",
+      type: "success"
+    },
+    { timestamp: "14:34:08", text: "AE\u2192NL corridor approved \u2014 MiCA compliant", type: "success" },
+    { timestamp: "14:34:09", text: "Sanctions screening \u2014 9,234 entries checked", type: "log" },
+    { timestamp: "14:34:10", text: "All sanctions lists clear", type: "success" },
+    { timestamp: "14:34:11", text: "Below EUR 10K threshold \u2014 no STR required", type: "success" },
+    { timestamp: "14:34:12", text: "Risk score calculated: 12/100 \u2014 Low", type: "success" },
+    {
+      timestamp: "14:34:12",
+      text: "Compliance report generated \u2014 ref CR-2024-0845",
+      type: "report"
+    }
+  ]
+];
+var ENTRY_DELAY = 450;
+var iconMap = {
+  log: ChevronRight,
+  success: CheckCircle2,
+  warning: AlertTriangle,
+  report: FileText
+};
+var colorMap = {
+  log: "text-foreground/80",
+  success: "text-emerald-600",
+  warning: "text-amber-600",
+  report: "text-violet-600"
+};
+var TypeWriter = memo(function TypeWriter2({ text }) {
+  const spanRef = useRef(null);
+  useEffect(() => {
+    const el = spanRef.current;
+    if (!el) return;
+    let count = 0;
+    let raf;
+    function tick() {
+      count = Math.min(count + 3, text.length);
+      el.textContent = count < text.length ? `${text.slice(0, count)}\u258C` : text;
+      if (count < text.length) raf = requestAnimationFrame(tick);
+    }
+    raf = requestAnimationFrame(tick);
+    return () => cancelAnimationFrame(raf);
+  }, [text]);
+  return /* @__PURE__ */ jsx("span", { ref: spanRef });
+});
+function AnimationAuditTrail({ className }) {
+  const [seqIndex, setSeqIndex] = useState(0);
+  const [visibleEntries, setVisibleEntries] = useState([]);
+  const [entryCount, setEntryCount] = useState(0);
+  const scrollRef = useRef(null);
+  const timeoutRef = useRef(null);
+  const sequence = AUDIT_SEQUENCES[seqIndex];
+  useEffect(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    requestAnimationFrame(() => {
+      el.scrollTop = el.scrollHeight;
+    });
+  }, []);
+  useEffect(() => {
+    if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    setVisibleEntries([]);
+    setEntryCount(0);
+    const seq = AUDIT_SEQUENCES[seqIndex];
+    function streamEntry(idx) {
+      if (idx >= seq.length) {
+        timeoutRef.current = setTimeout(() => {
+          setSeqIndex((prev) => (prev + 1) % AUDIT_SEQUENCES.length);
+        }, 2e3);
+        return;
+      }
+      timeoutRef.current = setTimeout(() => {
+        setVisibleEntries((prev) => [...prev, seq[idx]]);
+        setEntryCount((c) => c + 1);
+        streamEntry(idx + 1);
+      }, ENTRY_DELAY);
+    }
+    const start = setTimeout(() => streamEntry(0), 300);
+    return () => {
+      clearTimeout(start);
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    };
+  }, [seqIndex]);
+  return /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-gray-100 border-b bg-gray-50/80 px-3 py-1.5", children: [
+      /* @__PURE__ */ jsxs("span", { className: "relative flex size-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute inline-flex size-full animate-ping rounded-full bg-emerald-400 opacity-75" }),
+        /* @__PURE__ */ jsx("span", { className: "relative inline-flex size-1.5 rounded-full bg-emerald-500" })
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: "font-semibold text-[10px] text-gray-700", children: "Audit Log" }),
+      /* @__PURE__ */ jsxs("span", { className: "ml-auto font-mono text-[10px] text-gray-400", children: [
+        entryCount,
+        " entries"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { ref: scrollRef, className: "scrollbar-none flex-1 overflow-y-auto px-3 py-2", children: /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+      visibleEntries.map((entry, i) => {
+        const Icon = iconMap[entry.type];
+        return /* @__PURE__ */ jsxs(
+          m.div,
+          {
+            initial: { opacity: 0, y: 4 },
+            animate: { opacity: 1, y: 0 },
+            transition: { duration: 0.25, ease: "easeOut" },
+            className: "flex items-start gap-1.5 font-mono text-[10px] leading-relaxed",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "shrink-0 text-foreground", children: entry.timestamp }),
+              /* @__PURE__ */ jsx(Icon, { className: cn("mt-0.5 size-2.5 shrink-0", colorMap[entry.type]) }),
+              /* @__PURE__ */ jsx("span", { className: cn(colorMap[entry.type]), children: /* @__PURE__ */ jsx(TypeWriter, { text: entry.text }) })
+            ]
+          },
+          `${seqIndex}-${i}`
+        );
+      }),
+      visibleEntries.length < sequence.length && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 font-mono text-[10px] text-gray-300", children: [
+        /* @__PURE__ */ jsx("span", { className: "shrink-0 text-transparent", children: "00:00:00" }),
+        /* @__PURE__ */ jsx(ChevronRight, { className: "size-2.5 shrink-0" }),
+        /* @__PURE__ */ jsx("span", { className: "animate-pulse", children: "\u258C" })
+      ] })
+    ] }) })
+  ] }) });
+}
+
+export { AnimationAuditTrail as default };
 //# sourceMappingURL=animation-audit-trail.js.map
 //# sourceMappingURL=animation-audit-trail.js.map

package/dist/animations/animation-audit-trail.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"animation-audit-trail.js"}
+{"version":3,"sources":["../../src/animations/animation-audit-trail.tsx"],"names":["TypeWriter"],"mappings":"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","file":"animation-audit-trail.js","sourcesContent":["\"use client\"\n\nimport { AlertTriangle, CheckCircle2, ChevronRight, FileText } from \"lucide-react\"\nimport { domAnimation, LazyMotion, m } from \"motion/react\"\nimport { memo, useEffect, useRef, useState } from \"react\"\n\nimport { cn } from \"../lib/utils\"\n\ntype EntryType = \"log\" | \"success\" | \"warning\" | \"report\"\n\ninterface AuditEntry {\n  timestamp: string\n  text: string\n  type: EntryType\n}\n\nconst AUDIT_SEQUENCES: AuditEntry[][] = [\n  [\n    {\n      timestamp: \"14:32:01\",\n      text: \"Transfer TXN-0847 received — compliance check initiated\",\n      type: \"log\",\n    },\n    { timestamp: \"14:32:02\", text: \"SOP AML/CFT Policy v3.2 applied\", type: \"log\" },\n    {\n      timestamp: \"14:32:03\",\n      text: \"Travel Rule verification — VASP identity confirmed\",\n      type: \"success\",\n    },\n    { timestamp: \"14:32:04\", text: \"Sanctions screening — 12,847 entries checked\", type: \"log\" },\n    {\n      timestamp: \"14:32:05\",\n      text: \"No sanctions matches found — OFAC, EU, UN clear\",\n      type: \"success\",\n    },\n    { timestamp: \"14:32:06\", text: \"PEP screening — 2 beneficial owners cleared\", type: \"success\" },\n    { timestamp: \"14:32:07\", text: \"Risk score calculated: 18/100 — Low\", type: \"success\" },\n    { timestamp: \"14:32:08\", text: \"Decision: APPROVED — all checks passed\", type: \"success\" },\n    {\n      timestamp: \"14:32:08\",\n      text: \"Compliance report generated — ref CR-2024-0847\",\n      type: \"report\",\n    },\n  ],\n  [\n    {\n      timestamp: \"14:33:12\",\n      text: \"Transfer TXN-0846 received — compliance check initiated\",\n      type: \"log\",\n    },\n    { timestamp: \"14:33:13\", text: \"SOP Enhanced Due Diligence v2.1 applied\", type: \"log\" },\n    {\n      timestamp: \"14:33:14\",\n      text: \"Travel Rule verification — counterparty VASP verified\",\n      type: \"success\",\n    },\n    { timestamp: \"14:33:15\", text: \"High-risk corridor detected (HK → GB)\", type: \"warning\" },\n    {\n      timestamp: \"14:33:16\",\n      text: \"Enhanced due diligence triggered — FATF grey list\",\n      type: \"warning\",\n    },\n    { timestamp: \"14:33:17\", text: \"Amount exceeds USD 100K threshold\", type: \"warning\" },\n    { timestamp: \"14:33:18\", text: \"Risk score calculated: 72/100 — High\", type: \"warning\" },\n    { timestamp: \"14:33:19\", text: \"Decision: FLAGGED — manual review required\", type: \"warning\" },\n    {\n      timestamp: \"14:33:19\",\n      text: \"Escalation report generated — ref ESC-2024-0846\",\n      type: \"report\",\n    },\n  ],\n  [\n    {\n      timestamp: \"14:34:05\",\n      text: \"Transfer TXN-0845 received — compliance check initiated\",\n      type: \"log\",\n    },\n    { timestamp: \"14:34:06\", text: \"SOP MiCA Compliance v1.4 applied\", type: \"log\" },\n    {\n      timestamp: \"14:34:07\",\n      text: \"Travel Rule verification — both VASPs registered\",\n      type: \"success\",\n    },\n    { timestamp: \"14:34:08\", text: \"AE→NL corridor approved — MiCA compliant\", type: \"success\" },\n    { timestamp: \"14:34:09\", text: \"Sanctions screening — 9,234 entries checked\", type: \"log\" },\n    { timestamp: \"14:34:10\", text: \"All sanctions lists clear\", type: \"success\" },\n    { timestamp: \"14:34:11\", text: \"Below EUR 10K threshold — no STR required\", type: \"success\" },\n    { timestamp: \"14:34:12\", text: \"Risk score calculated: 12/100 — Low\", type: \"success\" },\n    {\n      timestamp: \"14:34:12\",\n      text: \"Compliance report generated — ref CR-2024-0845\",\n      type: \"report\",\n    },\n  ],\n]\n\nconst ENTRY_DELAY = 450\n\nconst iconMap: Record<EntryType, typeof CheckCircle2> = {\n  log: ChevronRight,\n  success: CheckCircle2,\n  warning: AlertTriangle,\n  report: FileText,\n}\n\nconst colorMap: Record<EntryType, string> = {\n  log: \"text-foreground/80\",\n  success: \"text-emerald-600\",\n  warning: \"text-amber-600\",\n  report: \"text-violet-600\",\n}\n\nconst TypeWriter = memo(function TypeWriter({ text }: { text: string }) {\n  const spanRef = useRef<HTMLSpanElement>(null)\n\n  useEffect(() => {\n    const el = spanRef.current\n    if (!el) return\n    let count = 0\n    let raf: number\n\n    function tick() {\n      count = Math.min(count + 3, text.length)\n      el!.textContent = count < text.length ? `${text.slice(0, count)}▌` : text\n      if (count < text.length) raf = requestAnimationFrame(tick)\n    }\n\n    raf = requestAnimationFrame(tick)\n    return () => cancelAnimationFrame(raf)\n  }, [text])\n\n  return <span ref={spanRef} />\n})\n\nexport default function AnimationAuditTrail({ className }: { className?: string }) {\n  const [seqIndex, setSeqIndex] = useState(0)\n  const [visibleEntries, setVisibleEntries] = useState<AuditEntry[]>([])\n  const [entryCount, setEntryCount] = useState(0)\n  const scrollRef = useRef<HTMLDivElement>(null)\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const sequence = AUDIT_SEQUENCES[seqIndex]\n\n  // Auto-scroll (deferred to avoid layout thrashing)\n  useEffect(() => {\n    const el = scrollRef.current\n    if (!el) return\n    requestAnimationFrame(() => {\n      el.scrollTop = el.scrollHeight\n    })\n  }, [])\n\n  useEffect(() => {\n    if (timeoutRef.current) clearTimeout(timeoutRef.current)\n\n    // Clear immediately so stale entries don't flash with new keys\n    setVisibleEntries([])\n    setEntryCount(0)\n\n    const seq = AUDIT_SEQUENCES[seqIndex]\n\n    function streamEntry(idx: number) {\n      if (idx >= seq.length) {\n        timeoutRef.current = setTimeout(() => {\n          setSeqIndex((prev) => (prev + 1) % AUDIT_SEQUENCES.length)\n        }, 2000)\n        return\n      }\n\n      timeoutRef.current = setTimeout(() => {\n        setVisibleEntries((prev) => [...prev, seq[idx]])\n        setEntryCount((c) => c + 1)\n        streamEntry(idx + 1)\n      }, ENTRY_DELAY)\n    }\n\n    const start = setTimeout(() => streamEntry(0), 300)\n    return () => {\n      clearTimeout(start)\n      if (timeoutRef.current) clearTimeout(timeoutRef.current)\n    }\n  }, [seqIndex])\n\n  return (\n    <LazyMotion features={domAnimation}>\n      <div className={cn(\"flex flex-col\", className)}>\n        {/* Mini header */}\n        <div className=\"flex items-center gap-2 border-gray-100 border-b bg-gray-50/80 px-3 py-1.5\">\n          <span className=\"relative flex size-1.5\">\n            <span className=\"absolute inline-flex size-full animate-ping rounded-full bg-emerald-400 opacity-75\" />\n            <span className=\"relative inline-flex size-1.5 rounded-full bg-emerald-500\" />\n          </span>\n          <span className=\"font-semibold text-[10px] text-gray-700\">Audit Log</span>\n          <span className=\"ml-auto font-mono text-[10px] text-gray-400\">{entryCount} entries</span>\n        </div>\n\n        {/* Log entries */}\n        <div ref={scrollRef} className=\"scrollbar-none flex-1 overflow-y-auto px-3 py-2\">\n          <div className=\"space-y-0.5\">\n            {visibleEntries.map((entry, i) => {\n              const Icon = iconMap[entry.type]\n              return (\n                <m.div\n                  key={`${seqIndex}-${i}`}\n                  initial={{ opacity: 0, y: 4 }}\n                  animate={{ opacity: 1, y: 0 }}\n                  transition={{ duration: 0.25, ease: \"easeOut\" }}\n                  className=\"flex items-start gap-1.5 font-mono text-[10px] leading-relaxed\"\n                >\n                  <span className=\"shrink-0 text-foreground\">{entry.timestamp}</span>\n                  <Icon className={cn(\"mt-0.5 size-2.5 shrink-0\", colorMap[entry.type])} />\n                  <span className={cn(colorMap[entry.type])}>\n                    <TypeWriter text={entry.text} />\n                  </span>\n                </m.div>\n              )\n            })}\n            {visibleEntries.length < sequence.length && (\n              <div className=\"flex items-center gap-1.5 font-mono text-[10px] text-gray-300\">\n                <span className=\"shrink-0 text-transparent\">00:00:00</span>\n                <ChevronRight className=\"size-2.5 shrink-0\" />\n                <span className=\"animate-pulse\">▌</span>\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </LazyMotion>\n  )\n}\n"]}

package/dist/animations/animation-compliance-reports.js

@@ -1,7 +1,112 @@
 "use client";
-export { AnimationComplianceReports as default } from '../chunk-5OOO6TRA.js';
-import '../chunk-6RWCZUAD.js';
+import { useCycleIndex } from '../chunk-6RWCZUAD.js';
 import '../chunk-RXV2XUDZ.js';
-import '../chunk-GZNLQE3I.js';
+import { cn } from '../chunk-GZNLQE3I.js';
+import { FileText, CheckCircle2, Download } from 'lucide-react';
+import { LazyMotion, domAnimation, m } from 'motion/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var REPORTS = [
+  {
+    ref: "CR-2024-Q4",
+    title: "AUSTRAC Compliance Report",
+    jurisdiction: "Australia",
+    flag: "\u{1F1E6}\u{1F1FA}",
+    period: "Q4 2024",
+    status: "Generated",
+    sections: [
+      { name: "Transfers screened", items: 4821 },
+      { name: "STRs filed", items: 3 },
+      { name: "Sanctions hits", items: 0 },
+      { name: "Travel Rule compliance", items: 99 }
+    ]
+  },
+  {
+    ref: "CR-2024-MAS",
+    title: "MAS Regulatory Filing",
+    jurisdiction: "Singapore",
+    flag: "\u{1F1F8}\u{1F1EC}",
+    period: "H2 2024",
+    status: "Generated",
+    sections: [
+      { name: "Transfers screened", items: 2340 },
+      { name: "High-risk flagged", items: 18 },
+      { name: "EDD completed", items: 18 },
+      { name: "Travel Rule compliance", items: 100 }
+    ]
+  }
+];
+function AnimationComplianceReports({ className }) {
+  const [containerRef, index] = useCycleIndex(REPORTS.length, 4500);
+  const r = REPORTS[index];
+  return /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsxs("div", { ref: containerRef, className: cn("flex flex-col p-5", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "font-semibold text-[15px] text-foreground", children: "Compliance Reports" }),
+        /* @__PURE__ */ jsx("p", { className: "text-[12px] text-gray-400", children: "One-click generation" })
+      ] }),
+      /* @__PURE__ */ jsx(FileText, { className: "size-4 text-gray-400" })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      m.div,
+      {
+        initial: { opacity: 0, y: 6 },
+        animate: { opacity: 1, y: 0 },
+        transition: { duration: 0.3 },
+        className: "mt-4 rounded-lg border border-gray-100 bg-gray-50",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 border-gray-100 border-b px-4 py-3", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-lg", children: r.flag }),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsx("p", { className: "font-semibold text-[13px] text-gray-900", children: r.title }),
+              /* @__PURE__ */ jsxs("p", { className: "text-[10px] text-gray-400", children: [
+                r.ref,
+                " ",
+                "\u2022",
+                " ",
+                r.period
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 rounded-full bg-emerald-50 px-2 py-0.5", children: [
+              /* @__PURE__ */ jsx(CheckCircle2, { className: "size-3 text-emerald-500" }),
+              /* @__PURE__ */ jsx("span", { className: "font-semibold text-[10px] text-emerald-700", children: r.status })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2 p-3", children: r.sections.map((s, i) => /* @__PURE__ */ jsxs(
+            m.div,
+            {
+              initial: { opacity: 0, y: 4 },
+              animate: { opacity: 1, y: 0 },
+              transition: { delay: 0.1 + i * 0.08 },
+              className: "rounded-md bg-white px-3 py-2",
+              children: [
+                /* @__PURE__ */ jsx("p", { className: "text-[10px] text-gray-400", children: s.name }),
+                /* @__PURE__ */ jsx("p", { className: "mt-0.5 font-bold font-mono text-[14px] text-gray-900", children: typeof s.items === "number" && s.items > 100 ? s.items.toLocaleString() : s.name.includes("compliance") ? `${s.items}%` : s.items })
+              ]
+            },
+            s.name
+          )) })
+        ]
+      },
+      `report-${index}`
+    ),
+    /* @__PURE__ */ jsxs(
+      m.div,
+      {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        transition: { delay: 0.4 },
+        className: "mt-3 flex items-center justify-center gap-2 rounded-lg border border-gray-200 bg-white py-2 font-medium text-[12px] text-gray-600",
+        children: [
+          /* @__PURE__ */ jsx(Download, { className: "size-3.5" }),
+          "Download PDF"
+        ]
+      },
+      `dl-${index}`
+    )
+  ] }) });
+}
+
+export { AnimationComplianceReports as default };
 //# sourceMappingURL=animation-compliance-reports.js.map
 //# sourceMappingURL=animation-compliance-reports.js.map

package/dist/animations/animation-compliance-reports.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"animation-compliance-reports.js"}
+{"version":3,"sources":["../../src/animations/animation-compliance-reports.tsx"],"names":[],"mappings":"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","file":"animation-compliance-reports.js","sourcesContent":["\"use client\"\n\nimport { CheckCircle2, Download, FileText } from \"lucide-react\"\nimport { domAnimation, LazyMotion, m } from \"motion/react\"\n\nimport { useCycleIndex } from \"../hooks/use-cycle-index\"\n\nimport { cn } from \"../lib/utils\"\n\ntype Report = {\n  ref: string\n  title: string\n  jurisdiction: string\n  flag: string\n  period: string\n  status: \"Generated\" | \"Pending\"\n  sections: { name: string; items: number }[]\n}\n\nconst REPORTS: Report[] = [\n  {\n    ref: \"CR-2024-Q4\",\n    title: \"AUSTRAC Compliance Report\",\n    jurisdiction: \"Australia\",\n    flag: \"\\u{1F1E6}\\u{1F1FA}\",\n    period: \"Q4 2024\",\n    status: \"Generated\",\n    sections: [\n      { name: \"Transfers screened\", items: 4821 },\n      { name: \"STRs filed\", items: 3 },\n      { name: \"Sanctions hits\", items: 0 },\n      { name: \"Travel Rule compliance\", items: 99 },\n    ],\n  },\n  {\n    ref: \"CR-2024-MAS\",\n    title: \"MAS Regulatory Filing\",\n    jurisdiction: \"Singapore\",\n    flag: \"\\u{1F1F8}\\u{1F1EC}\",\n    period: \"H2 2024\",\n    status: \"Generated\",\n    sections: [\n      { name: \"Transfers screened\", items: 2340 },\n      { name: \"High-risk flagged\", items: 18 },\n      { name: \"EDD completed\", items: 18 },\n      { name: \"Travel Rule compliance\", items: 100 },\n    ],\n  },\n]\n\nexport default function AnimationComplianceReports({ className }: { className?: string }) {\n  const [containerRef, index] = useCycleIndex(REPORTS.length, 4500)\n\n  const r = REPORTS[index]\n\n  return (\n    <LazyMotion features={domAnimation}>\n      <div ref={containerRef} className={cn(\"flex flex-col p-5\", className)}>\n        {/* Header */}\n        <div className=\"flex items-center justify-between\">\n          <div>\n            <p className=\"font-semibold text-[15px] text-foreground\">Compliance Reports</p>\n            <p className=\"text-[12px] text-gray-400\">One-click generation</p>\n          </div>\n          <FileText className=\"size-4 text-gray-400\" />\n        </div>\n\n        {/* Report card */}\n        <m.div\n          key={`report-${index}`}\n          initial={{ opacity: 0, y: 6 }}\n          animate={{ opacity: 1, y: 0 }}\n          transition={{ duration: 0.3 }}\n          className=\"mt-4 rounded-lg border border-gray-100 bg-gray-50\"\n        >\n          <div className=\"flex items-center gap-3 border-gray-100 border-b px-4 py-3\">\n            <span className=\"text-lg\">{r.flag}</span>\n            <div className=\"flex-1\">\n              <p className=\"font-semibold text-[13px] text-gray-900\">{r.title}</p>\n              <p className=\"text-[10px] text-gray-400\">\n                {r.ref} {\"\\u2022\"} {r.period}\n              </p>\n            </div>\n            <div className=\"flex items-center gap-1.5 rounded-full bg-emerald-50 px-2 py-0.5\">\n              <CheckCircle2 className=\"size-3 text-emerald-500\" />\n              <span className=\"font-semibold text-[10px] text-emerald-700\">{r.status}</span>\n            </div>\n          </div>\n\n          {/* Report sections */}\n          <div className=\"grid grid-cols-2 gap-2 p-3\">\n            {r.sections.map((s, i) => (\n              <m.div\n                key={s.name}\n                initial={{ opacity: 0, y: 4 }}\n                animate={{ opacity: 1, y: 0 }}\n                transition={{ delay: 0.1 + i * 0.08 }}\n                className=\"rounded-md bg-white px-3 py-2\"\n              >\n                <p className=\"text-[10px] text-gray-400\">{s.name}</p>\n                <p className=\"mt-0.5 font-bold font-mono text-[14px] text-gray-900\">\n                  {typeof s.items === \"number\" && s.items > 100\n                    ? s.items.toLocaleString()\n                    : s.name.includes(\"compliance\")\n                      ? `${s.items}%`\n                      : s.items}\n                </p>\n              </m.div>\n            ))}\n          </div>\n        </m.div>\n\n        {/* Download button mock */}\n        <m.div\n          key={`dl-${index}`}\n          initial={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n          transition={{ delay: 0.4 }}\n          className=\"mt-3 flex items-center justify-center gap-2 rounded-lg border border-gray-200 bg-white py-2 font-medium text-[12px] text-gray-600\"\n        >\n          <Download className=\"size-3.5\" />\n          Download PDF\n        </m.div>\n      </div>\n    </LazyMotion>\n  )\n}\n"]}

package/dist/animations/animation-custom-rules.js

@@ -1,7 +1,111 @@
 "use client";
-export { AnimationCustomRules as default } from '../chunk-RZZTDJHG.js';
-import '../chunk-6RWCZUAD.js';
+import { useCycleIndex } from '../chunk-6RWCZUAD.js';
 import '../chunk-RXV2XUDZ.js';
-import '../chunk-GZNLQE3I.js';
+import { cn } from '../chunk-GZNLQE3I.js';
+import { ShieldCheck, AlertTriangle } from 'lucide-react';
+import { LazyMotion, domAnimation, m } from 'motion/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var RULES = [
+  {
+    id: "CR-001",
+    name: "High-value transfer flag",
+    condition: "IF amount > USD 50,000",
+    action: "THEN escalate to senior analyst",
+    status: "active",
+    triggers: "142 this month"
+  },
+  {
+    id: "CR-007",
+    name: "Grey-list jurisdiction",
+    condition: "IF jurisdiction IN fatf_grey_list",
+    action: "THEN apply enhanced due diligence",
+    status: "triggered",
+    triggers: "28 this month"
+  },
+  {
+    id: "CR-012",
+    name: "Repeat counterparty check",
+    condition: "IF counterparty_txns > 5 in 24h",
+    action: "THEN flag for velocity review",
+    status: "active",
+    triggers: "9 this month"
+  },
+  {
+    id: "CR-019",
+    name: "New VASP verification",
+    condition: "IF counterparty.first_seen < 30d",
+    action: "THEN require manual VASP check",
+    status: "active",
+    triggers: "67 this month"
+  }
+];
+var statusStyle = {
+  active: { bg: "bg-emerald-50 text-emerald-700", label: "Active" },
+  triggered: { bg: "bg-amber-50 text-amber-700", label: "Triggered" },
+  paused: { bg: "bg-gray-100 text-gray-500", label: "Paused" }
+};
+function AnimationCustomRules({ className }) {
+  const [containerRef, activeIdx] = useCycleIndex(RULES.length, 3200);
+  return /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsxs("div", { ref: containerRef, className: cn("flex flex-col p-5", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "font-semibold text-[15px] text-foreground", children: "Custom Rules" }),
+        /* @__PURE__ */ jsxs("p", { className: "text-[12px] text-gray-400", children: [
+          RULES.length,
+          " rules configured"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 rounded-full bg-emerald-50 px-2.5 py-1", children: [
+        /* @__PURE__ */ jsx(ShieldCheck, { className: "size-3 text-emerald-600" }),
+        /* @__PURE__ */ jsx("span", { className: "font-semibold text-[11px] text-emerald-700", children: "All active" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "mt-4 space-y-2", children: RULES.map((rule, i) => {
+      const st = statusStyle[rule.status];
+      const isActive = i === activeIdx;
+      return /* @__PURE__ */ jsxs(
+        m.div,
+        {
+          animate: {
+            borderColor: isActive ? "#00D4FF" : "#f3f4f6",
+            boxShadow: isActive ? "0 0 0 1px rgba(0,212,255,0.15)" : "none"
+          },
+          transition: { duration: 0.3 },
+          className: "rounded-lg border bg-white px-3 py-2.5",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "font-bold font-mono text-[10px] text-gray-400", children: rule.id }),
+                /* @__PURE__ */ jsx("span", { className: "font-semibold text-[12px] text-gray-800", children: rule.name })
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: cn("rounded-full px-2 py-0.5 font-semibold text-[10px]", st.bg), children: st.label })
+            ] }),
+            isActive && /* @__PURE__ */ jsxs(
+              m.div,
+              {
+                initial: { opacity: 0, height: 0 },
+                animate: { opacity: 1, height: "auto" },
+                transition: { duration: 0.25 },
+                className: "mt-2 space-y-1 border-gray-100 border-t pt-2",
+                children: [
+                  /* @__PURE__ */ jsx("p", { className: "font-mono text-[#0099BB] text-[10px]", children: rule.condition }),
+                  /* @__PURE__ */ jsx("p", { className: "font-mono text-[10px] text-gray-600", children: rule.action }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 pt-1", children: [
+                    /* @__PURE__ */ jsx(AlertTriangle, { className: "size-2.5 text-gray-400" }),
+                    /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-400", children: rule.triggers })
+                  ] })
+                ]
+              }
+            )
+          ]
+        },
+        rule.id
+      );
+    }) })
+  ] }) });
+}
+
+export { AnimationCustomRules as default };
 //# sourceMappingURL=animation-custom-rules.js.map
 //# sourceMappingURL=animation-custom-rules.js.map

package/dist/animations/animation-custom-rules.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"animation-custom-rules.js"}
+{"version":3,"sources":["../../src/animations/animation-custom-rules.tsx"],"names":[],"mappings":"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","file":"animation-custom-rules.js","sourcesContent":["\"use client\"\n\nimport { AlertTriangle, ShieldCheck } from \"lucide-react\"\nimport { domAnimation, LazyMotion, m } from \"motion/react\"\n\nimport { useCycleIndex } from \"../hooks/use-cycle-index\"\n\nimport { cn } from \"../lib/utils\"\n\ntype Rule = {\n  id: string\n  name: string\n  condition: string\n  action: string\n  status: \"active\" | \"triggered\" | \"paused\"\n  triggers: string\n}\n\nconst RULES: Rule[] = [\n  {\n    id: \"CR-001\",\n    name: \"High-value transfer flag\",\n    condition: \"IF amount > USD 50,000\",\n    action: \"THEN escalate to senior analyst\",\n    status: \"active\",\n    triggers: \"142 this month\",\n  },\n  {\n    id: \"CR-007\",\n    name: \"Grey-list jurisdiction\",\n    condition: \"IF jurisdiction IN fatf_grey_list\",\n    action: \"THEN apply enhanced due diligence\",\n    status: \"triggered\",\n    triggers: \"28 this month\",\n  },\n  {\n    id: \"CR-012\",\n    name: \"Repeat counterparty check\",\n    condition: \"IF counterparty_txns > 5 in 24h\",\n    action: \"THEN flag for velocity review\",\n    status: \"active\",\n    triggers: \"9 this month\",\n  },\n  {\n    id: \"CR-019\",\n    name: \"New VASP verification\",\n    condition: \"IF counterparty.first_seen < 30d\",\n    action: \"THEN require manual VASP check\",\n    status: \"active\",\n    triggers: \"67 this month\",\n  },\n]\n\nconst statusStyle: Record<Rule[\"status\"], { bg: string; label: string }> = {\n  active: { bg: \"bg-emerald-50 text-emerald-700\", label: \"Active\" },\n  triggered: { bg: \"bg-amber-50 text-amber-700\", label: \"Triggered\" },\n  paused: { bg: \"bg-gray-100 text-gray-500\", label: \"Paused\" },\n}\n\nexport default function AnimationCustomRules({ className }: { className?: string }) {\n  const [containerRef, activeIdx] = useCycleIndex(RULES.length, 3200)\n\n  return (\n    <LazyMotion features={domAnimation}>\n      <div ref={containerRef} className={cn(\"flex flex-col p-5\", className)}>\n        {/* Header */}\n        <div className=\"flex items-center justify-between\">\n          <div>\n            <p className=\"font-semibold text-[15px] text-foreground\">Custom Rules</p>\n            <p className=\"text-[12px] text-gray-400\">{RULES.length} rules configured</p>\n          </div>\n          <div className=\"flex items-center gap-1.5 rounded-full bg-emerald-50 px-2.5 py-1\">\n            <ShieldCheck className=\"size-3 text-emerald-600\" />\n            <span className=\"font-semibold text-[11px] text-emerald-700\">All active</span>\n          </div>\n        </div>\n\n        {/* Rule list */}\n        <div className=\"mt-4 space-y-2\">\n          {RULES.map((rule, i) => {\n            const st = statusStyle[rule.status]\n            const isActive = i === activeIdx\n            return (\n              <m.div\n                key={rule.id}\n                animate={{\n                  borderColor: isActive ? \"#00D4FF\" : \"#f3f4f6\",\n                  boxShadow: isActive ? \"0 0 0 1px rgba(0,212,255,0.15)\" : \"none\",\n                }}\n                transition={{ duration: 0.3 }}\n                className=\"rounded-lg border bg-white px-3 py-2.5\"\n              >\n                <div className=\"flex items-center justify-between\">\n                  <div className=\"flex items-center gap-2\">\n                    <span className=\"font-bold font-mono text-[10px] text-gray-400\">{rule.id}</span>\n                    <span className=\"font-semibold text-[12px] text-gray-800\">{rule.name}</span>\n                  </div>\n                  <span className={cn(\"rounded-full px-2 py-0.5 font-semibold text-[10px]\", st.bg)}>\n                    {st.label}\n                  </span>\n                </div>\n\n                {isActive && (\n                  <m.div\n                    initial={{ opacity: 0, height: 0 }}\n                    animate={{ opacity: 1, height: \"auto\" }}\n                    transition={{ duration: 0.25 }}\n                    className=\"mt-2 space-y-1 border-gray-100 border-t pt-2\"\n                  >\n                    <p className=\"font-mono text-[#0099BB] text-[10px]\">{rule.condition}</p>\n                    <p className=\"font-mono text-[10px] text-gray-600\">{rule.action}</p>\n                    <div className=\"flex items-center gap-1 pt-1\">\n                      <AlertTriangle className=\"size-2.5 text-gray-400\" />\n                      <span className=\"text-[10px] text-gray-400\">{rule.triggers}</span>\n                    </div>\n                  </m.div>\n                )}\n              </m.div>\n            )\n          })}\n        </div>\n      </div>\n    </LazyMotion>\n  )\n}\n"]}