GalactiGuild · gabito1451 · Mar 24, 2026 · Mar 24, 2026
diff --git a/commit_msg.txt b/commit_msg.txt
@@ -0,0 +1,21 @@
+feat: implement batch operations across contracts for gas optimization
+
+Implemented batch operations across 5 core contracts and updated the shared library to reduce transaction costs and improve efficiency.
+
+### Shared Library Updates
+- Added `BatchResult` type to track total, successful, and failed operations.
+- Set `MAX_BATCH_SIZE` to 20 to safeguard against resource limits.
+- Introduced `BatchLimitExceeded` and `BatchEmpty` error variants.
+- Defined `BATCH_COMPLETED` and `BATCH_ITEM_FAILED` event symbols.
+
+### Contract Enhancements
+- Escrow: Added `batch_create_milestones` and `batch_vote_milestones`.
+- Governance: Added `batch_vote`.
+- Reputation: Added `batch_update_scores` and `batch_award_badges`.
+- Project Launch: Added `batch_contribute`.
+- Profit Distribution: Added `batch_claim_dividends`.
+
+### Implementation Strategy
+- Partial Failure Handling: Batches skip invalid items and return a summary result instead of reverting the whole transaction.
+- Gas Optimization: Performs `require_auth()` once per batch, significantly reducing auth overhead.
+- Robustness: Each item is individually validated to maintain contract integrity.
diff --git a/frontend/src/app/project/[id]/page.tsx b/frontend/src/app/project/[id]/page.tsx
@@ -11,6 +11,7 @@ import { SocialStats } from "@/components/social/SocialStats";
 import { UserProfileCard } from "@/components/social/UserProfileCard";
 import { BackerAvatars } from "@/components/social/BackerAvatars";
 import { CommentSection } from "@/components/social/CommentSection";
+import { AuditBadge } from "@/components/AuditBadge";
 
 type ContributionState = "idle" | "loading" | "success" | "error";
 
@@ -210,6 +211,7 @@ export default function ProjectPage({ params }: { params: { id: string } }) {
               <span className="rounded-full border border-white/10 bg-white/5 px-3 py-1">
                 {completedCount}/{milestones.length} milestones released
               </span>
+              <AuditBadge projectId={params.id} />
               <div className="flex items-center gap-2 normal-case tracking-normal">
                 <LikeButton projectId={params.id} />
                 <ShareButton

diff --git a/frontend/src/components/AuditBadge.tsx b/frontend/src/components/AuditBadge.tsx
@@ -0,0 +1,111 @@
+"use client";
+
+import { ShieldCheck, ExternalLink, ShieldAlert, FileText, CheckCircle2 } from "lucide-react";
+import { HoverCard } from "./ui/HoverCard";
+
+interface AuditBadgeProps {
+  projectId: string;
+}
+
+export function AuditBadge({ projectId }: AuditBadgeProps) {
+  // Mock data for project audit metadata. In reality, you'd fetch this using the projectId
+  // from a backend service or smart contract RPC check.
+  const auditData = {
+    auditor: "CertiK",
+    score: 98,
+    status: "Verified",
+    date: "March 15, 2026",
+    issues: {
+      critical: 0,
+      high: 0,
+      medium: 1,
+      low: 3,
+    },
+    url: "#"
+  };
+
+  return (
+    <HoverCard
+      trigger={
+        <div className="flex cursor-default items-center gap-1.5 rounded-full border border-emerald-500/30 bg-emerald-500/10 px-3 py-1 text-xs font-semibold uppercase tracking-[0.2em] text-emerald-400 transition-all hover:bg-emerald-500/20 hover:border-emerald-500/50 hover:shadow-[0_0_15px_rgba(16,185,129,0.3)]">
+          <ShieldCheck className="h-4 w-4" />
+          <span>Audited</span>
+        </div>
+      }
+      className="w-[340px] rounded-2xl border border-white/10 bg-slate-900/95 p-5 shadow-2xl backdrop-blur-md normal-case tracking-normal"
+    >
+      <div className="flex flex-col gap-4">
+        {/* Header */}
+        <div className="flex items-center justify-between border-b border-white/5 pb-4">
+          <div className="flex items-center gap-3">
+            <div className="flex h-10 w-10 items-center justify-center rounded-full bg-emerald-500/10 shadow-[0_0_15px_rgba(16,185,129,0.1)]">
+              <ShieldCheck className="h-5 w-5 text-emerald-400" />
+            </div>
+            <div>
+              <h4 className="text-sm font-semibold text-white">Smart Contract Audit</h4>
+              <p className="text-xs text-white/50 mt-0.5">by {auditData.auditor}</p>
+            </div>
+          </div>
+          <div className="flex flex-col items-end">
+            <span className="text-xl font-bold text-emerald-400">
+              {auditData.score}<span className="text-sm text-white/40">/100</span>
+            </span>
+            <span className="text-[10px] font-medium uppercase tracking-[0.15em] text-emerald-500/70 mt-0.5">
+              Security Score
+            </span>
+          </div>
+        </div>
+
+        {/* Content */}
+        <div className="space-y-3">
+          <div className="flex justify-between items-center text-sm text-white/70">
+            <span className="flex items-center gap-2">
+              <CheckCircle2 className="h-4 w-4 text-emerald-400" /> 
+              Critical vulnerabilities
+            </span>
+            <span className="font-semibold text-white bg-white/5 px-2 py-0.5 rounded-md">
+              {auditData.issues.critical}
+            </span>
+          </div>
+          <div className="flex justify-between items-center text-sm text-white/70">
+            <span className="flex items-center gap-2">
+              <CheckCircle2 className="h-4 w-4 text-emerald-400" /> 
+              High risk findings
+            </span>
+            <span className="font-semibold text-white bg-white/5 px-2 py-0.5 rounded-md">
+              {auditData.issues.high}
+            </span>
+          </div>
+          <div className="flex justify-between items-center text-sm text-white/70">
+             <span className="flex items-center gap-2">
+               <ShieldAlert className="h-4 w-4 text-amber-400" /> 
+               Medium risk findings
+             </span>
+             <span className="font-semibold text-white bg-white/5 px-2 py-0.5 rounded-md">
+               {auditData.issues.medium}
+             </span>
+          </div>
+
+          <div className="mt-3 rounded-xl border border-white/5 bg-black/30 p-3 text-xs leading-relaxed text-white/60">
+            <span className="mb-1.5 block text-[10px] font-semibold uppercase tracking-wider text-white/40">
+              Conclusion
+            </span>
+            <p>Contracts align precisely with decentralized best practices. Minor architectural optimizations were acknowledged.</p>
+          </div>
+        </div>
+
+        {/* Action */}
+        <a 
+          href={auditData.url}
+          target="_blank"
+          rel="noopener noreferrer"
+          className="group mt-2 flex w-full items-center justify-center gap-2 rounded-xl border border-white/10 bg-white/5 py-3 text-xs font-semibold text-white transition-all hover:bg-white/10 hover:border-white/20"
+        >
+          <FileText className="h-4 w-4 text-purple-300 transition-colors group-hover:text-purple-200" />
+          View Full Report
+          <ExternalLink className="ml-1 h-3.5 w-3.5 text-white/40 transition-colors group-hover:text-white/60" />
+        </a>
+      </div>
+    </HoverCard>
+  );
+}
diff --git a/frontend/src/components/ui/HoverCard.tsx b/frontend/src/components/ui/HoverCard.tsx
@@ -0,0 +1,49 @@
+"use client";
+
+import { useState, useRef } from "react";
+import { AnimatePresence, motion } from "framer-motion";
+
+interface HoverCardProps {
+  trigger: React.ReactNode;
+  children: React.ReactNode;
+  className?: string;
+}
+
+export function HoverCard({ trigger, children, className = "" }: HoverCardProps) {
+  const [isOpen, setIsOpen] = useState(false);
+  const timeoutRef = useRef<NodeJS.Timeout | null>(null);
+
+  const handleMouseEnter = () => {
+    if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    setIsOpen(true);
+  };
+
+  const handleMouseLeave = () => {
+    timeoutRef.current = setTimeout(() => {
+      setIsOpen(false);
+    }, 200);
+  };
+
+  return (
+    <div
+      className="relative z-40 inline-block"
+      onMouseEnter={handleMouseEnter}
+      onMouseLeave={handleMouseLeave}
+    >
+      {trigger}
+      <AnimatePresence>
+        {isOpen && (
+          <motion.div
+            initial={{ opacity: 0, y: 10, scale: 0.95 }}
+            animate={{ opacity: 1, y: 0, scale: 1 }}
+            exit={{ opacity: 0, y: 10, scale: 0.95 }}
+            transition={{ duration: 0.2, ease: "easeOut" }}
+            className={`absolute left-0 lg:left-1/2 mt-3 lg:-translate-x-1/2 z-50 ${className}`}
+          >
+            {children}
+          </motion.div>
+        )}
+      </AnimatePresence>
+    </div>
+  );
+}