primus-react-ui 1.0.9

package/dist/index.mjs

@@ -0,0 +1,2527 @@
+// src/components/banking/accounts/AccountDashboard.tsx
+import { useState, useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var AccountDashboard = ({
+  apiUrl = "http://localhost:5221"
+}) => {
+  const [accounts, setAccounts] = useState([]);
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    fetchAccounts();
+  }, []);
+  const fetchAccounts = async () => {
+    try {
+      const response = await fetch(`${apiUrl}/api/banking/accounts`);
+      if (response.ok) {
+        const data = await response.json();
+        setAccounts(data);
+      }
+    } catch (error) {
+      console.error("Failed to fetch accounts:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  if (loading) return /* @__PURE__ */ jsx("div", { className: "p-4", children: "Loading accounts..." });
+  return /* @__PURE__ */ jsxs("div", { className: "bg-white p-6 rounded-lg border border-gray-200 shadow-sm", children: [
+    /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-gray-900 mb-4", children: "Bank Accounts" }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-4", children: accounts.map((account) => /* @__PURE__ */ jsxs("div", { className: "p-4 bg-gray-50 rounded-lg border border-gray-200", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h4", { className: "font-medium text-gray-900", children: account.type }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: account.accountNumber })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+          /* @__PURE__ */ jsxs("p", { className: "text-2xl font-bold text-gray-900", children: [
+            "$",
+            account.balance.toLocaleString()
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: account.currency })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx("span", { className: `px-2 py-1 rounded text-xs font-medium ${account.status === "active" ? "bg-green-100 text-green-800" : "bg-gray-100 text-gray-800"}`, children: account.status }) })
+    ] }, account.id)) })
+  ] });
+};
+
+// src/components/banking/kyc/KYCVerification.tsx
+import { useState as useState2, useEffect as useEffect2 } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var KYCVerification = ({
+  userId,
+  apiUrl = "http://localhost:5221"
+}) => {
+  const [status, setStatus] = useState2(null);
+  const [loading, setLoading] = useState2(true);
+  useEffect2(() => {
+    fetchStatus();
+  }, [userId]);
+  const fetchStatus = async () => {
+    try {
+      const response = await fetch(`${apiUrl}/api/banking/kyc/status/${userId}`);
+      if (response.ok) {
+        const data = await response.json();
+        setStatus(data);
+      }
+    } catch (error) {
+      console.error("Failed to fetch KYC status:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  if (loading) return /* @__PURE__ */ jsx2("div", { className: "p-4", children: "Loading KYC status..." });
+  if (!status) return /* @__PURE__ */ jsx2("div", { className: "p-4", children: "No KYC data found" });
+  return /* @__PURE__ */ jsxs2("div", { className: "bg-white p-6 rounded-lg border border-gray-200 shadow-sm", children: [
+    /* @__PURE__ */ jsx2("h3", { className: "text-lg font-medium text-gray-900 mb-4", children: "KYC Verification Status" }),
+    /* @__PURE__ */ jsxs2("div", { className: "mb-6", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 mb-2", children: [
+        /* @__PURE__ */ jsx2("span", { className: "text-sm text-gray-600", children: "Status:" }),
+        /* @__PURE__ */ jsx2("span", { className: `px-3 py-1 rounded-full text-sm font-medium ${status.status === "verified" ? "bg-green-100 text-green-800" : "bg-yellow-100 text-yellow-800"}`, children: status.status })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx2("span", { className: "text-sm text-gray-600", children: "Risk Level:" }),
+        /* @__PURE__ */ jsx2("span", { className: `px-3 py-1 rounded-full text-sm font-medium ${status.riskLevel === "low" ? "bg-green-100 text-green-800" : "bg-red-100 text-red-800"}`, children: status.riskLevel })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { children: [
+      /* @__PURE__ */ jsx2("h4", { className: "font-medium text-gray-900 mb-3", children: "Documents" }),
+      /* @__PURE__ */ jsx2("div", { className: "space-y-2", children: status.documents.map((doc, index) => /* @__PURE__ */ jsxs2("div", { className: "flex justify-between items-center p-3 bg-gray-50 rounded", children: [
+        /* @__PURE__ */ jsx2("span", { className: "text-sm text-gray-900", children: doc.type }),
+        /* @__PURE__ */ jsx2("span", { className: `px-2 py-1 rounded text-xs font-medium ${doc.status === "approved" ? "bg-green-100 text-green-800" : "bg-yellow-100 text-yellow-800"}`, children: doc.status })
+      ] }, index)) })
+    ] })
+  ] });
+};
+
+// src/components/banking/loans/LoanCalculator.tsx
+import { useState as useState3 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var LoanCalculator = ({
+  apiUrl = "http://localhost:5221"
+}) => {
+  const [amount, setAmount] = useState3(25e3);
+  const [rate, setRate] = useState3(5.5);
+  const [term, setTerm] = useState3(60);
+  const [result, setResult] = useState3(null);
+  const [loading, setLoading] = useState3(false);
+  const calculate = async () => {
+    setLoading(true);
+    try {
+      const response = await fetch(`${apiUrl}/api/banking/loans/calculate`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ amount, interestRate: rate, term })
+      });
+      if (response.ok) {
+        const data = await response.json();
+        setResult(data);
+      }
+    } catch (error) {
+      console.error("Failed to calculate loan:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs3("div", { className: "bg-white p-6 rounded-lg border border-gray-200 shadow-sm", children: [
+    /* @__PURE__ */ jsx3("h3", { className: "text-lg font-medium text-gray-900 mb-4", children: "Loan Calculator" }),
+    /* @__PURE__ */ jsxs3("div", { className: "space-y-4 mb-6", children: [
+      /* @__PURE__ */ jsxs3("div", { children: [
+        /* @__PURE__ */ jsxs3("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: [
+          "Loan Amount: $",
+          amount.toLocaleString()
+        ] }),
+        /* @__PURE__ */ jsx3(
+          "input",
+          {
+            type: "range",
+            min: "1000",
+            max: "100000",
+            step: "1000",
+            value: amount,
+            onChange: (e) => setAmount(Number(e.target.value)),
+            className: "w-full"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { children: [
+        /* @__PURE__ */ jsxs3("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: [
+          "Interest Rate: ",
+          rate,
+          "%"
+        ] }),
+        /* @__PURE__ */ jsx3(
+          "input",
+          {
+            type: "range",
+            min: "1",
+            max: "15",
+            step: "0.1",
+            value: rate,
+            onChange: (e) => setRate(Number(e.target.value)),
+            className: "w-full"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { children: [
+        /* @__PURE__ */ jsxs3("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: [
+          "Term: ",
+          term,
+          " months"
+        ] }),
+        /* @__PURE__ */ jsx3(
+          "input",
+          {
+            type: "range",
+            min: "12",
+            max: "360",
+            step: "12",
+            value: term,
+            onChange: (e) => setTerm(Number(e.target.value)),
+            className: "w-full"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx3(
+      "button",
+      {
+        onClick: calculate,
+        disabled: loading,
+        className: "w-full bg-primus-600 text-white py-2 px-4 rounded hover:bg-primus-700 disabled:opacity-50",
+        children: loading ? "Calculating..." : "Calculate"
+      }
+    ),
+    result && /* @__PURE__ */ jsx3("div", { className: "mt-6 p-4 bg-gray-50 rounded-lg", children: /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxs3("div", { children: [
+        /* @__PURE__ */ jsx3("p", { className: "text-sm text-gray-600", children: "Monthly Payment" }),
+        /* @__PURE__ */ jsxs3("p", { className: "text-2xl font-bold text-gray-900", children: [
+          "$",
+          result.monthlyPayment
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { children: [
+        /* @__PURE__ */ jsx3("p", { className: "text-sm text-gray-600", children: "Total Interest" }),
+        /* @__PURE__ */ jsxs3("p", { className: "text-2xl font-bold text-gray-900", children: [
+          "$",
+          result.totalInterest
+        ] })
+      ] })
+    ] }) })
+  ] });
+};
+
+// src/components/banking/credit/CreditScoreCard.tsx
+import { useState as useState4, useEffect as useEffect3 } from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var CreditScoreCard = ({
+  userId,
+  apiUrl = "http://localhost:5221"
+}) => {
+  const [score, setScore] = useState4(null);
+  const [loading, setLoading] = useState4(true);
+  useEffect3(() => {
+    fetchScore();
+  }, [userId]);
+  const fetchScore = async () => {
+    try {
+      const response = await fetch(`${apiUrl}/api/banking/credit-score/${userId}`);
+      if (response.ok) {
+        const data = await response.json();
+        setScore(data);
+      }
+    } catch (error) {
+      console.error("Failed to fetch credit score:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  if (loading) return /* @__PURE__ */ jsx4("div", { className: "p-4", children: "Loading credit score..." });
+  if (!score) return /* @__PURE__ */ jsx4("div", { className: "p-4", children: "No credit score data" });
+  const getScoreColor = (score2) => {
+    if (score2 >= 740) return "text-green-600";
+    if (score2 >= 670) return "text-blue-600";
+    if (score2 >= 580) return "text-yellow-600";
+    return "text-red-600";
+  };
+  return /* @__PURE__ */ jsxs4("div", { className: "bg-white p-6 rounded-lg border border-gray-200 shadow-sm", children: [
+    /* @__PURE__ */ jsx4("h3", { className: "text-lg font-medium text-gray-900 mb-4", children: "Credit Score" }),
+    /* @__PURE__ */ jsxs4("div", { className: "text-center mb-6", children: [
+      /* @__PURE__ */ jsx4("div", { className: `text-6xl font-bold ${getScoreColor(score.score)}`, children: score.score }),
+      /* @__PURE__ */ jsx4("div", { className: "text-lg text-gray-600 mt-2", children: score.rating }),
+      /* @__PURE__ */ jsxs4("div", { className: "text-sm text-gray-400 mt-1", children: [
+        "Updated: ",
+        new Date(score.lastUpdated).toLocaleDateString()
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs4("div", { children: [
+      /* @__PURE__ */ jsx4("h4", { className: "font-medium text-gray-900 mb-3", children: "Score Factors" }),
+      /* @__PURE__ */ jsx4("div", { className: "space-y-2", children: score.factors.map((factor, index) => /* @__PURE__ */ jsxs4("div", { className: "flex justify-between items-center p-2 bg-gray-50 rounded", children: [
+        /* @__PURE__ */ jsx4("span", { className: "text-sm text-gray-900", children: factor.factor }),
+        /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs4("span", { className: "text-xs text-gray-500", children: [
+            factor.weight,
+            "%"
+          ] }),
+          /* @__PURE__ */ jsx4("span", { className: `px-2 py-0.5 rounded text-xs font-medium ${factor.impact === "positive" ? "bg-green-100 text-green-800" : factor.impact === "negative" ? "bg-red-100 text-red-800" : "bg-gray-100 text-gray-800"}`, children: factor.impact })
+        ] })
+      ] }, index)) })
+    ] })
+  ] });
+};
+
+// src/components/insurance/quotes/QuoteComparison.tsx
+import { useState as useState5, useEffect as useEffect4 } from "react";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var QuoteComparison = ({
+  apiUrl = "http://localhost:5221"
+}) => {
+  const [quotes, setQuotes] = useState5([]);
+  const [loading, setLoading] = useState5(true);
+  useEffect4(() => {
+    fetchQuotes();
+  }, []);
+  const fetchQuotes = async () => {
+    try {
+      const response = await fetch(`${apiUrl}/api/insurance/quotes`);
+      if (response.ok) {
+        const data = await response.json();
+        setQuotes(data);
+      }
+    } catch (error) {
+      console.error("Failed to fetch quotes:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  if (loading) return /* @__PURE__ */ jsx5("div", { className: "p-4", children: "Loading quotes..." });
+  return /* @__PURE__ */ jsxs5("div", { className: "bg-white p-6 rounded-lg border border-gray-200 shadow-sm", children: [
+    /* @__PURE__ */ jsx5("h3", { className: "text-lg font-medium text-gray-900 mb-4", children: "Insurance Quotes" }),
+    /* @__PURE__ */ jsx5("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: quotes.map((quote) => /* @__PURE__ */ jsxs5("div", { className: "p-4 border-2 border-gray-200 rounded-lg hover:border-primus-500 transition-colors", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "flex justify-between items-start mb-3", children: [
+        /* @__PURE__ */ jsx5("h4", { className: "font-medium text-gray-900", children: quote.type }),
+        /* @__PURE__ */ jsx5("span", { className: `px-2 py-1 rounded text-xs font-medium ${quote.status === "active" ? "bg-green-100 text-green-800" : "bg-blue-100 text-blue-800"}`, children: quote.status })
+      ] }),
+      /* @__PURE__ */ jsxs5("div", { className: "mb-3", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "text-3xl font-bold text-gray-900", children: [
+          "$",
+          quote.monthlyPremium,
+          /* @__PURE__ */ jsx5("span", { className: "text-sm font-normal text-gray-500", children: "/mo" })
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { className: "text-sm text-gray-600", children: [
+          "Coverage: $",
+          quote.coverageAmount.toLocaleString()
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs5("div", { className: "text-xs text-gray-500", children: [
+        "Valid until: ",
+        new Date(quote.validUntil).toLocaleDateString()
+      ] }),
+      /* @__PURE__ */ jsx5("button", { className: "mt-3 w-full px-4 py-2 bg-primus-600 text-white rounded hover:bg-primus-700", children: "Accept Quote" })
+    ] }, quote.id)) })
+  ] });
+};
+
+// src/components/insurance/agents/AgentDirectory.tsx
+import { useState as useState6, useEffect as useEffect5 } from "react";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var AgentDirectory = ({
+  apiUrl = "http://localhost:5221"
+}) => {
+  const [agents, setAgents] = useState6([]);
+  const [loading, setLoading] = useState6(true);
+  useEffect5(() => {
+    fetchAgents();
+  }, []);
+  const fetchAgents = async () => {
+    try {
+      const response = await fetch(`${apiUrl}/api/insurance/agents`);
+      if (response.ok) {
+        const data = await response.json();
+        setAgents(data);
+      }
+    } catch (error) {
+      console.error("Failed to fetch agents:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  if (loading) return /* @__PURE__ */ jsx6("div", { className: "p-4", children: "Loading agents..." });
+  return /* @__PURE__ */ jsxs6("div", { className: "bg-white p-6 rounded-lg border border-gray-200 shadow-sm", children: [
+    /* @__PURE__ */ jsx6("h3", { className: "text-lg font-medium text-gray-900 mb-4", children: "Insurance Agents" }),
+    /* @__PURE__ */ jsx6("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: agents.map((agent) => /* @__PURE__ */ jsx6("div", { className: "p-4 border border-gray-200 rounded-lg", children: /* @__PURE__ */ jsxs6("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsx6("div", { className: "w-12 h-12 bg-primus-100 rounded-full flex items-center justify-center text-primus-600 font-bold text-lg", children: agent.name.split(" ").map((n) => n[0]).join("") }),
+      /* @__PURE__ */ jsxs6("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx6("h4", { className: "font-medium text-gray-900", children: agent.name }),
+        /* @__PURE__ */ jsx6("p", { className: "text-sm text-gray-600", children: agent.specialty }),
+        /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2 mt-1", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "flex items-center", children: [
+            "\u2B50".repeat(Math.floor(agent.rating)),
+            /* @__PURE__ */ jsx6("span", { className: "text-xs text-gray-500 ml-1", children: agent.rating })
+          ] }),
+          /* @__PURE__ */ jsx6("span", { className: "text-xs text-gray-400", children: "\u2022" }),
+          /* @__PURE__ */ jsxs6("span", { className: "text-xs text-gray-500", children: [
+            agent.yearsExperience,
+            " years"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs6("div", { className: "mt-2 space-y-1", children: [
+          /* @__PURE__ */ jsx6("p", { className: "text-xs text-gray-600", children: agent.email }),
+          /* @__PURE__ */ jsx6("p", { className: "text-xs text-gray-600", children: agent.phone })
+        ] })
+      ] })
+    ] }) }, agent.id)) })
+  ] });
+};
+
+// src/components/insurance/fraud/FraudDetectionDashboard.tsx
+import { useState as useState7, useEffect as useEffect6 } from "react";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var FraudDetectionDashboard = ({
+  apiUrl = "http://localhost:5221"
+}) => {
+  const [alerts, setAlerts] = useState7([]);
+  const [loading, setLoading] = useState7(true);
+  useEffect6(() => {
+    fetchAlerts();
+  }, []);
+  const fetchAlerts = async () => {
+    try {
+      const response = await fetch(`${apiUrl}/api/insurance/fraud/alerts`);
+      if (response.ok) {
+        const data = await response.json();
+        setAlerts(data);
+      }
+    } catch (error) {
+      console.error("Failed to fetch fraud alerts:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const getSeverityColor = (severity) => {
+    switch (severity.toLowerCase()) {
+      case "high":
+        return "bg-red-100 text-red-800 border-red-200";
+      case "medium":
+        return "bg-yellow-100 text-yellow-800 border-yellow-200";
+      case "low":
+        return "bg-blue-100 text-blue-800 border-blue-200";
+      default:
+        return "bg-gray-100 text-gray-800 border-gray-200";
+    }
+  };
+  if (loading) return /* @__PURE__ */ jsx7("div", { className: "p-4", children: "Loading fraud alerts..." });
+  return /* @__PURE__ */ jsxs7("div", { className: "bg-white p-6 rounded-lg border border-gray-200 shadow-sm", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "flex justify-between items-center mb-4", children: [
+      /* @__PURE__ */ jsx7("h3", { className: "text-lg font-medium text-gray-900", children: "Fraud Detection" }),
+      /* @__PURE__ */ jsxs7("span", { className: "px-3 py-1 bg-red-100 text-red-800 rounded-full text-sm font-medium", children: [
+        alerts.length,
+        " Active Alerts"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx7("div", { className: "space-y-3", children: alerts.map((alert) => /* @__PURE__ */ jsxs7("div", { className: `p-4 border-2 rounded-lg ${getSeverityColor(alert.severity)}`, children: [
+      /* @__PURE__ */ jsxs7("div", { className: "flex justify-between items-start mb-2", children: [
+        /* @__PURE__ */ jsxs7("div", { children: [
+          /* @__PURE__ */ jsx7("h4", { className: "font-medium", children: alert.type.replace(/_/g, " ").toUpperCase() }),
+          /* @__PURE__ */ jsx7("p", { className: "text-sm mt-1", children: alert.description })
+        ] }),
+        /* @__PURE__ */ jsx7("span", { className: "px-2 py-1 bg-white rounded text-xs font-medium", children: alert.severity })
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { className: "flex justify-between items-center mt-3 text-xs", children: [
+        /* @__PURE__ */ jsxs7("span", { children: [
+          "Claim: ",
+          alert.claimId
+        ] }),
+        /* @__PURE__ */ jsx7("span", { children: new Date(alert.detectedDate).toLocaleString() })
+      ] })
+    ] }, alert.id)) })
+  ] });
+};
+
+// src/components/insurance/premium/PremiumCalculator.tsx
+import { useState as useState8 } from "react";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var PremiumCalculator = ({
+  apiUrl = "http://localhost:5221"
+}) => {
+  const [coverageAmount, setCoverageAmount] = useState8(1e5);
+  const [age, setAge] = useState8(35);
+  const [riskScore, setRiskScore] = useState8(30);
+  const [result, setResult] = useState8(null);
+  const [loading, setLoading] = useState8(false);
+  const calculate = async () => {
+    setLoading(true);
+    try {
+      const response = await fetch(`${apiUrl}/api/insurance/premium/calculate`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ coverageAmount, age, riskScore })
+      });
+      if (response.ok) {
+        const data = await response.json();
+        setResult(data);
+      }
+    } catch (error) {
+      console.error("Failed to calculate premium:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs8("div", { className: "bg-white p-6 rounded-lg border border-gray-200 shadow-sm", children: [
+    /* @__PURE__ */ jsx8("h3", { className: "text-lg font-medium text-gray-900 mb-4", children: "Premium Calculator" }),
+    /* @__PURE__ */ jsxs8("div", { className: "space-y-4 mb-6", children: [
+      /* @__PURE__ */ jsxs8("div", { children: [
+        /* @__PURE__ */ jsxs8("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: [
+          "Coverage Amount: $",
+          coverageAmount.toLocaleString()
+        ] }),
+        /* @__PURE__ */ jsx8(
+          "input",
+          {
+            type: "range",
+            min: "10000",
+            max: "1000000",
+            step: "10000",
+            value: coverageAmount,
+            onChange: (e) => setCoverageAmount(Number(e.target.value)),
+            className: "w-full"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs8("div", { children: [
+        /* @__PURE__ */ jsxs8("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: [
+          "Age: ",
+          age
+        ] }),
+        /* @__PURE__ */ jsx8(
+          "input",
+          {
+            type: "range",
+            min: "18",
+            max: "80",
+            value: age,
+            onChange: (e) => setAge(Number(e.target.value)),
+            className: "w-full"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs8("div", { children: [
+        /* @__PURE__ */ jsxs8("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: [
+          "Risk Score: ",
+          riskScore
+        ] }),
+        /* @__PURE__ */ jsx8(
+          "input",
+          {
+            type: "range",
+            min: "0",
+            max: "100",
+            value: riskScore,
+            onChange: (e) => setRiskScore(Number(e.target.value)),
+            className: "w-full"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx8(
+      "button",
+      {
+        onClick: calculate,
+        disabled: loading,
+        className: "w-full bg-primus-600 text-white py-2 px-4 rounded hover:bg-primus-700 disabled:opacity-50",
+        children: loading ? "Calculating..." : "Calculate Premium"
+      }
+    ),
+    result && /* @__PURE__ */ jsx8("div", { className: "mt-6 p-4 bg-gray-50 rounded-lg", children: /* @__PURE__ */ jsxs8("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxs8("div", { children: [
+        /* @__PURE__ */ jsx8("p", { className: "text-sm text-gray-600", children: "Monthly Premium" }),
+        /* @__PURE__ */ jsxs8("p", { className: "text-2xl font-bold text-gray-900", children: [
+          "$",
+          result.monthlyPremium
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs8("div", { children: [
+        /* @__PURE__ */ jsx8("p", { className: "text-sm text-gray-600", children: "Annual Premium" }),
+        /* @__PURE__ */ jsxs8("p", { className: "text-2xl font-bold text-gray-900", children: [
+          "$",
+          result.annualPremium
+        ] })
+      ] })
+    ] }) })
+  ] });
+};
+
+// src/components/ai/AICopilot.tsx
+import { useState as useState9 } from "react";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+var AICopilot = ({
+  apiUrl = "http://localhost:5221"
+}) => {
+  const [messages, setMessages] = useState9([]);
+  const [input, setInput] = useState9("");
+  const [loading, setLoading] = useState9(false);
+  const sendMessage = async () => {
+    if (!input.trim()) return;
+    const userMessage = { role: "user", content: input };
+    setMessages((prev) => [...prev, userMessage]);
+    setInput("");
+    setLoading(true);
+    try {
+      const response = await fetch(`${apiUrl}/api/ai/chat`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ message: input })
+      });
+      if (response.ok) {
+        const data = await response.json();
+        setMessages((prev) => [...prev, { role: "assistant", content: data.message }]);
+      }
+    } catch (error) {
+      console.error("Failed to send message:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs9("div", { className: "bg-white rounded-lg border border-gray-200 shadow-sm flex flex-col h-[600px]", children: [
+    /* @__PURE__ */ jsx9("div", { className: "p-4 border-b border-gray-200", children: /* @__PURE__ */ jsx9("h3", { className: "text-lg font-medium text-gray-900", children: "AI Copilot" }) }),
+    /* @__PURE__ */ jsxs9("div", { className: "flex-1 overflow-y-auto p-4 space-y-4", children: [
+      messages.map((msg, index) => /* @__PURE__ */ jsx9("div", { className: `flex ${msg.role === "user" ? "justify-end" : "justify-start"}`, children: /* @__PURE__ */ jsx9("div", { className: `max-w-[70%] p-3 rounded-lg ${msg.role === "user" ? "bg-primus-600 text-white" : "bg-gray-100 text-gray-900"}`, children: msg.content }) }, index)),
+      loading && /* @__PURE__ */ jsx9("div", { className: "flex justify-start", children: /* @__PURE__ */ jsx9("div", { className: "bg-gray-100 p-3 rounded-lg", children: /* @__PURE__ */ jsxs9("div", { className: "flex gap-1", children: [
+        /* @__PURE__ */ jsx9("div", { className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce" }),
+        /* @__PURE__ */ jsx9("div", { className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce", style: { animationDelay: "0.1s" } }),
+        /* @__PURE__ */ jsx9("div", { className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce", style: { animationDelay: "0.2s" } })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ jsx9("div", { className: "p-4 border-t border-gray-200", children: /* @__PURE__ */ jsxs9("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx9(
+        "input",
+        {
+          type: "text",
+          value: input,
+          onChange: (e) => setInput(e.target.value),
+          onKeyPress: (e) => e.key === "Enter" && sendMessage(),
+          placeholder: "Ask me anything...",
+          className: "flex-1 px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primus-500",
+          disabled: loading
+        }
+      ),
+      /* @__PURE__ */ jsx9(
+        "button",
+        {
+          onClick: sendMessage,
+          disabled: loading || !input.trim(),
+          className: "px-4 py-2 bg-primus-600 text-white rounded-lg hover:bg-primus-700 disabled:opacity-50",
+          children: "Send"
+        }
+      )
+    ] }) })
+  ] });
+};
+
+// src/components/storage/FileUploader.tsx
+import { useState as useState10 } from "react";
+import { Fragment, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+var FileUploader = ({
+  apiUrl = "http://localhost:5221",
+  onUploadComplete
+}) => {
+  const [uploading, setUploading] = useState10(false);
+  const [dragActive, setDragActive] = useState10(false);
+  const handleUpload = async (file) => {
+    setUploading(true);
+    const formData = new FormData();
+    formData.append("file", file);
+    try {
+      const response = await fetch(`${apiUrl}/api/storage/upload`, {
+        method: "POST",
+        body: formData
+      });
+      if (response.ok) {
+        const data = await response.json();
+        onUploadComplete?.(data);
+      }
+    } catch (error) {
+      console.error("Upload failed:", error);
+    } finally {
+      setUploading(false);
+    }
+  };
+  const handleDrop = (e) => {
+    e.preventDefault();
+    setDragActive(false);
+    if (e.dataTransfer.files && e.dataTransfer.files[0]) {
+      handleUpload(e.dataTransfer.files[0]);
+    }
+  };
+  return /* @__PURE__ */ jsxs10("div", { className: "bg-white p-6 rounded-lg border border-gray-200 shadow-sm", children: [
+    /* @__PURE__ */ jsx10("h3", { className: "text-lg font-medium text-gray-900 mb-4", children: "Upload File" }),
+    /* @__PURE__ */ jsx10(
+      "div",
+      {
+        className: `border-2 border-dashed rounded-lg p-8 text-center ${dragActive ? "border-primus-500 bg-primus-50" : "border-gray-300"}`,
+        onDragOver: (e) => {
+          e.preventDefault();
+          setDragActive(true);
+        },
+        onDragLeave: () => setDragActive(false),
+        onDrop: handleDrop,
+        children: uploading ? /* @__PURE__ */ jsx10("div", { className: "text-gray-600", children: "Uploading..." }) : /* @__PURE__ */ jsxs10(Fragment, { children: [
+          /* @__PURE__ */ jsx10("svg", { className: "mx-auto h-12 w-12 text-gray-400", stroke: "currentColor", fill: "none", viewBox: "0 0 48 48", children: /* @__PURE__ */ jsx10("path", { d: "M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }),
+          /* @__PURE__ */ jsx10("p", { className: "mt-2 text-sm text-gray-600", children: "Drag and drop a file here, or click to select" }),
+          /* @__PURE__ */ jsx10(
+            "input",
+            {
+              type: "file",
+              className: "hidden",
+              id: "file-upload",
+              onChange: (e) => e.target.files?.[0] && handleUpload(e.target.files[0])
+            }
+          ),
+          /* @__PURE__ */ jsx10(
+            "label",
+            {
+              htmlFor: "file-upload",
+              className: "mt-4 inline-block px-4 py-2 bg-primus-600 text-white rounded cursor-pointer hover:bg-primus-700",
+              children: "Select File"
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+};
+
+// src/components/security/SecurityDashboard.tsx
+import { useState as useState11, useEffect as useEffect7 } from "react";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+var SecurityDashboard = ({
+  apiUrl = "http://localhost:5221"
+}) => {
+  const [vulnerabilities, setVulnerabilities] = useState11([]);
+  const [loading, setLoading] = useState11(true);
+  useEffect7(() => {
+    fetchVulnerabilities();
+  }, []);
+  const fetchVulnerabilities = async () => {
+    try {
+      const response = await fetch(`${apiUrl}/api/security/vulnerabilities`);
+      if (response.ok) {
+        const data = await response.json();
+        setVulnerabilities(data);
+      }
+    } catch (error) {
+      console.error("Failed to fetch vulnerabilities:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const getSeverityColor = (severity) => {
+    switch (severity.toLowerCase()) {
+      case "critical":
+        return "bg-red-100 text-red-800";
+      case "high":
+        return "bg-orange-100 text-orange-800";
+      case "medium":
+        return "bg-yellow-100 text-yellow-800";
+      case "low":
+        return "bg-blue-100 text-blue-800";
+      default:
+        return "bg-gray-100 text-gray-800";
+    }
+  };
+  if (loading) return /* @__PURE__ */ jsx11("div", { className: "p-4", children: "Scanning for vulnerabilities..." });
+  return /* @__PURE__ */ jsxs11("div", { className: "bg-white p-6 rounded-lg border border-gray-200 shadow-sm", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "flex justify-between items-center mb-4", children: [
+      /* @__PURE__ */ jsx11("h3", { className: "text-lg font-medium text-gray-900", children: "Security Dashboard" }),
+      /* @__PURE__ */ jsx11(
+        "button",
+        {
+          onClick: fetchVulnerabilities,
+          className: "px-3 py-1 bg-primus-600 text-white rounded text-sm hover:bg-primus-700",
+          children: "Rescan"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx11("div", { className: "space-y-3", children: vulnerabilities.map((vuln) => /* @__PURE__ */ jsxs11("div", { className: "p-4 border border-gray-200 rounded-lg", children: [
+      /* @__PURE__ */ jsxs11("div", { className: "flex justify-between items-start mb-2", children: [
+        /* @__PURE__ */ jsx11("h4", { className: "font-medium text-gray-900", children: vuln.title }),
+        /* @__PURE__ */ jsx11("span", { className: `px-2 py-1 rounded text-xs font-medium ${getSeverityColor(vuln.severity)}`, children: vuln.severity })
+      ] }),
+      /* @__PURE__ */ jsx11("p", { className: "text-sm text-gray-600 mb-2", children: vuln.description }),
+      vuln.file && /* @__PURE__ */ jsxs11("p", { className: "text-xs text-gray-500 mb-2", children: [
+        vuln.file,
+        vuln.line ? `:${vuln.line}` : ""
+      ] }),
+      /* @__PURE__ */ jsxs11("p", { className: "text-sm text-primus-600", children: [
+        "\u{1F4A1} ",
+        vuln.recommendation
+      ] })
+    ] }, vuln.id)) })
+  ] });
+};
+
+// src/components/auth/PrimusLogin.tsx
+import { useState as useState13 } from "react";
+
+// src/context/PrimusThemeProvider.tsx
+import { createContext, useContext, useState as useState12, useCallback } from "react";
+import { jsx as jsx12 } from "react/jsx-runtime";
+var themeColors = {
+  light: {
+    bg: "bg-white",
+    bgSecondary: "bg-gray-50",
+    bgTertiary: "bg-gray-100",
+    bgHover: "hover:bg-gray-100",
+    border: "border-gray-200",
+    borderSecondary: "border-gray-100",
+    text: "text-gray-900",
+    textSecondary: "text-gray-600",
+    textMuted: "text-gray-400",
+    accent: "bg-violet-600",
+    accentHover: "hover:bg-violet-500",
+    accentText: "text-violet-600",
+    badge: "bg-orange-500",
+    success: "text-emerald-600",
+    warning: "text-amber-600",
+    error: "text-rose-600",
+    info: "text-blue-600"
+  },
+  dark: {
+    bg: "bg-gray-900",
+    bgSecondary: "bg-gray-800",
+    bgTertiary: "bg-gray-800/50",
+    bgHover: "hover:bg-gray-800",
+    border: "border-gray-700",
+    borderSecondary: "border-gray-800",
+    text: "text-white",
+    textSecondary: "text-gray-400",
+    textMuted: "text-gray-500",
+    accent: "bg-blue-600",
+    accentHover: "hover:bg-blue-500",
+    accentText: "text-blue-400",
+    badge: "bg-rose-500",
+    success: "text-emerald-400",
+    warning: "text-amber-400",
+    error: "text-rose-400",
+    info: "text-blue-400"
+  }
+};
+var PrimusThemeContext = createContext(void 0);
+function PrimusThemeProvider({ children, defaultTheme = "dark" }) {
+  const [theme, setTheme] = useState12(defaultTheme);
+  const toggleTheme = useCallback(() => {
+    setTheme((prev) => prev === "dark" ? "light" : "dark");
+  }, []);
+  const value = {
+    theme,
+    colors: themeColors[theme],
+    setTheme,
+    toggleTheme
+  };
+  return /* @__PURE__ */ jsx12(PrimusThemeContext.Provider, { value, children });
+}
+function usePrimusTheme() {
+  const context = useContext(PrimusThemeContext);
+  if (!context) {
+    return {
+      theme: "light",
+      colors: themeColors.light,
+      setTheme: () => console.warn("PrimusThemeProvider not found"),
+      toggleTheme: () => console.warn("PrimusThemeProvider not found")
+    };
+  }
+  return context;
+}
+function PrimusThemeToggle() {
+  const { theme, toggleTheme, colors } = usePrimusTheme();
+  return /* @__PURE__ */ jsx12(
+    "button",
+    {
+      onClick: toggleTheme,
+      className: `p-2 rounded-lg ${colors.bgHover} transition-colors`,
+      title: `Switch to ${theme === "dark" ? "light" : "dark"} mode`,
+      children: theme === "dark" ? /* @__PURE__ */ jsx12("svg", { className: "h-5 w-5 text-yellow-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx12("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) }) : /* @__PURE__ */ jsx12("svg", { className: "h-5 w-5 text-gray-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx12("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" }) })
+    }
+  );
+}
+
+// src/components/auth/PrimusLogin.tsx
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+var providerConfigs = {
+  google: {
+    name: "Google",
+    icon: /* @__PURE__ */ jsxs12("svg", { className: "h-5 w-5", viewBox: "0 0 24 24", children: [
+      /* @__PURE__ */ jsx13("path", { fill: "#4285F4", d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" }),
+      /* @__PURE__ */ jsx13("path", { fill: "#34A853", d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" }),
+      /* @__PURE__ */ jsx13("path", { fill: "#FBBC05", d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" }),
+      /* @__PURE__ */ jsx13("path", { fill: "#EA4335", d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" })
+    ] }),
+    colors: { light: "bg-white hover:bg-gray-50 text-gray-700 border-gray-300", dark: "bg-white hover:bg-gray-100 text-gray-700 border-gray-300" }
+  },
+  azure: {
+    name: "Microsoft",
+    icon: /* @__PURE__ */ jsxs12("svg", { className: "h-5 w-5", viewBox: "0 0 23 23", children: [
+      /* @__PURE__ */ jsx13("path", { fill: "#f35325", d: "M1 1h10v10H1z" }),
+      /* @__PURE__ */ jsx13("path", { fill: "#81bc06", d: "M12 1h10v10H12z" }),
+      /* @__PURE__ */ jsx13("path", { fill: "#05a6f0", d: "M1 12h10v10H1z" }),
+      /* @__PURE__ */ jsx13("path", { fill: "#ffba08", d: "M12 12h10v10H12z" })
+    ] }),
+    colors: { light: "bg-white hover:bg-gray-50 text-gray-700 border-gray-300", dark: "bg-white hover:bg-gray-100 text-gray-700 border-gray-300" }
+  },
+  github: {
+    name: "GitHub",
+    icon: /* @__PURE__ */ jsx13("svg", { className: "h-5 w-5", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx13("path", { fillRule: "evenodd", d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z", clipRule: "evenodd" }) }),
+    colors: { light: "bg-gray-900 hover:bg-gray-800 text-white border-gray-900", dark: "bg-white hover:bg-gray-100 text-gray-900 border-gray-300" }
+  },
+  microsoft: {
+    name: "Microsoft",
+    icon: /* @__PURE__ */ jsxs12("svg", { className: "h-5 w-5", viewBox: "0 0 24 24", children: [
+      /* @__PURE__ */ jsx13("path", { fill: "#F25022", d: "M1 1h10v10H1z" }),
+      /* @__PURE__ */ jsx13("path", { fill: "#00A4EF", d: "M1 13h10v10H1z" }),
+      /* @__PURE__ */ jsx13("path", { fill: "#7FBA00", d: "M13 1h10v10H13z" }),
+      /* @__PURE__ */ jsx13("path", { fill: "#FFB900", d: "M13 13h10v10H13z" })
+    ] }),
+    colors: { light: "bg-white hover:bg-gray-50 text-gray-700 border-gray-300", dark: "bg-white hover:bg-gray-100 text-gray-700 border-gray-300" }
+  },
+  apple: {
+    name: "Apple",
+    icon: /* @__PURE__ */ jsx13("svg", { className: "h-5 w-5", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx13("path", { d: "M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z" }) }),
+    colors: { light: "bg-black hover:bg-gray-900 text-white border-black", dark: "bg-white hover:bg-gray-100 text-black border-gray-300" }
+  },
+  facebook: {
+    name: "Facebook",
+    icon: /* @__PURE__ */ jsx13("svg", { className: "h-5 w-5", fill: "white", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx13("path", { d: "M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z" }) }),
+    colors: { light: "bg-[#1877F2] hover:bg-[#166FE5] text-white border-[#1877F2]", dark: "bg-[#1877F2] hover:bg-[#166FE5] text-white border-[#1877F2]" }
+  }
+};
+function PrimusLogin({
+  onLogin,
+  socialProviders = [],
+  onSocialLogin,
+  authEndpoint = "/api/auth",
+  showEmailLogin = true,
+  title = "Welcome Back",
+  subtitle = "Enter your credentials to continue",
+  logo,
+  theme: themeOverride
+}) {
+  const themeContext = usePrimusTheme();
+  const theme = themeOverride || themeContext.theme;
+  const isLight = theme === "light";
+  const [username, setUsername] = useState13("");
+  const [password, setPassword] = useState13("");
+  const [loading, setLoading] = useState13(false);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!username || !password) return;
+    setLoading(true);
+    try {
+      onLogin?.({ username, password });
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleSocialClick = (provider) => {
+    if (onSocialLogin) {
+      onSocialLogin(provider);
+    } else {
+      window.location.href = `${authEndpoint}/${provider}`;
+    }
+  };
+  const bgGradient = isLight ? "bg-gradient-to-br from-gray-50 via-white to-violet-50" : "bg-gray-950";
+  const cardBg = isLight ? "bg-white border-gray-200 shadow-xl" : "bg-gray-900/50 border-white/10";
+  const headingColor = isLight ? "text-gray-900" : "text-white";
+  const subtextColor = isLight ? "text-gray-500" : "text-slate-400";
+  const labelColor = isLight ? "text-gray-600" : "text-slate-300";
+  const inputClasses = isLight ? "bg-gray-50 border-gray-300 text-gray-900 placeholder:text-gray-400 focus:border-violet-500 focus:ring-violet-500" : "bg-gray-950/50 border-slate-700 text-white placeholder:text-slate-600 focus:border-blue-500 focus:ring-blue-500";
+  const buttonGradient = isLight ? "bg-gradient-to-r from-violet-600 to-purple-600" : "bg-gradient-to-r from-blue-600 to-indigo-600";
+  const logoBg = isLight ? "bg-violet-600 shadow-violet-500/20" : "bg-blue-600 shadow-blue-500/20";
+  const dividerColor = isLight ? "border-gray-200" : "border-slate-700";
+  const hasSocial = socialProviders.length > 0;
+  return /* @__PURE__ */ jsxs12("div", { className: `min-h-screen ${bgGradient} flex items-center justify-center p-4`, children: [
+    !isLight && /* @__PURE__ */ jsxs12("div", { className: "absolute inset-0 overflow-hidden", children: [
+      /* @__PURE__ */ jsx13("div", { className: "absolute -top-[20%] -left-[10%] w-[50%] h-[50%] bg-blue-600/20 rounded-full blur-[120px]" }),
+      /* @__PURE__ */ jsx13("div", { className: "absolute -bottom-[20%] -right-[10%] w-[50%] h-[50%] bg-purple-600/20 rounded-full blur-[120px]" })
+    ] }),
+    /* @__PURE__ */ jsxs12("div", { className: `w-full max-w-md ${cardBg} p-8 rounded-2xl border backdrop-blur-xl relative z-10`, children: [
+      /* @__PURE__ */ jsxs12("div", { className: "text-center mb-8", children: [
+        logo ? typeof logo === "string" ? /* @__PURE__ */ jsx13("img", { src: logo, alt: "Logo", className: "h-12 w-12 mx-auto mb-4 rounded-xl" }) : /* @__PURE__ */ jsx13("div", { className: "mb-4", children: logo }) : /* @__PURE__ */ jsx13("div", { className: `h-12 w-12 ${logoBg} rounded-xl mx-auto flex items-center justify-center mb-4 shadow-lg`, children: /* @__PURE__ */ jsx13("span", { className: "font-bold text-xl text-white", children: "P" }) }),
+        /* @__PURE__ */ jsx13("h1", { className: `text-2xl font-bold ${headingColor} tracking-tight`, children: title }),
+        /* @__PURE__ */ jsx13("p", { className: `${subtextColor} text-sm mt-2`, children: subtitle })
+      ] }),
+      hasSocial && /* @__PURE__ */ jsx13("div", { className: "space-y-3 mb-6", children: socialProviders.map((provider) => {
+        const config = providerConfigs[provider];
+        if (!config) return null;
+        return /* @__PURE__ */ jsxs12(
+          "button",
+          {
+            onClick: () => handleSocialClick(provider),
+            className: `w-full flex items-center justify-center gap-3 px-4 py-2.5 border rounded-lg font-medium text-sm transition-all duration-200 ${isLight ? config.colors.light : config.colors.dark}`,
+            children: [
+              config.icon,
+              /* @__PURE__ */ jsxs12("span", { children: [
+                "Continue with ",
+                config.name
+              ] })
+            ]
+          },
+          provider
+        );
+      }) }),
+      hasSocial && showEmailLogin && /* @__PURE__ */ jsxs12("div", { className: "relative my-6", children: [
+        /* @__PURE__ */ jsx13("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx13("div", { className: `w-full border-t ${dividerColor}` }) }),
+        /* @__PURE__ */ jsx13("div", { className: "relative flex justify-center text-xs uppercase", children: /* @__PURE__ */ jsx13("span", { className: `${isLight ? "bg-white" : "bg-gray-900/50"} px-2 ${subtextColor}`, children: "Or continue with email" }) })
+      ] }),
+      showEmailLogin && /* @__PURE__ */ jsxs12("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx13("label", { className: `text-xs font-medium ${labelColor} ml-1`, children: "EMAIL" }),
+          /* @__PURE__ */ jsx13(
+            "input",
+            {
+              type: "text",
+              value: username,
+              onChange: (e) => setUsername(e.target.value),
+              className: `w-full px-4 py-2.5 ${inputClasses} border rounded-lg focus:outline-none focus:ring-1 transition-all text-sm`,
+              placeholder: "you@example.com"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx13("label", { className: `text-xs font-medium ${labelColor} ml-1`, children: "PASSWORD" }),
+          /* @__PURE__ */ jsx13(
+            "input",
+            {
+              type: "password",
+              value: password,
+              onChange: (e) => setPassword(e.target.value),
+              className: `w-full px-4 py-2.5 ${inputClasses} border rounded-lg focus:outline-none focus:ring-1 transition-all text-sm`,
+              placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx13(
+          "button",
+          {
+            type: "submit",
+            disabled: loading,
+            className: `w-full mt-4 py-2.5 ${buttonGradient} text-white font-medium rounded-lg hover:opacity-90 transition-opacity disabled:opacity-50`,
+            children: loading ? "Signing in..." : "Sign In"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+var LoginPage = PrimusLogin;
+
+// src/context/PrimusProvider.tsx
+import { createContext as createContext2, useContext as useContext2, useEffect as useEffect8, useState as useState14, useCallback as useCallback2 } from "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var PrimusAuthContext = createContext2(void 0);
+var PrimusProvider = ({
+  children,
+  authority,
+  clientId,
+  onLoginSuccess,
+  onLoginError
+}) => {
+  void clientId;
+  const [isAuthenticated, setIsAuthenticated] = useState14(false);
+  const [user, setUser] = useState14(null);
+  const [token, setToken] = useState14(null);
+  const [isLoading, setIsLoading] = useState14(false);
+  useEffect8(() => {
+    const storedToken = localStorage.getItem("primus_token");
+    const storedUser = localStorage.getItem("primus_user");
+    if (storedToken && storedUser) {
+      try {
+        setToken(storedToken);
+        setUser(JSON.parse(storedUser));
+        setIsAuthenticated(true);
+      } catch {
+        localStorage.removeItem("primus_token");
+        localStorage.removeItem("primus_user");
+      }
+    }
+  }, []);
+  const login = useCallback2(async (credentials) => {
+    setIsLoading(true);
+    try {
+      let endpoint;
+      let body;
+      if ("provider" in credentials) {
+        endpoint = `${authority}/auth/${credentials.provider}`;
+        body = {};
+      } else {
+        endpoint = `${authority}/auth/local`;
+        body = { email: credentials.email, password: credentials.password };
+      }
+      const response = await fetch(endpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(body)
+      });
+      if (!response.ok) {
+        const errorData = await response.json().catch(() => ({}));
+        const errorMsg = errorData.message || `Login failed (${response.status})`;
+        onLoginError?.(errorMsg);
+        return { success: false, error: errorMsg };
+      }
+      const data = await response.json();
+      const accessToken = data.access_token || data.token;
+      const userData = data.user || {
+        name: "Authenticated User",
+        email: "provider" in credentials ? `${credentials.provider}@primus.local` : credentials.email
+      };
+      localStorage.setItem("primus_token", accessToken);
+      localStorage.setItem("primus_user", JSON.stringify(userData));
+      setToken(accessToken);
+      setUser(userData);
+      setIsAuthenticated(true);
+      onLoginSuccess?.(userData, accessToken);
+      return { success: true };
+    } catch (err) {
+      const errorMsg = err instanceof Error ? err.message : "Network error";
+      onLoginError?.(errorMsg);
+      return { success: false, error: errorMsg };
+    } finally {
+      setIsLoading(false);
+    }
+  }, [authority, onLoginSuccess, onLoginError]);
+  const logout = useCallback2(async () => {
+    localStorage.removeItem("primus_token");
+    localStorage.removeItem("primus_user");
+    setToken(null);
+    setIsAuthenticated(false);
+    setUser(null);
+  }, []);
+  return /* @__PURE__ */ jsx14(PrimusAuthContext.Provider, { value: { isAuthenticated, user, login, logout, token, isLoading }, children });
+};
+var usePrimusAuth = () => {
+  const context = useContext2(PrimusAuthContext);
+  if (context === void 0) {
+    return {
+      isAuthenticated: false,
+      user: null,
+      login: async () => ({ success: false, error: "PrimusProvider not configured" }),
+      logout: async () => {
+      },
+      token: null,
+      isLoading: false
+    };
+  }
+  return context;
+};
+
+// src/components/shared/Button.tsx
+import React13 from "react";
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+import { jsx as jsx15 } from "react/jsx-runtime";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var Button = React13.forwardRef(
+  ({ className, variant = "primary", size = "md", ...props }, ref) => {
+    return /* @__PURE__ */ jsx15(
+      "button",
+      {
+        ref,
+        className: cn(
+          "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+          {
+            "bg-gray-900 text-gray-50 hover:bg-gray-900/90": variant === "primary",
+            "bg-gray-100 text-gray-900 hover:bg-gray-100/80": variant === "secondary",
+            "border border-gray-200 bg-white hover:bg-gray-100 hover:text-gray-900": variant === "outline",
+            "hover:bg-gray-100 hover:text-gray-900": variant === "ghost",
+            "h-9 px-3": size === "sm",
+            "h-10 px-4 py-2": size === "md",
+            "h-11 px-8": size === "lg"
+          },
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+
+// src/components/auth/UserProfile.tsx
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+var UserProfile = () => {
+  const { user, logout, isAuthenticated } = usePrimusAuth();
+  if (!isAuthenticated || !user) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-4 p-4 rounded-lg bg-gray-50 border border-gray-200", children: [
+    /* @__PURE__ */ jsx16("div", { className: "h-10 w-10 rounded-full bg-primus-100 flex items-center justify-center text-primus-600 font-bold", children: user.name?.charAt(0) || "U" }),
+    /* @__PURE__ */ jsxs13("div", { className: "flex-1", children: [
+      /* @__PURE__ */ jsx16("p", { className: "text-sm font-medium text-gray-900", children: user.name }),
+      /* @__PURE__ */ jsx16("p", { className: "text-xs text-gray-500", children: user.email })
+    ] }),
+    /* @__PURE__ */ jsx16(Button, { variant: "outline", size: "sm", onClick: () => logout(), children: "Sign out" })
+  ] });
+};
+
+// src/hooks/useNotifications.ts
+import { useState as useState15, useEffect as useEffect9 } from "react";
+var useNotifications = (apiUrl = "http://localhost:5221") => {
+  const [notifications, setNotifications] = useState15([]);
+  const [unreadCount, setUnreadCount] = useState15(0);
+  const [loading, setLoading] = useState15(true);
+  useEffect9(() => {
+    fetchNotifications();
+    const interval = setInterval(fetchNotifications, 3e3);
+    return () => clearInterval(interval);
+  }, []);
+  const fetchNotifications = async () => {
+    try {
+      const response = await fetch(`${apiUrl}/notifications`);
+      if (response.ok) {
+        const data = await response.json();
+        setNotifications(data);
+        setUnreadCount(data.filter((n) => !n.read).length);
+      }
+    } catch (error) {
+      console.error("Failed to fetch notifications:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const markAsRead = (id) => {
+    setNotifications((prev) => prev.map((n) => n.id === id ? { ...n, read: true } : n));
+    setUnreadCount((prev) => Math.max(0, prev - 1));
+  };
+  const markAllAsRead = () => {
+    setNotifications((prev) => prev.map((n) => ({ ...n, read: true })));
+    setUnreadCount(0);
+  };
+  return {
+    notifications,
+    unreadCount,
+    loading,
+    markAsRead,
+    markAllAsRead,
+    refresh: fetchNotifications
+  };
+};
+
+// src/components/notifications/NotificationFeed.tsx
+import { BellIcon, CheckCircleIcon, ExclamationTriangleIcon, InformationCircleIcon, XCircleIcon } from "@heroicons/react/24/outline";
+import { Popover, Transition } from "@headlessui/react";
+import { Fragment as Fragment2 } from "react";
+import { clsx as clsx2 } from "clsx";
+import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+var NotificationIcon = ({ type }) => {
+  switch (type) {
+    case "success":
+      return /* @__PURE__ */ jsx17(CheckCircleIcon, { className: "h-6 w-6 text-green-500" });
+    case "warning":
+      return /* @__PURE__ */ jsx17(ExclamationTriangleIcon, { className: "h-6 w-6 text-yellow-500" });
+    case "error":
+      return /* @__PURE__ */ jsx17(XCircleIcon, { className: "h-6 w-6 text-red-500" });
+    default:
+      return /* @__PURE__ */ jsx17(InformationCircleIcon, { className: "h-6 w-6 text-blue-500" });
+  }
+};
+var NotificationFeed = () => {
+  const { notifications, unreadCount, markAsRead, markAllAsRead } = useNotifications();
+  return /* @__PURE__ */ jsx17(Popover, { className: "relative", children: ({ open }) => /* @__PURE__ */ jsxs14(Fragment3, { children: [
+    /* @__PURE__ */ jsxs14(Popover.Button, { className: clsx2(
+      "relative p-2 rounded-full hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-primus-500",
+      open && "bg-gray-100"
+    ), children: [
+      /* @__PURE__ */ jsx17(BellIcon, { className: "h-6 w-6 text-gray-600", "aria-hidden": "true" }),
+      unreadCount > 0 && /* @__PURE__ */ jsx17("span", { className: "absolute top-1 right-1 block h-2.5 w-2.5 rounded-full bg-red-500 ring-2 ring-white" })
+    ] }),
+    /* @__PURE__ */ jsx17(
+      Transition,
+      {
+        as: Fragment2,
+        enter: "transition ease-out duration-200",
+        enterFrom: "opacity-0 translate-y-1",
+        enterTo: "opacity-100 translate-y-0",
+        leave: "transition ease-in duration-150",
+        leaveFrom: "opacity-100 translate-y-0",
+        leaveTo: "opacity-0 translate-y-1",
+        children: /* @__PURE__ */ jsxs14(Popover.Panel, { className: "absolute right-0 z-10 mt-2 w-80 origin-top-right rounded-md bg-white py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:w-96", children: [
+          /* @__PURE__ */ jsxs14("div", { className: "px-4 py-3 flex items-center justify-between border-b border-gray-100", children: [
+            /* @__PURE__ */ jsx17("h3", { className: "text-sm font-semibold text-gray-900", children: "Notifications" }),
+            unreadCount > 0 && /* @__PURE__ */ jsx17(
+              "button",
+              {
+                onClick: () => markAllAsRead(),
+                className: "text-xs font-medium text-primus-600 hover:text-primus-500",
+                children: "Mark all as read"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx17("div", { className: "max-h-96 overflow-y-auto", children: notifications.length === 0 ? /* @__PURE__ */ jsx17("div", { className: "px-4 py-6 text-center text-sm text-gray-500", children: "No new notifications" }) : /* @__PURE__ */ jsx17("div", { className: "divide-y divide-gray-100", children: notifications.map((notification) => /* @__PURE__ */ jsxs14(
+            "div",
+            {
+              className: clsx2(
+                "flex gap-3 px-4 py-4 hover:bg-gray-50 transition-colors cursor-pointer",
+                !notification.read && "bg-blue-50/50"
+              ),
+              onClick: () => markAsRead(notification.id),
+              children: [
+                /* @__PURE__ */ jsx17("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ jsx17(NotificationIcon, { type: notification.type }) }),
+                /* @__PURE__ */ jsxs14("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx17("p", { className: "text-sm font-medium text-gray-900", children: notification.title }),
+                  /* @__PURE__ */ jsx17("p", { className: "text-sm text-gray-500 truncate", children: notification.message }),
+                  /* @__PURE__ */ jsx17("p", { className: "mt-1 text-xs text-gray-400", children: new Date(notification.timestamp).toLocaleDateString() })
+                ] }),
+                !notification.read && /* @__PURE__ */ jsx17("div", { className: "flex-shrink-0 self-center", children: /* @__PURE__ */ jsx17("span", { className: "block h-2 w-2 rounded-full bg-primus-500" }) })
+              ]
+            },
+            notification.id
+          )) }) }),
+          /* @__PURE__ */ jsx17("div", { className: "border-t border-gray-100 px-4 py-2", children: /* @__PURE__ */ jsx17("a", { href: "#", className: "block text-center text-sm font-medium text-primus-600 hover:text-primus-500", children: "View all notifications" }) })
+        ] })
+      }
+    )
+  ] }) });
+};
+
+// src/components/notifications/PrimusNotificationCenter.tsx
+import { useState as useState16, useEffect as useEffect10, useCallback as useCallback3 } from "react";
+import { Bell, Send, X, Check, AlertTriangle, Info, AlertCircle } from "lucide-react";
+import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+var API_URL = "http://localhost:5222";
+function PrimusNotificationCenter({ theme: themeOverride, apiUrl = API_URL }) {
+  const themeContext = usePrimusTheme();
+  const theme = themeOverride || themeContext.theme;
+  const t = themeColors[theme];
+  const [notifications, setNotifications] = useState16([]);
+  const [isOpen, setIsOpen] = useState16(false);
+  const [showSendForm, setShowSendForm] = useState16(false);
+  const [unreadCount, setUnreadCount] = useState16(0);
+  const [newTitle, setNewTitle] = useState16("");
+  const [newMessage, setNewMessage] = useState16("");
+  const [newType, setNewType] = useState16("info");
+  const [sending, setSending] = useState16(false);
+  const fetchNotifications = useCallback3(async () => {
+    try {
+      const response = await fetch(`${apiUrl}/api/notifications`);
+      if (response.ok) {
+        const data = await response.json();
+        setNotifications(data);
+        setUnreadCount(data.filter((n) => !n.read).length);
+      }
+    } catch (error) {
+    }
+  }, [apiUrl]);
+  useEffect10(() => {
+    fetchNotifications();
+    const interval = setInterval(fetchNotifications, 3e3);
+    return () => clearInterval(interval);
+  }, [fetchNotifications]);
+  const sendNotification = async () => {
+    if (!newTitle.trim() || !newMessage.trim()) return;
+    setSending(true);
+    try {
+      const response = await fetch(`${apiUrl}/api/notifications`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ title: newTitle, message: newMessage, type: newType })
+      });
+      if (response.ok) {
+        setNewTitle("");
+        setNewMessage("");
+        setNewType("info");
+        setShowSendForm(false);
+        await fetchNotifications();
+      }
+    } catch (error) {
+      console.error("Failed to send notification");
+    }
+    setSending(false);
+  };
+  const markAsRead = async (id) => {
+    try {
+      await fetch(`${apiUrl}/api/notifications/${id}/read`, { method: "PUT" });
+      setNotifications((prev) => prev.map((n) => n.id === id ? { ...n, read: true } : n));
+      setUnreadCount((prev) => Math.max(0, prev - 1));
+    } catch {
+    }
+  };
+  const getTypeIcon = (type) => {
+    const iconClass = "h-4 w-4";
+    switch (type) {
+      case "success":
+        return /* @__PURE__ */ jsx18(Check, { className: `${iconClass} ${t.success}` });
+      case "warning":
+        return /* @__PURE__ */ jsx18(AlertTriangle, { className: `${iconClass} ${t.warning}` });
+      case "error":
+        return /* @__PURE__ */ jsx18(AlertCircle, { className: `${iconClass} ${t.error}` });
+      default:
+        return /* @__PURE__ */ jsx18(Info, { className: `${iconClass} ${t.info}` });
+    }
+  };
+  const getTypeBg = (type) => {
+    if (theme === "light") {
+      switch (type) {
+        case "success":
+          return "bg-emerald-50 border-emerald-200";
+        case "warning":
+          return "bg-amber-50 border-amber-200";
+        case "error":
+          return "bg-rose-50 border-rose-200";
+        default:
+          return "bg-blue-50 border-blue-200";
+      }
+    } else {
+      switch (type) {
+        case "success":
+          return "bg-emerald-900/20 border-emerald-800";
+        case "warning":
+          return "bg-amber-900/20 border-amber-800";
+        case "error":
+          return "bg-rose-900/20 border-rose-800";
+        default:
+          return "bg-blue-900/20 border-blue-800";
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs15("div", { className: "relative font-sans", children: [
+    /* @__PURE__ */ jsxs15(
+      "button",
+      {
+        onClick: () => setIsOpen(!isOpen),
+        className: `relative p-2.5 rounded-xl ${t.bgHover} transition-all duration-200 group`,
+        children: [
+          /* @__PURE__ */ jsx18(Bell, { className: `h-5 w-5 ${t.textSecondary} group-hover:${t.accentText} transition-colors` }),
+          unreadCount > 0 && /* @__PURE__ */ jsx18("span", { className: `absolute -top-0.5 -right-0.5 h-5 w-5 ${t.badge} rounded-full flex items-center justify-center text-white text-xs font-bold shadow-lg animate-pulse`, children: unreadCount > 9 ? "9+" : unreadCount })
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsxs15(Fragment4, { children: [
+      /* @__PURE__ */ jsx18("div", { className: "fixed inset-0 z-40", onClick: () => setIsOpen(false) }),
+      /* @__PURE__ */ jsxs15("div", { className: `absolute right-0 mt-3 w-96 ${t.bg} border ${t.border} rounded-2xl shadow-2xl z-50 overflow-hidden`, children: [
+        /* @__PURE__ */ jsxs15("div", { className: `px-5 py-4 border-b ${t.border} flex items-center justify-between`, children: [
+          /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx18("div", { className: `p-2 rounded-xl ${t.bgTertiary}`, children: /* @__PURE__ */ jsx18(Bell, { className: `h-5 w-5 ${t.accentText}` }) }),
+            /* @__PURE__ */ jsxs15("div", { children: [
+              /* @__PURE__ */ jsx18("h3", { className: `font-semibold ${t.text}`, children: "Notifications" }),
+              /* @__PURE__ */ jsx18("p", { className: `text-xs ${t.textMuted}`, children: unreadCount > 0 ? `${unreadCount} unread` : "All caught up!" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx18("button", { onClick: () => setIsOpen(false), className: `p-1.5 rounded-lg ${t.bgHover} transition-colors`, children: /* @__PURE__ */ jsx18(X, { className: `h-4 w-4 ${t.textSecondary}` }) })
+        ] }),
+        /* @__PURE__ */ jsxs15("div", { className: `p-4 border-b ${t.border} ${t.bgSecondary}`, children: [
+          /* @__PURE__ */ jsxs15(
+            "button",
+            {
+              onClick: () => setShowSendForm(!showSendForm),
+              className: `w-full px-4 py-2.5 ${t.accent} ${t.accentHover} rounded-xl text-white text-sm font-medium flex items-center justify-center gap-2 transition-all duration-200 shadow-lg`,
+              children: [
+                /* @__PURE__ */ jsx18(Send, { className: "h-4 w-4" }),
+                "Send New Notification"
+              ]
+            }
+          ),
+          showSendForm && /* @__PURE__ */ jsxs15("div", { className: "mt-4 space-y-3", children: [
+            /* @__PURE__ */ jsx18(
+              "input",
+              {
+                type: "text",
+                placeholder: "Notification title...",
+                value: newTitle,
+                onChange: (e) => setNewTitle(e.target.value),
+                className: `w-full px-4 py-2.5 ${t.bg} border ${t.border} rounded-xl ${t.text} text-sm focus:outline-none focus:ring-2 focus:ring-blue-500`
+              }
+            ),
+            /* @__PURE__ */ jsx18(
+              "input",
+              {
+                type: "text",
+                placeholder: "Message content...",
+                value: newMessage,
+                onChange: (e) => setNewMessage(e.target.value),
+                className: `w-full px-4 py-2.5 ${t.bg} border ${t.border} rounded-xl ${t.text} text-sm focus:outline-none focus:ring-2 focus:ring-blue-500`
+              }
+            ),
+            /* @__PURE__ */ jsx18("div", { className: "flex gap-2", children: ["info", "success", "warning", "error"].map((type) => /* @__PURE__ */ jsx18(
+              "button",
+              {
+                onClick: () => setNewType(type),
+                className: `flex-1 py-2 px-3 rounded-lg text-xs font-medium capitalize transition-all border ${newType === type ? `${getTypeBg(type)} ${t.text}` : `${t.bg} ${t.textSecondary} ${t.border} ${t.bgHover}`}`,
+                children: type
+              },
+              type
+            )) }),
+            /* @__PURE__ */ jsx18(
+              "button",
+              {
+                onClick: sendNotification,
+                disabled: sending || !newTitle.trim() || !newMessage.trim(),
+                className: `w-full py-2.5 ${t.accent} ${t.accentHover} disabled:opacity-50 rounded-xl text-white text-sm font-medium`,
+                children: sending ? "Sending..." : "Send Notification"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx18("div", { className: "max-h-80 overflow-y-auto", children: notifications.length === 0 ? /* @__PURE__ */ jsxs15("div", { className: "px-5 py-12 text-center", children: [
+          /* @__PURE__ */ jsx18("div", { className: `mx-auto w-12 h-12 rounded-full ${t.bgSecondary} flex items-center justify-center mb-3`, children: /* @__PURE__ */ jsx18(Bell, { className: `h-6 w-6 ${t.textMuted}` }) }),
+          /* @__PURE__ */ jsx18("p", { className: `${t.textSecondary} text-sm`, children: "No notifications yet" })
+        ] }) : /* @__PURE__ */ jsx18("div", { className: `divide-y ${t.borderSecondary}`, children: notifications.map((notification) => /* @__PURE__ */ jsx18(
+          "div",
+          {
+            onClick: () => markAsRead(notification.id),
+            className: `px-5 py-4 ${t.bgHover} transition-colors cursor-pointer ${!notification.read ? t.bgTertiary : ""}`,
+            children: /* @__PURE__ */ jsxs15("div", { className: "flex gap-3", children: [
+              /* @__PURE__ */ jsx18("div", { className: `mt-0.5 p-2 rounded-lg border ${getTypeBg(notification.type)}`, children: getTypeIcon(notification.type) }),
+              /* @__PURE__ */ jsxs15("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx18("p", { className: `text-sm font-medium ${t.text}`, children: notification.title }),
+                  !notification.read && /* @__PURE__ */ jsx18("span", { className: `h-2 w-2 rounded-full ${t.badge}` })
+                ] }),
+                /* @__PURE__ */ jsx18("p", { className: `text-sm ${t.textSecondary} mt-0.5 line-clamp-2`, children: notification.message }),
+                /* @__PURE__ */ jsx18("p", { className: `text-xs ${t.textMuted} mt-1.5`, children: new Date(notification.timestamp).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
+              ] })
+            ] })
+          },
+          notification.id
+        )) }) }),
+        notifications.length > 0 && /* @__PURE__ */ jsxs15("div", { className: `px-5 py-3 border-t ${t.border} ${t.bgSecondary} flex items-center justify-between`, children: [
+          /* @__PURE__ */ jsx18("button", { onClick: fetchNotifications, className: `text-sm ${t.accentText} font-medium`, children: "Refresh" }),
+          /* @__PURE__ */ jsx18("button", { className: `text-sm ${t.textSecondary}`, children: "View all \u2192" })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+var NotificationBell = PrimusNotificationCenter;
+var PrimusNotifications = PrimusNotificationCenter;
+
+// src/hooks/useRealtimeNotifications.ts
+import { useState as useState17, useEffect as useEffect11, useCallback as useCallback4 } from "react";
+var useRealtimeNotifications = (options) => {
+  const { apiUrl, pollInterval = 3e3, userId } = options;
+  const [notifications, setNotifications] = useState17([]);
+  const [unreadCount, setUnreadCount] = useState17(0);
+  const [loading, setLoading] = useState17(true);
+  const [error, setError] = useState17(null);
+  const baseUrl = `${apiUrl}/api/notifications`;
+  const fetchNotifications = useCallback4(async () => {
+    try {
+      const url = userId ? `${baseUrl}?userId=${userId}` : baseUrl;
+      const response = await fetch(url);
+      if (response.ok) {
+        const data = await response.json();
+        setNotifications(data);
+        setUnreadCount(data.filter((n) => !n.read).length);
+        setError(null);
+      }
+    } catch (err) {
+      setError("Failed to connect to notification service");
+    } finally {
+      setLoading(false);
+    }
+  }, [baseUrl, userId]);
+  const sendNotification = useCallback4(async (title, message, type = "info") => {
+    try {
+      const response = await fetch(baseUrl, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ title, message, type, userId })
+      });
+      if (response.ok) {
+        await fetchNotifications();
+        return true;
+      }
+      return false;
+    } catch {
+      return false;
+    }
+  }, [baseUrl, userId, fetchNotifications]);
+  const markAsRead = useCallback4(async (id) => {
+    try {
+      await fetch(`${baseUrl}/${id}/read`, { method: "PUT" });
+      setNotifications((prev) => prev.map((n) => n.id === id ? { ...n, read: true } : n));
+      setUnreadCount((prev) => Math.max(0, prev - 1));
+    } catch {
+    }
+  }, [baseUrl]);
+  const markAllAsRead = useCallback4(async () => {
+    const unread = notifications.filter((n) => !n.read);
+    await Promise.all(unread.map((n) => fetch(`${baseUrl}/${n.id}/read`, { method: "PUT" })));
+    setNotifications((prev) => prev.map((n) => ({ ...n, read: true })));
+    setUnreadCount(0);
+  }, [notifications, baseUrl]);
+  const deleteNotification = useCallback4(async (id) => {
+    try {
+      await fetch(`${baseUrl}/${id}`, { method: "DELETE" });
+      setNotifications((prev) => prev.filter((n) => n.id !== id));
+    } catch {
+    }
+  }, [baseUrl]);
+  useEffect11(() => {
+    fetchNotifications();
+    const interval = setInterval(fetchNotifications, pollInterval);
+    return () => clearInterval(interval);
+  }, [fetchNotifications, pollInterval]);
+  return {
+    notifications,
+    unreadCount,
+    loading,
+    error,
+    sendNotification,
+    markAsRead,
+    markAllAsRead,
+    deleteNotification,
+    refresh: fetchNotifications
+  };
+};
+
+// src/components/payments/CheckoutForm.tsx
+import { useState as useState18 } from "react";
+
+// src/components/shared/Input.tsx
+import React14 from "react";
+import { clsx as clsx3 } from "clsx";
+import { twMerge as twMerge2 } from "tailwind-merge";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+function cn2(...inputs) {
+  return twMerge2(clsx3(inputs));
+}
+var Input = React14.forwardRef(
+  ({ className, label, error, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs16("div", { className: "w-full", children: [
+      label && /* @__PURE__ */ jsx19("label", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 mb-2 block text-gray-700", children: label }),
+      /* @__PURE__ */ jsx19(
+        "input",
+        {
+          ref,
+          className: cn2(
+            "flex h-10 w-full rounded-md border border-gray-200 bg-white px-3 py-2 text-sm ring-offset-white file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-gray-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-950 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+            error && "border-red-500 focus-visible:ring-red-500",
+            className
+          ),
+          ...props
+        }
+      ),
+      error && /* @__PURE__ */ jsx19("p", { className: "text-sm text-red-500 mt-1", children: error })
+    ] });
+  }
+);
+
+// src/components/payments/CheckoutForm.tsx
+import { LockClosedIcon, CheckCircleIcon as CheckCircleIcon2, XCircleIcon as XCircleIcon2 } from "@heroicons/react/24/solid";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+var CheckoutForm = ({
+  amount,
+  currency = "USD",
+  apiUrl = "http://localhost:5221",
+  onSuccess,
+  onError
+}) => {
+  const [loading, setLoading] = useState18(false);
+  const [cardholderName, setCardholderName] = useState18("");
+  const [cardNumber, setCardNumber] = useState18("");
+  const [expiry, setExpiry] = useState18("");
+  const [cvc, setCvc] = useState18("");
+  const [error, setError] = useState18(null);
+  const [success, setSuccess] = useState18(false);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError(null);
+    setSuccess(false);
+    setLoading(true);
+    try {
+      const response = await fetch(`${apiUrl}/api/payments/charge`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          amount,
+          currency,
+          cardholderName,
+          cardNumber: cardNumber.replace(/\s/g, ""),
+          expiry,
+          cvc
+        })
+      });
+      const data = await response.json();
+      if (!response.ok) {
+        throw new Error(data.error || "Payment failed");
+      }
+      setSuccess(true);
+      onSuccess?.(data);
+      setTimeout(() => {
+        setCardholderName("");
+        setCardNumber("");
+        setExpiry("");
+        setCvc("");
+        setSuccess(false);
+      }, 3e3);
+    } catch (err) {
+      const errorMessage = err.message || "Payment processing failed";
+      setError(errorMessage);
+      onError?.(errorMessage);
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs17("div", { className: "bg-white p-6 rounded-lg border border-gray-200 shadow-sm", children: [
+    /* @__PURE__ */ jsxs17("div", { className: "flex justify-between items-center mb-6", children: [
+      /* @__PURE__ */ jsx20("h3", { className: "text-lg font-medium text-gray-900", children: "Payment Details" }),
+      /* @__PURE__ */ jsxs17("div", { className: "flex items-center text-gray-500 text-sm", children: [
+        /* @__PURE__ */ jsx20(LockClosedIcon, { className: "h-4 w-4 mr-1" }),
+        "Secure Payment"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs17("div", { className: "mb-6 p-4 bg-gray-50 rounded-lg flex justify-between items-center", children: [
+      /* @__PURE__ */ jsx20("span", { className: "text-gray-600", children: "Total to pay" }),
+      /* @__PURE__ */ jsx20("span", { className: "text-2xl font-bold text-gray-900", children: new Intl.NumberFormat("en-US", { style: "currency", currency }).format(amount) })
+    ] }),
+    error && /* @__PURE__ */ jsxs17("div", { className: "mb-4 p-3 bg-red-50 border border-red-200 rounded-lg flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx20(XCircleIcon2, { className: "h-5 w-5 text-red-500 flex-shrink-0 mt-0.5" }),
+      /* @__PURE__ */ jsx20("p", { className: "text-sm text-red-700", children: error })
+    ] }),
+    success && /* @__PURE__ */ jsxs17("div", { className: "mb-4 p-3 bg-green-50 border border-green-200 rounded-lg flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx20(CheckCircleIcon2, { className: "h-5 w-5 text-green-500 flex-shrink-0 mt-0.5" }),
+      /* @__PURE__ */ jsx20("p", { className: "text-sm text-green-700", children: "Payment successful!" })
+    ] }),
+    /* @__PURE__ */ jsxs17("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ jsx20(
+        Input,
+        {
+          label: "Cardholder Name",
+          placeholder: "John Doe",
+          value: cardholderName,
+          onChange: (e) => setCardholderName(e.target.value),
+          required: true,
+          disabled: loading
+        }
+      ),
+      /* @__PURE__ */ jsxs17("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx20(
+          Input,
+          {
+            label: "Card Number",
+            placeholder: "4242 4242 4242 4242",
+            value: cardNumber,
+            onChange: (e) => setCardNumber(e.target.value),
+            required: true,
+            disabled: loading
+          }
+        ),
+        /* @__PURE__ */ jsxs17("div", { className: "absolute right-3 top-[34px] flex gap-1", children: [
+          /* @__PURE__ */ jsx20("div", { className: "h-5 w-8 bg-gray-200 rounded" }),
+          /* @__PURE__ */ jsx20("div", { className: "h-5 w-8 bg-gray-200 rounded" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs17("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsx20(
+          Input,
+          {
+            label: "Expiry Date",
+            placeholder: "MM/YY",
+            value: expiry,
+            onChange: (e) => setExpiry(e.target.value),
+            maxLength: 5,
+            required: true,
+            disabled: loading
+          }
+        ),
+        /* @__PURE__ */ jsx20(
+          Input,
+          {
+            label: "CVC",
+            placeholder: "123",
+            value: cvc,
+            onChange: (e) => setCvc(e.target.value),
+            maxLength: 4,
+            required: true,
+            disabled: loading
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs17("div", { className: "pt-4", children: [
+        /* @__PURE__ */ jsx20(Button, { type: "submit", className: "w-full bg-primus-600 hover:bg-primus-700", size: "lg", disabled: loading, children: loading ? "Processing..." : `Pay ${new Intl.NumberFormat("en-US", { style: "currency", currency }).format(amount)}` }),
+        /* @__PURE__ */ jsx20("p", { className: "text-center text-xs text-gray-400 mt-3", children: "Powered by Primus Payments. Your data is encrypted." }),
+        /* @__PURE__ */ jsx20("p", { className: "text-center text-xs text-gray-500 mt-2", children: "Test card: 4242 4242 4242 4242" })
+      ] })
+    ] })
+  ] });
+};
+
+// src/components/documents/DocumentViewer.tsx
+import {
+  DocumentArrowDownIcon,
+  PrinterIcon,
+  XMarkIcon
+} from "@heroicons/react/24/outline";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+var DocumentViewer = ({
+  document,
+  onClose,
+  onDownload
+}) => {
+  const renderContent = () => {
+    switch (document.type) {
+      case "image":
+        return /* @__PURE__ */ jsx21(
+          "img",
+          {
+            src: document.url,
+            alt: document.name,
+            className: "max-w-full max-h-[80vh] object-contain mx-auto shadow-lg rounded"
+          }
+        );
+      case "pdf":
+        return /* @__PURE__ */ jsx21("div", { className: "bg-gray-100 p-8 rounded-lg text-center h-[600px] flex items-center justify-center border-2 border-dashed border-gray-300", children: /* @__PURE__ */ jsxs18("div", { className: "text-gray-500", children: [
+          /* @__PURE__ */ jsx21(DocumentArrowDownIcon, { className: "h-16 w-16 mx-auto mb-4 text-gray-400" }),
+          /* @__PURE__ */ jsx21("p", { className: "font-medium", children: "PDF Preview" }),
+          /* @__PURE__ */ jsx21("p", { className: "text-sm mt-2", children: document.name }),
+          /* @__PURE__ */ jsx21(Button, { variant: "outline", size: "sm", className: "mt-4", onClick: onDownload, children: "Download to view" })
+        ] }) });
+      default:
+        return /* @__PURE__ */ jsxs18("div", { className: "bg-white p-8 rounded shadow border border-gray-200 h-[600px] overflow-auto font-mono text-sm leading-relaxed", children: [
+          /* @__PURE__ */ jsxs18("p", { children: [
+            "Document Content: ",
+            document.name
+          ] }),
+          /* @__PURE__ */ jsx21("p", { className: "mt-4 text-gray-500", children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." })
+        ] });
+    }
+  };
+  return /* @__PURE__ */ jsxs18("div", { className: "flex flex-col h-full bg-gray-50 rounded-lg overflow-hidden border border-gray-200", children: [
+    /* @__PURE__ */ jsxs18("div", { className: "bg-white border-b border-gray-200 px-4 py-3 flex items-center justify-between shadow-sm", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx21("div", { className: "h-8 w-8 bg-primus-100 rounded flex items-center justify-center text-primus-700", children: /* @__PURE__ */ jsx21("span", { className: "uppercase text-xs font-bold", children: document.type }) }),
+        /* @__PURE__ */ jsxs18("div", { children: [
+          /* @__PURE__ */ jsx21("h3", { className: "text-sm font-semibold text-gray-900", children: document.name }),
+          document.size && /* @__PURE__ */ jsxs18("p", { className: "text-xs text-gray-500", children: [
+            document.size,
+            " \u2022 ",
+            document.date
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx21(Button, { variant: "ghost", size: "sm", onClick: () => window.print(), children: /* @__PURE__ */ jsx21(PrinterIcon, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsx21(Button, { variant: "ghost", size: "sm", onClick: onDownload, children: /* @__PURE__ */ jsx21(DocumentArrowDownIcon, { className: "h-4 w-4" }) }),
+        onClose && /* @__PURE__ */ jsx21("div", { className: "h-6 w-px bg-gray-200 mx-1" }),
+        onClose && /* @__PURE__ */ jsx21(Button, { variant: "ghost", size: "sm", onClick: onClose, className: "text-gray-400 hover:text-red-500", children: /* @__PURE__ */ jsx21(XMarkIcon, { className: "h-5 w-5" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx21("div", { className: "flex-1 overflow-auto p-6 flex flex-col items-center justify-center", children: renderContent() })
+  ] });
+};
+
+// src/components/banking/cards/CreditCardVisual.tsx
+import { clsx as clsx4 } from "clsx";
+import { WifiIcon } from "@heroicons/react/24/outline";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+var CreditCardVisual = ({
+  cardHolder,
+  last4,
+  expiry,
+  brand = "visa",
+  variant = "black"
+}) => {
+  const getBackground = () => {
+    switch (variant) {
+      case "blue":
+        return "bg-gradient-to-br from-blue-600 to-blue-800";
+      case "gold":
+        return "bg-gradient-to-br from-yellow-500 to-yellow-700";
+      case "platinum":
+        return "bg-gradient-to-br from-gray-300 to-gray-500";
+      default:
+        return "bg-gradient-to-br from-gray-900 to-gray-800";
+    }
+  };
+  return /* @__PURE__ */ jsxs19("div", { className: clsx4(
+    "w-80 h-48 rounded-2xl p-6 text-white shadow-xl relative overflow-hidden transition-transform hover:scale-105 duration-300",
+    getBackground()
+  ), children: [
+    /* @__PURE__ */ jsx22("div", { className: "absolute top-0 right-0 -mr-10 -mt-10 w-40 h-40 bg-white opacity-5 rounded-full blur-xl" }),
+    /* @__PURE__ */ jsx22("div", { className: "absolute bottom-0 left-0 -ml-10 -mb-10 w-40 h-40 bg-white opacity-5 rounded-full blur-xl" }),
+    /* @__PURE__ */ jsxs19("div", { className: "flex justify-between items-start mb-8", children: [
+      /* @__PURE__ */ jsx22("div", { className: "w-12 h-9 bg-yellow-400 rounded-md opacity-80 flex items-center justify-center", children: /* @__PURE__ */ jsx22("div", { className: "w-8 h-6 border border-yellow-600 rounded opacity-50" }) }),
+      /* @__PURE__ */ jsx22(WifiIcon, { className: "h-6 w-6 rotate-90 opacity-70" })
+    ] }),
+    /* @__PURE__ */ jsx22("div", { className: "mb-6", children: /* @__PURE__ */ jsxs19("p", { className: "font-mono text-xl tracking-widest text-shadow", children: [
+      "\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 ",
+      last4
+    ] }) }),
+    /* @__PURE__ */ jsxs19("div", { className: "flex justify-between items-end", children: [
+      /* @__PURE__ */ jsxs19("div", { children: [
+        /* @__PURE__ */ jsx22("p", { className: "text-[10px] uppercase text-gray-300 tracking-wider mb-1", children: "Card Holder" }),
+        /* @__PURE__ */ jsx22("p", { className: "font-medium tracking-wide uppercase text-sm truncate max-w-[160px]", children: cardHolder })
+      ] }),
+      /* @__PURE__ */ jsxs19("div", { children: [
+        /* @__PURE__ */ jsx22("p", { className: "text-[10px] uppercase text-gray-300 tracking-wider mb-1", children: "Expires" }),
+        /* @__PURE__ */ jsx22("p", { className: "font-medium tracking-wide text-sm", children: expiry })
+      ] }),
+      /* @__PURE__ */ jsx22("div", { className: "font-bold text-lg italic opacity-90", children: brand.toUpperCase() })
+    ] })
+  ] });
+};
+
+// src/components/banking/transactions/TransactionHistory.tsx
+import {
+  ArrowDownLeftIcon,
+  ArrowUpRightIcon,
+  ShoppingBagIcon
+} from "@heroicons/react/24/outline";
+import { clsx as clsx5 } from "clsx";
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+var TransactionHistory = ({
+  transactions,
+  onTransactionClick
+}) => {
+  const getIcon = (t) => {
+    if (t.type === "credit") return /* @__PURE__ */ jsx23(ArrowDownLeftIcon, { className: "h-5 w-5 text-green-600" });
+    if (t.category === "shopping") return /* @__PURE__ */ jsx23(ShoppingBagIcon, { className: "h-5 w-5 text-blue-600" });
+    return /* @__PURE__ */ jsx23(ArrowUpRightIcon, { className: "h-5 w-5 text-red-600" });
+  };
+  return /* @__PURE__ */ jsxs20("div", { className: "bg-white rounded-lg border border-gray-200 shadow-sm overflow-hidden", children: [
+    /* @__PURE__ */ jsxs20("div", { className: "px-6 py-4 border-b border-gray-100 flex justify-between items-center", children: [
+      /* @__PURE__ */ jsx23("h3", { className: "font-semibold text-gray-900", children: "Recent Transactions" }),
+      /* @__PURE__ */ jsx23("button", { className: "text-sm text-primus-600 hover:text-primus-700 font-medium", children: "View All" })
+    ] }),
+    /* @__PURE__ */ jsx23("div", { className: "divide-y divide-gray-100", children: transactions.map((t) => /* @__PURE__ */ jsxs20(
+      "div",
+      {
+        onClick: () => onTransactionClick?.(t.id),
+        className: "px-6 py-4 flex items-center justify-between hover:bg-gray-50 cursor-pointer transition-colors",
+        children: [
+          /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-4", children: [
+            /* @__PURE__ */ jsx23("div", { className: clsx5(
+              "h-10 w-10 rounded-full flex items-center justify-center",
+              t.type === "credit" ? "bg-green-100" : "bg-gray-100"
+            ), children: getIcon(t) }),
+            /* @__PURE__ */ jsxs20("div", { children: [
+              /* @__PURE__ */ jsx23("p", { className: "text-sm font-medium text-gray-900", children: t.description }),
+              /* @__PURE__ */ jsx23("p", { className: "text-xs text-gray-500", children: t.date })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs20("div", { className: "text-right", children: [
+            /* @__PURE__ */ jsxs20("p", { className: clsx5(
+              "text-sm font-semibold",
+              t.type === "credit" ? "text-green-600" : "text-gray-900"
+            ), children: [
+              t.type === "credit" ? "+" : "-",
+              new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" }).format(t.amount)
+            ] }),
+            /* @__PURE__ */ jsx23("p", { className: "text-xs text-gray-400 capitalize", children: t.status || "completed" })
+          ] })
+        ]
+      },
+      t.id
+    )) })
+  ] });
+};
+
+// src/components/insurance/policies/PolicyCard.tsx
+import { clsx as clsx6 } from "clsx";
+import { ShieldCheckIcon, DocumentTextIcon } from "@heroicons/react/24/outline";
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+var PolicyCard = ({
+  policyNumber,
+  type,
+  status,
+  coverageAmount,
+  nextPaymentDate,
+  premiumAmount
+}) => {
+  return /* @__PURE__ */ jsxs21("div", { className: "bg-white rounded-xl border border-gray-200 shadow-sm overflow-hidden hover:shadow-md transition-shadow", children: [
+    /* @__PURE__ */ jsxs21("div", { className: "bg-gray-50 px-6 py-4 border-b border-gray-100 flex justify-between items-center", children: [
+      /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx24(ShieldCheckIcon, { className: "h-5 w-5 text-primus-600" }),
+        /* @__PURE__ */ jsxs21("span", { className: "font-semibold text-gray-900", children: [
+          type,
+          " Insurance"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx24("span", { className: clsx6(
+        "px-2.5 py-0.5 rounded-full text-xs font-medium uppercase tracking-wide",
+        status === "active" ? "bg-green-100 text-green-800" : status === "pending" ? "bg-yellow-100 text-yellow-800" : "bg-gray-100 text-gray-800"
+      ), children: status })
+    ] }),
+    /* @__PURE__ */ jsxs21("div", { className: "p-6", children: [
+      /* @__PURE__ */ jsxs21("div", { className: "mb-6", children: [
+        /* @__PURE__ */ jsx24("p", { className: "text-xs text-gray-500 uppercase tracking-wider mb-1", children: "Policy Number" }),
+        /* @__PURE__ */ jsx24("p", { className: "font-mono text-lg font-medium text-gray-900", children: policyNumber })
+      ] }),
+      /* @__PURE__ */ jsxs21("div", { className: "grid grid-cols-2 gap-6 mb-6", children: [
+        /* @__PURE__ */ jsxs21("div", { children: [
+          /* @__PURE__ */ jsx24("p", { className: "text-xs text-gray-500 uppercase tracking-wider mb-1", children: "Coverage" }),
+          /* @__PURE__ */ jsx24("p", { className: "text-xl font-bold text-gray-900", children: new Intl.NumberFormat("en-US", { style: "currency", currency: "USD", maximumFractionDigits: 0 }).format(coverageAmount) })
+        ] }),
+        /* @__PURE__ */ jsxs21("div", { children: [
+          /* @__PURE__ */ jsx24("p", { className: "text-xs text-gray-500 uppercase tracking-wider mb-1", children: "Premium" }),
+          /* @__PURE__ */ jsxs21("p", { className: "text-gray-900 font-medium", children: [
+            new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" }).format(premiumAmount),
+            /* @__PURE__ */ jsx24("span", { className: "text-xs text-gray-500 font-normal", children: " / month" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs21("div", { className: "bg-blue-50 rounded-lg p-3 flex items-start gap-3 mb-6", children: [
+        /* @__PURE__ */ jsx24(DocumentTextIcon, { className: "h-5 w-5 text-blue-600 mt-0.5" }),
+        /* @__PURE__ */ jsxs21("div", { children: [
+          /* @__PURE__ */ jsx24("p", { className: "text-sm font-medium text-blue-900", children: "Next Payment due" }),
+          /* @__PURE__ */ jsx24("p", { className: "text-sm text-blue-700", children: nextPaymentDate })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs21("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ jsx24(Button, { variant: "outline", className: "flex-1", children: "View Details" }),
+        /* @__PURE__ */ jsx24(Button, { className: "flex-1", children: "File Claim" })
+      ] })
+    ] })
+  ] });
+};
+
+// src/components/insurance/claims/ClaimStatusTracker.tsx
+import { clsx as clsx7 } from "clsx";
+import { CheckIcon } from "@heroicons/react/24/solid";
+import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
+var ClaimStatusTracker = ({
+  claimId,
+  steps
+}) => {
+  return /* @__PURE__ */ jsxs22("div", { className: "bg-white rounded-xl border border-gray-200 shadow-sm p-6", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "mb-8", children: [
+      /* @__PURE__ */ jsx25("h3", { className: "text-lg font-semibold text-gray-900", children: "Claim Status" }),
+      /* @__PURE__ */ jsxs22("p", { className: "text-sm text-gray-500", children: [
+        "Claim ID: #",
+        claimId
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx25("nav", { "aria-label": "Progress", children: /* @__PURE__ */ jsx25("ol", { role: "list", className: "overflow-hidden", children: steps.map((step, stepIdx) => /* @__PURE__ */ jsxs22("li", { className: clsx7(
+      "relative pb-10",
+      stepIdx === steps.length - 1 ? "pb-0" : ""
+    ), children: [
+      stepIdx !== steps.length - 1 ? /* @__PURE__ */ jsx25(
+        "div",
+        {
+          className: clsx7(
+            "absolute top-4 left-4 -ml-px h-full w-0.5",
+            step.status === "completed" ? "bg-primus-600" : "bg-gray-200"
+          ),
+          "aria-hidden": "true"
+        }
+      ) : null,
+      /* @__PURE__ */ jsxs22("div", { className: "relative flex items-start group", children: [
+        /* @__PURE__ */ jsx25("span", { className: "h-9 flex items-center", children: /* @__PURE__ */ jsx25("span", { className: clsx7(
+          "relative z-10 w-8 h-8 flex items-center justify-center rounded-full ring-1 ring-white",
+          step.status === "completed" ? "bg-primus-600" : step.status === "current" ? "bg-white border-2 border-primus-600" : "bg-white border-2 border-gray-300"
+        ), children: step.status === "completed" ? /* @__PURE__ */ jsx25(CheckIcon, { className: "w-5 h-5 text-white", "aria-hidden": "true" }) : step.status === "current" ? /* @__PURE__ */ jsx25("span", { className: "h-2.5 w-2.5 bg-primus-600 rounded-full" }) : null }) }),
+        /* @__PURE__ */ jsxs22("span", { className: "ml-4 min-w-0 flex flex-col", children: [
+          /* @__PURE__ */ jsx25("span", { className: clsx7(
+            "text-sm font-medium",
+            step.status === "upcoming" ? "text-gray-500" : "text-gray-900"
+          ), children: step.label }),
+          step.date && /* @__PURE__ */ jsx25("span", { className: "text-xs text-gray-500 mt-1", children: step.date })
+        ] })
+      ] })
+    ] }, step.label)) }) })
+  ] });
+};
+
+// src/components/featureflags/FeatureFlagToggle.tsx
+import { useState as useState19, useEffect as useEffect12 } from "react";
+import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
+var FeatureFlagToggle = ({
+  apiUrl = "http://localhost:5221"
+}) => {
+  const [flags, setFlags] = useState19([]);
+  const [loading, setLoading] = useState19(true);
+  useEffect12(() => {
+    fetchFlags();
+  }, []);
+  const fetchFlags = async () => {
+    try {
+      const response = await fetch(`${apiUrl}/api/featureflags`);
+      if (response.ok) {
+        const data = await response.json();
+        setFlags(data);
+      }
+    } catch (error) {
+      console.error("Failed to fetch feature flags:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsx26("div", { className: "p-4", children: "Loading feature flags..." });
+  }
+  return /* @__PURE__ */ jsxs23("div", { className: "bg-white p-6 rounded-lg border border-gray-200 shadow-sm", children: [
+    /* @__PURE__ */ jsx26("h3", { className: "text-lg font-medium text-gray-900 mb-4", children: "Feature Flags" }),
+    /* @__PURE__ */ jsx26("div", { className: "space-y-4", children: flags.map((flag) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between p-4 bg-gray-50 rounded-lg", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx26("h4", { className: "font-medium text-gray-900", children: flag.name }),
+        /* @__PURE__ */ jsx26("p", { className: "text-sm text-gray-500", children: flag.description }),
+        flag.rolloutPercentage !== void 0 && /* @__PURE__ */ jsxs23("p", { className: "text-xs text-gray-400 mt-1", children: [
+          "Rollout: ",
+          flag.rolloutPercentage,
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx26("div", { className: `px-3 py-1 rounded-full text-sm font-medium ${flag.enabled ? "bg-green-100 text-green-800" : "bg-gray-100 text-gray-800"}`, children: flag.enabled ? "Enabled" : "Disabled" })
+    ] }, flag.name)) })
+  ] });
+};
+
+// src/components/logging/LogViewer.tsx
+import { useState as useState20, useEffect as useEffect13 } from "react";
+import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
+var LogViewer = ({
+  apiUrl = "http://localhost:5221"
+}) => {
+  const [logs, setLogs] = useState20([]);
+  const [filter, setFilter] = useState20("");
+  const [loading, setLoading] = useState20(true);
+  useEffect13(() => {
+    fetchLogs();
+    const interval = setInterval(fetchLogs, 1e4);
+    return () => clearInterval(interval);
+  }, [filter]);
+  const fetchLogs = async () => {
+    try {
+      const url = filter ? `${apiUrl}/api/logs?level=${filter}` : `${apiUrl}/api/logs`;
+      const response = await fetch(url);
+      if (response.ok) {
+        const data = await response.json();
+        setLogs(data);
+      }
+    } catch (error) {
+      console.error("Failed to fetch logs:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const getLevelColor = (level) => {
+    switch (level.toUpperCase()) {
+      case "ERROR":
+        return "text-red-600 bg-red-50";
+      case "WARNING":
+        return "text-yellow-600 bg-yellow-50";
+      case "INFO":
+        return "text-blue-600 bg-blue-50";
+      default:
+        return "text-gray-600 bg-gray-50";
+    }
+  };
+  return /* @__PURE__ */ jsxs24("div", { className: "bg-white p-6 rounded-lg border border-gray-200 shadow-sm", children: [
+    /* @__PURE__ */ jsxs24("div", { className: "flex justify-between items-center mb-4", children: [
+      /* @__PURE__ */ jsx27("h3", { className: "text-lg font-medium text-gray-900", children: "System Logs" }),
+      /* @__PURE__ */ jsxs24(
+        "select",
+        {
+          value: filter,
+          onChange: (e) => setFilter(e.target.value),
+          className: "px-3 py-1 border border-gray-300 rounded-md text-sm",
+          children: [
+            /* @__PURE__ */ jsx27("option", { value: "", children: "All Levels" }),
+            /* @__PURE__ */ jsx27("option", { value: "INFO", children: "Info" }),
+            /* @__PURE__ */ jsx27("option", { value: "WARNING", children: "Warning" }),
+            /* @__PURE__ */ jsx27("option", { value: "ERROR", children: "Error" })
+          ]
+        }
+      )
+    ] }),
+    loading ? /* @__PURE__ */ jsx27("div", { className: "text-center py-8 text-gray-500", children: "Loading logs..." }) : /* @__PURE__ */ jsx27("div", { className: "space-y-2 max-h-96 overflow-y-auto", children: logs.map((log) => /* @__PURE__ */ jsx27("div", { className: "p-3 bg-gray-50 rounded border border-gray-200", children: /* @__PURE__ */ jsxs24("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsx27("span", { className: `px-2 py-0.5 rounded text-xs font-medium ${getLevelColor(log.level)}`, children: log.level }),
+      /* @__PURE__ */ jsxs24("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx27("p", { className: "text-sm text-gray-900", children: log.message }),
+        /* @__PURE__ */ jsxs24("div", { className: "flex gap-4 mt-1 text-xs text-gray-500", children: [
+          /* @__PURE__ */ jsx27("span", { children: new Date(log.timestamp).toLocaleString() }),
+          /* @__PURE__ */ jsx27("span", { children: log.source })
+        ] })
+      ] })
+    ] }) }, log.id)) })
+  ] });
+};
+
+// src/components/layout/PrimusLayout.tsx
+import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
+var PrimusLayout = ({
+  children,
+  sidebar,
+  header
+}) => {
+  return /* @__PURE__ */ jsxs25("div", { className: `min-h-screen flex text-white relative`, children: [
+    sidebar && /* @__PURE__ */ jsx28("aside", { className: "w-72 flex-shrink-0 flex flex-col fixed inset-y-0 left-0 z-50", children: sidebar }),
+    /* @__PURE__ */ jsxs25("div", { className: `flex-1 flex flex-col min-h-screen ${sidebar ? "pl-72" : ""}`, children: [
+      header && /* @__PURE__ */ jsx28("header", { className: "h-20 flex items-center px-8 fixed top-0 right-0 left-72 z-40 bg-slate-900/10 backdrop-blur-md border-b border-white/5 transition-all duration-300", children: header }),
+      /* @__PURE__ */ jsx28("main", { className: "flex-1 p-8 pt-28 overflow-x-hidden", children: /* @__PURE__ */ jsx28("div", { className: "max-w-7xl mx-auto space-y-8 animate-enter", children }) })
+    ] })
+  ] });
+};
+
+// src/components/layout/PrimusSidebar.tsx
+import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
+var PrimusSidebar = ({
+  logo,
+  items,
+  footer,
+  onItemClick,
+  activeId
+}) => {
+  return /* @__PURE__ */ jsxs26("div", { className: "flex flex-col h-full bg-slate-900/50 backdrop-blur-xl border-r border-white/10 relative overflow-hidden", children: [
+    /* @__PURE__ */ jsx29("div", { className: "absolute top-0 left-0 w-full h-64 bg-purple-500/10 blur-[60px] pointer-events-none" }),
+    logo && /* @__PURE__ */ jsx29("div", { className: "h-20 flex items-center px-6 relative z-10 border-b border-white/5", children: logo }),
+    /* @__PURE__ */ jsx29("nav", { className: "flex-1 py-6 px-3 overflow-y-auto relative z-10", children: /* @__PURE__ */ jsx29("ul", { className: "space-y-1", children: items.map((item) => {
+      const isActive = activeId === item.id || item.active;
+      return /* @__PURE__ */ jsx29("li", { children: /* @__PURE__ */ jsxs26(
+        "button",
+        {
+          onClick: () => {
+            item.onClick?.();
+            onItemClick?.(item);
+          },
+          className: `group relative w-full flex items-center gap-3 px-4 py-3 rounded-xl text-sm font-medium transition-all duration-300 ${isActive ? "text-white shadow-lg shadow-purple-500/20 ring-1 ring-white/10" : "text-gray-400 hover:text-white hover:bg-white/5"}`,
+          children: [
+            isActive && /* @__PURE__ */ jsx29("div", { className: "absolute inset-0 rounded-xl bg-gradient-to-r from-purple-600/90 to-pink-600/90 opacity-100 transition-opacity" }),
+            /* @__PURE__ */ jsx29("span", { className: "relative z-10 w-5 h-5 flex items-center justify-center transition-transform group-hover:scale-110 duration-300", children: item.icon }),
+            /* @__PURE__ */ jsx29("span", { className: "relative z-10 flex-1 text-left", children: item.label }),
+            item.badge && /* @__PURE__ */ jsx29("span", { className: `relative z-10 px-2 py-0.5 text-xs font-semibold rounded-full border ${isActive ? "bg-white/20 border-white/20 text-white" : "bg-gray-800 border-gray-700 text-gray-300 group-hover:bg-gray-700"}`, children: item.badge }),
+            isActive && /* @__PURE__ */ jsx29("div", { className: "absolute left-0 top-1/2 -translate-y-1/2 w-1 h-8 bg-white rounded-r-full shadow-[0_0_12px_rgba(255,255,255,0.6)] hidden" })
+          ]
+        }
+      ) }, item.id);
+    }) }) }),
+    footer && /* @__PURE__ */ jsx29("div", { className: "p-4 border-t border-white/5 bg-black/20 backdrop-blur-md relative z-10", children: footer })
+  ] });
+};
+
+// src/components/layout/PrimusHeader.tsx
+import React18 from "react";
+import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
+var PrimusHeader = ({
+  title,
+  breadcrumbs,
+  actions,
+  user,
+  onUserClick
+}) => {
+  return /* @__PURE__ */ jsxs27("div", { className: "flex items-center justify-between w-full", children: [
+    /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-4", children: [
+      breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx30("nav", { className: "flex items-center gap-2 text-sm", children: breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsxs27(React18.Fragment, { children: [
+        index > 0 && /* @__PURE__ */ jsx30("span", { className: "text-gray-500", children: "/" }),
+        /* @__PURE__ */ jsx30("span", { className: index === breadcrumbs.length - 1 ? "text-white" : "text-gray-400 hover:text-white cursor-pointer", children: crumb.label })
+      ] }, index)) }),
+      title && !breadcrumbs && /* @__PURE__ */ jsx30("h1", { className: "text-xl font-semibold", children: title })
+    ] }),
+    /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-4", children: [
+      actions,
+      user && /* @__PURE__ */ jsxs27(
+        "button",
+        {
+          onClick: onUserClick,
+          className: "flex items-center gap-3 px-3 py-1.5 rounded-lg hover:bg-gray-700/50 transition-colors",
+          children: [
+            /* @__PURE__ */ jsxs27("div", { className: "text-right hidden sm:block", children: [
+              /* @__PURE__ */ jsx30("p", { className: "text-sm font-medium", children: user.name }),
+              user.email && /* @__PURE__ */ jsx30("p", { className: "text-xs text-gray-400", children: user.email })
+            ] }),
+            user.avatar ? /* @__PURE__ */ jsx30("img", { src: user.avatar, alt: user.name, className: "w-8 h-8 rounded-full" }) : /* @__PURE__ */ jsx30("div", { className: "w-8 h-8 rounded-full bg-gradient-to-br from-purple-500 to-pink-500 flex items-center justify-center text-sm font-medium", children: user.name.charAt(0).toUpperCase() })
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+
+// src/components/crud/PrimusDataTable.tsx
+import { useState as useState21, useMemo } from "react";
+import { jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
+function PrimusDataTable({
+  data,
+  columns,
+  rowKey,
+  loading = false,
+  selectable = false,
+  selectedKeys = [],
+  onSelectionChange,
+  onRowClick,
+  actions,
+  emptyMessage = "No data available",
+  searchPlaceholder = "Filter...",
+  searchable = true
+}) {
+  const [search, setSearch] = useState21("");
+  const [sortKey, setSortKey] = useState21(null);
+  const [sortDir, setSortDir] = useState21("asc");
+  const filteredData = useMemo(() => {
+    let result = [...data];
+    if (search) {
+      const lowerSearch = search.toLowerCase();
+      result = result.filter(
+        (row) => Object.values(row).some(
+          (val) => String(val).toLowerCase().includes(lowerSearch)
+        )
+      );
+    }
+    if (sortKey) {
+      result.sort((a, b) => {
+        const aVal = a[sortKey];
+        const bVal = b[sortKey];
+        const cmp = aVal < bVal ? -1 : aVal > bVal ? 1 : 0;
+        return sortDir === "asc" ? cmp : -cmp;
+      });
+    }
+    return result;
+  }, [data, search, sortKey, sortDir]);
+  const handleSort = (key) => {
+    if (sortKey === key) {
+      setSortDir(sortDir === "asc" ? "desc" : "asc");
+    } else {
+      setSortKey(key);
+      setSortDir("asc");
+    }
+  };
+  const toggleSelect = (key) => {
+    const newKeys = selectedKeys.includes(key) ? selectedKeys.filter((k) => k !== key) : [...selectedKeys, key];
+    onSelectionChange?.(newKeys);
+  };
+  const toggleSelectAll = () => {
+    if (selectedKeys.length === filteredData.length) {
+      onSelectionChange?.([]);
+    } else {
+      onSelectionChange?.(filteredData.map((row) => row[rowKey]));
+    }
+  };
+  return /* @__PURE__ */ jsxs28("div", { className: "flex flex-col space-y-4", children: [
+    searchable && /* @__PURE__ */ jsx31("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ jsxs28("div", { className: "relative group", children: [
+      /* @__PURE__ */ jsx31("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", children: /* @__PURE__ */ jsx31("svg", { className: "h-4 w-4 text-gray-500 group-focus-within:text-purple-400 transition-colors", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx31("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
+      /* @__PURE__ */ jsx31(
+        "input",
+        {
+          type: "text",
+          placeholder: searchPlaceholder,
+          value: search,
+          onChange: (e) => setSearch(e.target.value),
+          className: "w-64 pl-10 pr-4 py-2 bg-white/5 border border-white/10 rounded-lg text-sm text-gray-200 placeholder-gray-500 focus:outline-none focus:ring-1 focus:ring-purple-500/50 focus:bg-white/10 transition-all hover:bg-white/10"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx31("div", { className: `overflow-hidden rounded-xl border border-white/5 bg-slate-900/40 backdrop-blur-md shadow-xl ring-1 ring-white/5 ${loading ? "opacity-80" : ""}`, children: /* @__PURE__ */ jsx31("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs28("table", { className: "w-full text-left border-collapse", children: [
+      /* @__PURE__ */ jsx31("thead", { className: "bg-white/5 border-b border-white/5 backdrop-blur-md sticky top-0 z-20", children: /* @__PURE__ */ jsxs28("tr", { children: [
+        selectable && /* @__PURE__ */ jsx31("th", { className: "w-12 px-6 py-4", children: /* @__PURE__ */ jsx31(
+          "input",
+          {
+            type: "checkbox",
+            checked: selectedKeys.length === filteredData.length && filteredData.length > 0,
+            onChange: toggleSelectAll,
+            className: "rounded border-gray-600 bg-gray-800 text-purple-600 focus:ring-offset-gray-900 focus:ring-purple-500 transition-colors cursor-pointer"
+          }
+        ) }),
+        columns.map((col) => /* @__PURE__ */ jsx31(
+          "th",
+          {
+            className: `px-6 py-4 text-xs font-semibold text-gray-400 uppercase tracking-wider ${col.sortable ? "cursor-pointer hover:text-white group" : ""}`,
+            style: { width: col.width },
+            onClick: () => col.sortable && handleSort(String(col.key)),
+            children: /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-2", children: [
+              col.header,
+              col.sortable && /* @__PURE__ */ jsx31("span", { className: `transition-opacity duration-200 ${sortKey === col.key ? "opacity-100 text-purple-400" : "opacity-0 group-hover:opacity-50"}`, children: sortDir === "asc" ? "\u2191" : "\u2193" })
+            ] })
+          },
+          String(col.key)
+        )),
+        actions && /* @__PURE__ */ jsx31("th", { className: "w-24 px-6 py-4 text-right text-xs font-semibold text-gray-400 uppercase tracking-wider" })
+      ] }) }),
+      /* @__PURE__ */ jsx31("tbody", { className: "divide-y divide-white/5", children: loading ? /* @__PURE__ */ jsx31("tr", { children: /* @__PURE__ */ jsx31("td", { colSpan: columns.length + (selectable ? 1 : 0) + (actions ? 1 : 0), className: "px-6 py-24 text-center text-gray-500", children: /* @__PURE__ */ jsxs28("div", { className: "flex flex-col items-center justify-center gap-3", children: [
+        /* @__PURE__ */ jsx31("div", { className: "w-6 h-6 border-2 border-purple-500/50 border-t-purple-500 rounded-full animate-spin" }),
+        /* @__PURE__ */ jsx31("span", { className: "text-sm font-medium", children: "Loading data..." })
+      ] }) }) }) : filteredData.length === 0 ? /* @__PURE__ */ jsx31("tr", { children: /* @__PURE__ */ jsx31("td", { colSpan: columns.length + (selectable ? 1 : 0) + (actions ? 1 : 0), className: "px-6 py-24 text-center text-gray-500", children: /* @__PURE__ */ jsx31("p", { className: "text-sm", children: emptyMessage }) }) }) : filteredData.map((row) => /* @__PURE__ */ jsxs28(
+        "tr",
+        {
+          onClick: () => onRowClick?.(row),
+          className: `
+                                            group transition-colors duration-150
+                                            ${onRowClick ? "cursor-pointer hover:bg-white/5" : ""}
+                                            ${selectedKeys.includes(row[rowKey]) ? "bg-purple-500/10 hover:bg-purple-500/20" : ""}
+                                        `,
+          children: [
+            selectable && /* @__PURE__ */ jsx31("td", { className: "px-6 py-4", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx31(
+              "input",
+              {
+                type: "checkbox",
+                checked: selectedKeys.includes(row[rowKey]),
+                onChange: () => toggleSelect(row[rowKey]),
+                className: "rounded border-gray-600 bg-gray-800 text-purple-600 focus:ring-offset-gray-900 focus:ring-purple-500 cursor-pointer"
+              }
+            ) }),
+            columns.map((col) => /* @__PURE__ */ jsx31("td", { className: "px-6 py-4 text-sm text-gray-300 group-hover:text-white transition-colors", children: col.render ? col.render(row[col.key], row) : String(row[col.key] ?? "") }, String(col.key))),
+            actions && /* @__PURE__ */ jsx31("td", { className: "px-6 py-4 text-right", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx31("div", { className: "opacity-0 group-hover:opacity-100 transition-opacity transform translate-x-2 group-hover:translate-x-0", children: actions(row) }) })
+          ]
+        },
+        String(row[rowKey])
+      )) })
+    ] }) }) })
+  ] });
+}
+
+// src/components/crud/PrimusModal.tsx
+import { jsx as jsx32, jsxs as jsxs29 } from "react/jsx-runtime";
+var PrimusModal = ({
+  open,
+  onClose,
+  title,
+  children,
+  footer,
+  size = "md"
+}) => {
+  if (!open) return null;
+  const sizeClasses = {
+    sm: "max-w-sm",
+    md: "max-w-md",
+    lg: "max-w-lg",
+    xl: "max-w-xl"
+  };
+  return /* @__PURE__ */ jsxs29("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+    /* @__PURE__ */ jsx32(
+      "div",
+      {
+        className: "absolute inset-0 bg-black/60 backdrop-blur-sm",
+        onClick: onClose
+      }
+    ),
+    /* @__PURE__ */ jsxs29("div", { className: `relative w-full ${sizeClasses[size]} mx-4 bg-gray-800 rounded-xl border border-gray-700 shadow-2xl`, children: [
+      title && /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between px-6 py-4 border-b border-gray-700", children: [
+        /* @__PURE__ */ jsx32("h2", { className: "text-lg font-semibold text-white", children: title }),
+        /* @__PURE__ */ jsx32(
+          "button",
+          {
+            onClick: onClose,
+            className: "text-gray-400 hover:text-white transition-colors",
+            children: /* @__PURE__ */ jsx32("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx32("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx32("div", { className: "p-6", children }),
+      footer && /* @__PURE__ */ jsx32("div", { className: "flex justify-end gap-3 px-6 py-4 border-t border-gray-700 bg-gray-800/50", children: footer })
+    ] })
+  ] });
+};
+
+// src/components/dashboard/PrimusDashboard.tsx
+import { jsx as jsx33, jsxs as jsxs30 } from "react/jsx-runtime";
+var PrimusStatCard = ({
+  title,
+  value,
+  change,
+  icon,
+  description,
+  trend = [40, 35, 50, 45, 60, 55, 70]
+  // Default dummy data
+}) => {
+  const changeColors = {
+    increase: "text-emerald-400 bg-emerald-400/10",
+    decrease: "text-rose-400 bg-rose-400/10",
+    neutral: "text-gray-400 bg-gray-400/10"
+  };
+  const changeIcons = {
+    increase: "\u2191",
+    decrease: "\u2193",
+    neutral: "\u2192"
+  };
+  const renderSparkline = () => {
+    return /* @__PURE__ */ jsxs30("svg", { className: "w-full h-12 opacity-50 absolute bottom-0 left-0", preserveAspectRatio: "none", "data-trend": trend.join(","), children: [
+      /* @__PURE__ */ jsx33("path", { d: "M0 40 Q 20 20 40 40 T 80 40 T 120 40 T 160 30 V 50 H 0 Z", fill: `url(#gradient-${title.replace(/\s/g, "")})`, stroke: "none" }),
+      /* @__PURE__ */ jsx33("defs", { children: /* @__PURE__ */ jsxs30("linearGradient", { id: `gradient-${title.replace(/\s/g, "")}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+        /* @__PURE__ */ jsx33("stop", { offset: "0%", stopColor: "currentColor", stopOpacity: "0.2" }),
+        /* @__PURE__ */ jsx33("stop", { offset: "100%", stopColor: "currentColor", stopOpacity: "0" })
+      ] }) })
+    ] });
+  };
+  return /* @__PURE__ */ jsxs30("div", { className: "relative overflow-hidden bg-slate-900/40 backdrop-blur-md rounded-2xl border border-white/5 hover:border-white/10 transition-all duration-300 group", children: [
+    /* @__PURE__ */ jsx33("div", { className: "absolute inset-0 bg-gradient-to-br from-white/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none" }),
+    /* @__PURE__ */ jsxs30("div", { className: "p-6 relative z-10", children: [
+      /* @__PURE__ */ jsxs30("div", { className: "flex items-start justify-between mb-4", children: [
+        /* @__PURE__ */ jsx33("div", { className: "p-2.5 rounded-lg bg-white/5 text-gray-300 ring-1 ring-white/10 group-hover:bg-purple-500/20 group-hover:text-purple-300 transition-colors", children: icon || /* @__PURE__ */ jsx33("div", { className: "w-5 h-5 bg-current opacity-20" }) }),
+        change && /* @__PURE__ */ jsxs30("span", { className: `px-2 py-0.5 text-xs font-medium rounded-full flex items-center gap-1 ${changeColors[change.type]}`, children: [
+          changeIcons[change.type],
+          " ",
+          Math.abs(change.value),
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs30("div", { children: [
+        /* @__PURE__ */ jsx33("h3", { className: "text-sm font-medium text-gray-400 tracking-wide", children: title }),
+        /* @__PURE__ */ jsx33("div", { className: "mt-1 flex items-baseline gap-2", children: /* @__PURE__ */ jsx33("span", { className: "text-3xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-white to-gray-400", children: value }) }),
+        description && /* @__PURE__ */ jsx33("p", { className: "text-xs text-gray-500 mt-2 font-medium", children: description })
+      ] })
+    ] }),
+    renderSparkline(),
+    /* @__PURE__ */ jsx33("div", { className: `absolute -bottom-2 -right-4 w-32 h-32 blur-2xl opacity-20 rounded-full transition-colors duration-500 ${change?.type === "increase" ? "bg-emerald-500" : change?.type === "decrease" ? "bg-rose-500" : "bg-blue-500"}` })
+  ] });
+};
+var PrimusDashboard = ({
+  children,
+  title,
+  subtitle,
+  actions
+}) => {
+  return /* @__PURE__ */ jsxs30("div", { className: "space-y-8 animate-enter", children: [
+    (title || actions) && /* @__PURE__ */ jsxs30("div", { className: "flex flex-col md:flex-row md:items-end justify-between gap-4 border-b border-white/5 pb-6", children: [
+      /* @__PURE__ */ jsxs30("div", { children: [
+        title && /* @__PURE__ */ jsx33("h1", { className: "text-3xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-white via-gray-200 to-gray-400 tracking-tight", children: title }),
+        subtitle && /* @__PURE__ */ jsx33("p", { className: "text-gray-400 mt-2 text-lg font-light leading-relaxed", children: subtitle })
+      ] }),
+      actions && /* @__PURE__ */ jsx33("div", { className: "flex items-center gap-3", children: actions })
+    ] }),
+    children
+  ] });
+};
+var DashboardGrid = ({
+  children,
+  columns = 4
+}) => {
+  const colClasses = {
+    1: "grid-cols-1",
+    2: "grid-cols-1 md:grid-cols-2",
+    3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
+    4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4"
+  };
+  return /* @__PURE__ */ jsx33("div", { className: `grid gap-6 ${colClasses[columns]}`, children });
+};
+export {
+  AICopilot,
+  AccountDashboard,
+  AgentDirectory,
+  CheckoutForm,
+  ClaimStatusTracker,
+  CreditCardVisual,
+  CreditScoreCard,
+  DashboardGrid,
+  DocumentViewer,
+  FeatureFlagToggle,
+  FileUploader,
+  FraudDetectionDashboard,
+  KYCVerification,
+  LoanCalculator,
+  LogViewer,
+  LoginPage,
+  NotificationBell,
+  NotificationFeed,
+  PolicyCard,
+  PremiumCalculator,
+  PrimusDashboard,
+  PrimusDataTable,
+  PrimusHeader,
+  PrimusLayout,
+  PrimusLogin,
+  PrimusModal,
+  PrimusNotificationCenter,
+  PrimusNotifications,
+  PrimusProvider,
+  PrimusSidebar,
+  PrimusStatCard,
+  PrimusThemeProvider,
+  PrimusThemeToggle,
+  QuoteComparison,
+  SecurityDashboard,
+  TransactionHistory,
+  UserProfile,
+  themeColors,
+  useNotifications,
+  usePrimusAuth,
+  usePrimusTheme,
+  useRealtimeNotifications
+};