deepspace 0.3.8 → 0.3.10

package/dist/index.js

@@ -11,13 +11,13 @@ var DEV_CONFIG = {
 };
 var PROD_CONFIG = {
   name: "prod",
-  apiUrl: "https://deepspace-api.eudaimonicincorporated.workers.dev",
-  platformWorkerUrl: "https://deepspace-platform-worker.eudaimonicincorporated.workers.dev",
-  authUrl: "https://deepspace-auth.eudaimonicincorporated.workers.dev",
-  authSignInUrl: "https://deep.space/sign-in",
-  authSignUpUrl: "https://deep.space/sign-up",
+  apiUrl: "https://api-worker.deep.space",
+  platformWorkerUrl: "https://platform-worker.deep.space",
+  authUrl: "https://auth.deep.space",
+  authSignInUrl: "https://auth.deep.space/login/social",
+  authSignUpUrl: "https://auth.deep.space/login/social",
   mainAppUrl: "https://deep.space",
-  dashboardUrl: "https://console.deep.space"
+  dashboardUrl: "https://dashboard.deep.space"
 };
 var cachedEnvironment = null;
 function parseEnv(value) {
@@ -591,6 +591,55 @@ import { useEffect, useRef } from "react";
 // src/client/auth/client.ts
 import { createAuthClient } from "better-auth/react";
 import { organizationClient, twoFactorClient } from "better-auth/client/plugins";
+
+// src/client/auth/token.ts
+var cachedToken = null;
+var tokenExpiry = 0;
+function extractExpiry(token) {
+  try {
+    const parts = token.split(".");
+    if (parts.length < 2) return 0;
+    const payload = JSON.parse(atob(parts[1].replace(/-/g, "+").replace(/_/g, "/")));
+    return (payload.exp ?? 0) * 1e3;
+  } catch {
+    return 0;
+  }
+}
+async function getAuthToken() {
+  if (typeof window === "undefined") return null;
+  if (cachedToken && Date.now() < tokenExpiry - 3e4) {
+    return cachedToken;
+  }
+  try {
+    const res = await fetch("/api/auth/token", {
+      method: "POST",
+      credentials: "include",
+      headers: { "Content-Type": "application/json" }
+    });
+    if (!res.ok) {
+      cachedToken = null;
+      tokenExpiry = 0;
+      return null;
+    }
+    const data = await res.json();
+    if (!data.token) {
+      cachedToken = null;
+      tokenExpiry = 0;
+      return null;
+    }
+    cachedToken = data.token;
+    tokenExpiry = extractExpiry(data.token);
+    return data.token;
+  } catch {
+    return null;
+  }
+}
+function clearAuthToken() {
+  cachedToken = null;
+  tokenExpiry = 0;
+}
+
+// src/client/auth/client.ts
 function getBaseURL() {
   if (typeof window !== "undefined") {
     return window.location.origin;
@@ -604,10 +653,16 @@ var authClient = createAuthClient({
 var {
   useSession,
   signIn,
-  signOut,
   useActiveOrganization,
   useListOrganizations
 } = authClient;
+async function signOut(...args) {
+  try {
+    return await authClient.signOut(...args);
+  } finally {
+    clearAuthToken();
+  }
+}
 
 // src/client/auth/DeepSpaceAuthProvider.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -665,53 +720,6 @@ function useAuthUser() {
   };
 }
 
-// src/client/auth/token.ts
-var cachedToken = null;
-var tokenExpiry = 0;
-function extractExpiry(token) {
-  try {
-    const parts = token.split(".");
-    if (parts.length < 2) return 0;
-    const payload = JSON.parse(atob(parts[1].replace(/-/g, "+").replace(/_/g, "/")));
-    return (payload.exp ?? 0) * 1e3;
-  } catch {
-    return 0;
-  }
-}
-async function getAuthToken() {
-  if (typeof window === "undefined") return null;
-  if (cachedToken && Date.now() < tokenExpiry - 3e4) {
-    return cachedToken;
-  }
-  try {
-    const res = await fetch("/api/auth/token", {
-      method: "POST",
-      credentials: "include",
-      headers: { "Content-Type": "application/json" }
-    });
-    if (!res.ok) {
-      cachedToken = null;
-      tokenExpiry = 0;
-      return null;
-    }
-    const data = await res.json();
-    if (!data.token) {
-      cachedToken = null;
-      tokenExpiry = 0;
-      return null;
-    }
-    cachedToken = data.token;
-    tokenExpiry = extractExpiry(data.token);
-    return data.token;
-  } catch {
-    return null;
-  }
-}
-function clearAuthToken() {
-  cachedToken = null;
-  tokenExpiry = 0;
-}
-
 // src/client/auth/AuthOverlay.tsx
 import { useState } from "react";
 import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -1335,9 +1343,15 @@ function useRecordAuth() {
 }
 function recordMatchesWhere(record, where) {
   if (!where) return true;
-  const data = record.data;
+  const r = record;
+  const data = r.data;
   if (!data) return false;
-  return Object.entries(where).every(([key, value]) => data[key] === value);
+  return Object.entries(where).every(([key, value]) => {
+    if (key in data) return data[key] === value;
+    if (key === "recordId") return r.recordId === value;
+    if (key === "createdBy") return r.createdBy === value;
+    return false;
+  });
 }
 function RecordProviderCore({
   roomId,
@@ -1816,9 +1830,15 @@ function wsLog(event, label) {
 import { Fragment as Fragment6, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 function recordMatchesWhere2(record, where) {
   if (!where) return true;
-  const data = record.data;
+  const r = record;
+  const data = r.data;
   if (!data) return false;
-  return Object.entries(where).every(([key, value]) => data[key] === value);
+  return Object.entries(where).every(([key, value]) => {
+    if (key in data) return data[key] === value;
+    if (key === "recordId") return r.recordId === value;
+    if (key === "createdBy") return r.createdBy === value;
+    return false;
+  });
 }
 function HeadlessScope({ roomId, schemas, appId, wsUrl, wsPathPrefix }) {
   return /* @__PURE__ */ jsx7(
@@ -2645,8 +2665,12 @@ function useYjsRoom(docId, fieldName) {
   const docRef = useRef8(null);
   if (!docRef.current) docRef.current = new Y3.Doc();
   const doc = docRef.current;
+  const awarenessRef = useRef8(null);
+  if (!awarenessRef.current) awarenessRef.current = new Awareness(doc);
+  const awareness = awarenessRef.current;
   const wsRef = useRef8(null);
   const isLocalRef = useRef8(false);
+  const applyingRemoteAwarenessRef = useRef8(false);
   const yText = useMemo9(() => doc.getText(fieldName), [doc, fieldName]);
   useEffect10(() => {
     const observer = () => {
@@ -2679,7 +2703,7 @@ function useYjsRoom(docId, fieldName) {
         if (typeof event.data === "string") {
           try {
             const msg = JSON.parse(event.data);
-            if (msg.type === "auth") setCanWrite(msg.canWrite);
+            if (msg.type === "auth" && typeof msg.canWrite === "boolean") setCanWrite(msg.canWrite);
           } catch {
           }
           return;
@@ -2713,6 +2737,15 @@ function useYjsRoom(docId, fieldName) {
               break;
             }
           }
+          return;
+        }
+        if (messageType === MSG_AWARENESS) {
+          applyingRemoteAwarenessRef.current = true;
+          try {
+            handleAwarenessMessage(awareness, data);
+          } finally {
+            applyingRemoteAwarenessRef.current = false;
+          }
         }
       };
       ws.onclose = () => {
@@ -2736,7 +2769,22 @@ function useYjsRoom(docId, fieldName) {
       }
       wsRef.current = null;
     };
-  }, [doc, docId, yText]);
+  }, [doc, awareness, docId, yText]);
+  useEffect10(() => {
+    const handler = ({ added, updated, removed }) => {
+      if (applyingRemoteAwarenessRef.current) return;
+      const changedClients = added.concat(updated).concat(removed);
+      if (changedClients.length === 0) return;
+      const ws = wsRef.current;
+      if (!ws || ws.readyState !== WebSocket.OPEN) return;
+      ws.send(encodeAwarenessMessage(awareness, changedClients).buffer);
+    };
+    awareness.on("update", handler);
+    return () => {
+      awareness.off("update", handler);
+      awareness.setLocalState(null);
+    };
+  }, [awareness]);
   useEffect10(() => {
     const handler = (update, origin) => {
       if (origin === "server") return;
@@ -2763,7 +2811,7 @@ function useYjsRoom(docId, fieldName) {
     });
     isLocalRef.current = false;
   }, [doc, yText, canWrite]);
-  return { doc, text, setText, synced, canWrite };
+  return { doc, awareness, text, setText, synced, canWrite };
 }
 
 // src/client/storage/hooks/useGameRoom.ts
@@ -4753,6 +4801,268 @@ function decodeAiStreamChunk(chunk) {
   }
 }
 
+// src/client/subscriptions/useSubscription.ts
+import { useCallback as useCallback25, useEffect as useEffect19, useState as useState16 } from "react";
+
+// src/shared/subscription.ts
+var ENTITLED_STATUSES = /* @__PURE__ */ new Set([
+  "active",
+  "trialing"
+]);
+function isEntitled(tier, status) {
+  if (tier === "free") return true;
+  return ENTITLED_STATUSES.has(status);
+}
+
+// src/client/subscriptions/useSubscription.ts
+async function authedJson(path, init) {
+  const token = await getAuthToken();
+  const res = await fetch(path, {
+    ...init,
+    credentials: "include",
+    headers: {
+      "Content-Type": "application/json",
+      ...token ? { Authorization: `Bearer ${token}` } : {},
+      ...init?.headers
+    }
+  });
+  const data = await res.json().catch(() => ({}));
+  if (!res.ok) {
+    throw new Error(data.error ?? `Request failed (${res.status})`);
+  }
+  return data;
+}
+function useSubscription() {
+  const [state, setState] = useState16({
+    tier: "free",
+    status: "none",
+    interval: null,
+    currentPeriodEnd: null,
+    cancelAtPeriodEnd: false,
+    trialEndsAt: null,
+    plans: []
+  });
+  const [isLoading, setLoading] = useState16(true);
+  const [error, setError] = useState16(null);
+  const refresh = useCallback25(async () => {
+    setLoading(true);
+    try {
+      const r = await authedJson("/_deepspace/subscriptions/me");
+      setState({
+        tier: r.tier,
+        status: r.status,
+        interval: r.interval ?? null,
+        currentPeriodEnd: r.currentPeriodEnd,
+        cancelAtPeriodEnd: r.cancelAtPeriodEnd,
+        trialEndsAt: r.trialEndsAt,
+        plans: r.plans ?? []
+      });
+      setError(null);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to load subscription");
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect19(() => {
+    refresh();
+  }, [refresh]);
+  const entitled = isEntitled(state.tier, state.status);
+  const hasTier = useCallback25(
+    (slug) => state.tier === slug && isEntitled(state.tier, state.status),
+    [state.tier, state.status]
+  );
+  const isAtLeast = useCallback25(
+    (slug) => {
+      if (!isEntitled(state.tier, state.status)) return false;
+      const targetRank = state.plans.find((p) => p.slug === slug)?.rank;
+      const currentRank = state.plans.find((p) => p.slug === state.tier)?.rank;
+      if (targetRank == null || currentRank == null) return false;
+      return currentRank >= targetRank;
+    },
+    [state.plans, state.tier, state.status]
+  );
+  const subscribe = useCallback25(
+    async (planSlug, opts) => {
+      const result = await authedJson("/_deepspace/subscriptions/checkout", {
+        method: "POST",
+        body: JSON.stringify({
+          planSlug,
+          interval: opts?.interval ?? "month",
+          returnUrl: opts?.returnUrl ?? window.location.href,
+          cancelUrl: opts?.cancelUrl ?? window.location.href,
+          requestNonce: crypto.randomUUID()
+        })
+      });
+      if (result.immediate) await refresh();
+      if (typeof window !== "undefined" && result.url) {
+        window.location.href = result.url;
+      }
+      return result;
+    },
+    [refresh]
+  );
+  const openPortal = useCallback25(
+    async (returnUrl) => {
+      return authedJson("/_deepspace/subscriptions/portal", {
+        method: "POST",
+        body: JSON.stringify({ returnUrl: returnUrl ?? window.location.href })
+      });
+    },
+    []
+  );
+  return {
+    tier: state.tier,
+    status: state.status,
+    entitled,
+    interval: state.interval,
+    currentPeriodEnd: state.currentPeriodEnd,
+    cancelAtPeriodEnd: state.cancelAtPeriodEnd,
+    trialEndsAt: state.trialEndsAt,
+    isLoading,
+    error,
+    hasTier,
+    isAtLeast,
+    plans: state.plans,
+    subscribe,
+    openPortal,
+    refresh
+  };
+}
+
+// src/client/subscriptions/PricingTable.tsx
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+function PricingTable(props) {
+  const interval = props.interval ?? "month";
+  return /* @__PURE__ */ jsx10("div", { className: "grid gap-4 md:grid-cols-3", children: props.plans.map((plan) => {
+    const price = plan.prices.find((p) => p.interval === interval);
+    const selected = props.currentTier === plan.slug;
+    const isTrueFree = plan.prices.length === 0;
+    const otherIntervals = plan.prices.map((p) => p.interval).filter((i) => i !== interval);
+    const intervalUnavailable = !price && !isTrueFree;
+    const onlyInterval = otherIntervals.length === 1 ? otherIntervals[0] : null;
+    const unavailableLabel = onlyInterval ? onlyInterval === "month" ? "Monthly only" : "Yearly only" : "Unavailable";
+    const priceLabel = price ? `$${(price.priceCents / 100).toFixed(0)}` : isTrueFree ? "Free" : unavailableLabel;
+    const disabled = selected || intervalUnavailable;
+    return /* @__PURE__ */ jsxs5("section", { className: "rounded-lg border border-border p-5", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx10("h3", { className: "text-lg font-semibold", children: plan.name }),
+        /* @__PURE__ */ jsxs5("p", { className: "text-3xl font-semibold", children: [
+          priceLabel,
+          /* @__PURE__ */ jsx10("span", { className: "text-sm font-normal text-muted-foreground", children: price ? `/${interval}` : "" })
+        ] }),
+        plan.trialDays ? /* @__PURE__ */ jsxs5("p", { className: "text-xs text-muted-foreground", children: [
+          plan.trialDays,
+          "-day free trial"
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsx10(
+        "button",
+        {
+          type: "button",
+          disabled,
+          onClick: () => void props.onSelect(plan.slug, interval),
+          className: "mt-5 w-full rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground disabled:cursor-not-allowed disabled:opacity-60",
+          children: selected ? "Current plan" : intervalUnavailable ? unavailableLabel : "Select plan"
+        }
+      )
+    ] }, plan.slug);
+  }) });
+}
+
+// src/client/charges/useCheckout.ts
+import { useCallback as useCallback26, useEffect as useEffect20, useMemo as useMemo15, useState as useState17 } from "react";
+async function authedJson2(path, init) {
+  const token = await getAuthToken();
+  const res = await fetch(path, {
+    ...init,
+    credentials: "include",
+    headers: {
+      "Content-Type": "application/json",
+      ...token ? { Authorization: `Bearer ${token}` } : {},
+      ...init?.headers
+    }
+  });
+  const data = await res.json().catch(() => ({}));
+  if (!res.ok) {
+    throw new Error(data.error ?? `Request failed (${res.status})`);
+  }
+  return data;
+}
+function useCheckout(opts) {
+  const [purchases, setPurchases] = useState17([]);
+  const [isLoading, setLoading] = useState17(true);
+  const [error, setError] = useState17(null);
+  const refresh = useCallback26(async () => {
+    setLoading(true);
+    try {
+      const r = await authedJson2(
+        "/_deepspace/charges/me"
+      );
+      setPurchases(r.purchases ?? []);
+      setError(null);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to load purchases");
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect20(() => {
+    refresh();
+  }, [refresh]);
+  const chargeOnce = useCallback26(
+    async (chargeOpts) => {
+      setError(null);
+      const common = {
+        returnUrl: chargeOpts.returnUrl ?? window.location.href,
+        cancelUrl: chargeOpts.cancelUrl ?? window.location.href,
+        requestNonce: crypto.randomUUID()
+      };
+      const body = chargeOpts.productId !== void 0 ? { ...common, productId: chargeOpts.productId } : {
+        ...common,
+        amount: chargeOpts.amount,
+        name: chargeOpts.name,
+        ...chargeOpts.description ? { description: chargeOpts.description } : {}
+      };
+      try {
+        const result = await authedJson2(
+          "/_deepspace/charges/create",
+          {
+            method: "POST",
+            body: JSON.stringify(body)
+          }
+        );
+        if (typeof window !== "undefined" && result.url) {
+          window.location.href = result.url;
+        }
+        return result;
+      } catch (e) {
+        const msg = e instanceof Error ? e.message : "Failed to start checkout";
+        setError(msg);
+        throw e;
+      }
+    },
+    []
+  );
+  const ownsProduct = useCallback26(
+    (productId) => purchases.some((p) => p.productId === productId),
+    [purchases]
+  );
+  const owned = useMemo15(
+    () => !!opts?.productId && purchases.some((p) => p.productId === opts.productId),
+    [opts?.productId, purchases]
+  );
+  return {
+    chargeOnce,
+    isLoading,
+    error,
+    purchases,
+    owned,
+    ownsProduct,
+    refresh
+  };
+}
+
 // src/ui/utils.ts
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
@@ -4762,8 +5072,8 @@ function cn(...inputs) {
 
 // src/ui/Card.tsx
 import * as React7 from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var Card = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+import { jsx as jsx11 } from "react/jsx-runtime";
+var Card = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   "div",
   {
     ref,
@@ -4775,7 +5085,7 @@ var Card = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var CardHeader = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   "div",
   {
     ref,
@@ -4784,7 +5094,7 @@ var CardHeader = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var CardTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   "div",
   {
     ref,
@@ -4793,7 +5103,7 @@ var CardTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var CardDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   "div",
   {
     ref,
@@ -4802,9 +5112,9 @@ var CardDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10("div", { ref, className: cn("p-4 pt-0 sm:p-6 sm:pt-0", className), ...props }));
+var CardContent = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11("div", { ref, className: cn("p-4 pt-0 sm:p-6 sm:pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var CardFooter = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   "div",
   {
     ref,
@@ -4817,9 +5127,9 @@ CardFooter.displayName = "CardFooter";
 // src/ui/Separator.tsx
 import * as React8 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var Separator = React8.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx11(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx12(
     SeparatorPrimitive.Root,
     {
       ref,
@@ -4838,8 +5148,8 @@ Separator.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/ui/Table.tsx
 import * as React9 from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
-var Table = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx12(
+import { jsx as jsx13 } from "react/jsx-runtime";
+var Table = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx13(
   "table",
   {
     ref,
@@ -4848,9 +5158,9 @@ var Table = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var TableBody = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   "tbody",
   {
     ref,
@@ -4859,7 +5169,7 @@ var TableBody = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var TableFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   "tfoot",
   {
     ref,
@@ -4871,7 +5181,7 @@ var TableFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var TableRow = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   "tr",
   {
     ref,
@@ -4883,7 +5193,7 @@ var TableRow = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var TableHead = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   "th",
   {
     ref,
@@ -4895,7 +5205,7 @@ var TableHead = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var TableCell = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   "td",
   {
     ref,
@@ -4907,7 +5217,7 @@ var TableCell = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var TableCaption = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   "caption",
   {
     ref,
@@ -4920,9 +5230,9 @@ TableCaption.displayName = "TableCaption";
 // src/ui/Tabs.tsx
 import * as React10 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var TabsList = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   TabsPrimitive.List,
   {
     ref,
@@ -4934,7 +5244,7 @@ var TabsList = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var TabsTrigger = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -4946,7 +5256,7 @@ var TabsTrigger = React10.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var TabsContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   TabsPrimitive.Content,
   {
     ref,
@@ -4963,7 +5273,7 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
 import * as React11 from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
 var buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
@@ -4992,7 +5302,7 @@ var buttonVariants = cva(
 var Button = React11.forwardRef(
   ({ className, variant, size, asChild = false, loading = false, disabled, children, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsxs5(
+    return /* @__PURE__ */ jsxs6(
       Comp,
       {
         className: cn(buttonVariants({ variant, size, className })),
@@ -5000,7 +5310,7 @@ var Button = React11.forwardRef(
         disabled: disabled || loading,
         ...props,
         children: [
-          loading && /* @__PURE__ */ jsx14("span", { className: "w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin" }),
+          loading && /* @__PURE__ */ jsx15("span", { className: "w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin" }),
           children
         ]
       }
@@ -5011,10 +5321,10 @@ Button.displayName = "Button";
 
 // src/ui/Input.tsx
 import * as React12 from "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var Input = React12.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx16(
       "input",
       {
         type,
@@ -5032,9 +5342,9 @@ Input.displayName = "Input";
 
 // src/ui/Textarea.tsx
 import * as React13 from "react";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var Textarea = React13.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "textarea",
     {
       className: cn(
@@ -5052,11 +5362,11 @@ Textarea.displayName = "Textarea";
 import * as React14 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check, ChevronDown, ChevronUp } from "lucide-react";
-import { jsx as jsx17, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs7 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(
+var SelectTrigger = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs7(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -5067,12 +5377,12 @@ var SelectTrigger = React14.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx17(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx17(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ jsx18(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx18(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var SelectScrollUpButton = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -5081,11 +5391,11 @@ var SelectScrollUpButton = React14.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx17(ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx18(ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var SelectScrollDownButton = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -5094,11 +5404,11 @@ var SelectScrollDownButton = React14.forwardRef(({ className, ...props }, ref) =
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx17(ChevronDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx18(ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React14.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx17(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs6(
+var SelectContent = React14.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx18(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs7(
   SelectPrimitive.Content,
   {
     ref,
@@ -5110,8 +5420,8 @@ var SelectContent = React14.forwardRef(({ className, children, position = "poppe
     position,
     ...props,
     children: [
-      /* @__PURE__ */ jsx17(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx18(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx18(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -5121,12 +5431,12 @@ var SelectContent = React14.forwardRef(({ className, children, position = "poppe
           children
         }
       ),
-      /* @__PURE__ */ jsx17(SelectScrollDownButton, {})
+      /* @__PURE__ */ jsx18(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var SelectLabel = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   SelectPrimitive.Label,
   {
     ref,
@@ -5135,7 +5445,7 @@ var SelectLabel = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(
+var SelectItem = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs7(
   SelectPrimitive.Item,
   {
     ref,
@@ -5145,13 +5455,13 @@ var SelectItem = React14.forwardRef(({ className, children, ...props }, ref) =>
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx17("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx17(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx17(Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsx17(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ jsx18("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx18(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx18(Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx18(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var SelectSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   SelectPrimitive.Separator,
   {
     ref,
@@ -5165,8 +5475,8 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 import * as React15 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check as Check2 } from "lucide-react";
-import { jsx as jsx18 } from "react/jsx-runtime";
-var Checkbox = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+import { jsx as jsx19 } from "react/jsx-runtime";
+var Checkbox = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -5175,11 +5485,11 @@ var Checkbox = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx18(
+    children: /* @__PURE__ */ jsx19(
       CheckboxPrimitive.Indicator,
       {
         className: cn("grid place-content-center text-current"),
-        children: /* @__PURE__ */ jsx18(Check2, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx19(Check2, { className: "h-4 w-4" })
       }
     )
   }
@@ -5189,8 +5499,8 @@ Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 // src/ui/Switch.tsx
 import * as React16 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-import { jsx as jsx19 } from "react/jsx-runtime";
-var Switch = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+import { jsx as jsx20 } from "react/jsx-runtime";
+var Switch = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -5199,7 +5509,7 @@ var Switch = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ jsx19(
+    children: /* @__PURE__ */ jsx20(
       SwitchPrimitives.Thumb,
       {
         className: cn(
@@ -5215,11 +5525,11 @@ Switch.displayName = SwitchPrimitives.Root.displayName;
 import * as React17 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var labelVariants = cva2(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label2 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var Label2 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   LabelPrimitive.Root,
   {
     ref,
@@ -5231,7 +5541,7 @@ Label2.displayName = LabelPrimitive.Root.displayName;
 
 // src/ui/Badge.tsx
 import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var badgeVariants = cva3(
   "inline-flex items-center rounded-full border font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
@@ -5258,14 +5568,14 @@ var badgeVariants = cva3(
   }
 );
 function Badge({ className, variant, size, ...props }) {
-  return /* @__PURE__ */ jsx21("div", { className: cn(badgeVariants({ variant, size }), className), ...props });
+  return /* @__PURE__ */ jsx22("div", { className: cn(badgeVariants({ variant, size }), className), ...props });
 }
 
 // src/ui/Avatar.tsx
 import * as React18 from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx22 } from "react/jsx-runtime";
-var Avatar = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+import { jsx as jsx23 } from "react/jsx-runtime";
+var Avatar = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   AvatarPrimitive.Root,
   {
     ref,
@@ -5277,7 +5587,7 @@ var Avatar = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var AvatarImage = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   AvatarPrimitive.Image,
   {
     ref,
@@ -5286,7 +5596,7 @@ var AvatarImage = React18.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var AvatarFallback = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -5302,8 +5612,8 @@ AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 // src/ui/Progress.tsx
 import * as React19 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx23 } from "react/jsx-runtime";
-var Progress = React19.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx23(
+import { jsx as jsx24 } from "react/jsx-runtime";
+var Progress = React19.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx24(
   ProgressPrimitive.Root,
   {
     ref,
@@ -5312,7 +5622,7 @@ var Progress = React19.forwardRef(({ className, value, ...props }, ref) => /* @_
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx23(
+    children: /* @__PURE__ */ jsx24(
       ProgressPrimitive.Indicator,
       {
         className: "h-full w-full flex-1 bg-primary transition-all",
@@ -5324,12 +5634,12 @@ var Progress = React19.forwardRef(({ className, value, ...props }, ref) => /* @_
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/ui/Skeleton.tsx
-import { jsx as jsx24, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs8 } from "react/jsx-runtime";
 function Skeleton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "div",
     {
       className: cn("animate-pulse rounded-md bg-primary/10", className),
@@ -5342,7 +5652,7 @@ function SkeletonText({
   lastLineWidth = "60%",
   className = ""
 }) {
-  return /* @__PURE__ */ jsx24("div", { className: cn("space-y-2", className), children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25("div", { className: cn("space-y-2", className), children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsx25(
     Skeleton,
     {
       className: "h-4",
@@ -5352,23 +5662,23 @@ function SkeletonText({
   )) });
 }
 function SkeletonCard({ hasImage = false, className = "" }) {
-  return /* @__PURE__ */ jsxs7("div", { className: cn("border border-border rounded-lg overflow-hidden", className), children: [
-    hasImage && /* @__PURE__ */ jsx24(Skeleton, { className: "w-full h-32 rounded-none" }),
-    /* @__PURE__ */ jsxs7("div", { className: "p-4 space-y-3", children: [
-      /* @__PURE__ */ jsx24(Skeleton, { className: "h-5 w-3/4" }),
-      /* @__PURE__ */ jsx24(SkeletonText, { lines: 2 }),
-      /* @__PURE__ */ jsx24(Skeleton, { className: "h-3 w-1/3" })
+  return /* @__PURE__ */ jsxs8("div", { className: cn("border border-border rounded-lg overflow-hidden", className), children: [
+    hasImage && /* @__PURE__ */ jsx25(Skeleton, { className: "w-full h-32 rounded-none" }),
+    /* @__PURE__ */ jsxs8("div", { className: "p-4 space-y-3", children: [
+      /* @__PURE__ */ jsx25(Skeleton, { className: "h-5 w-3/4" }),
+      /* @__PURE__ */ jsx25(SkeletonText, { lines: 2 }),
+      /* @__PURE__ */ jsx25(Skeleton, { className: "h-3 w-1/3" })
     ] })
   ] });
 }
 function SkeletonList({ items = 5, className = "" }) {
-  return /* @__PURE__ */ jsx24("div", { className: cn("space-y-3", className), children: Array.from({ length: items }).map((_, i) => /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-3 p-3 border border-border rounded-lg", children: [
-    /* @__PURE__ */ jsx24(Skeleton, { className: "w-10 h-10 rounded-full" }),
-    /* @__PURE__ */ jsxs7("div", { className: "flex-1 space-y-2", children: [
-      /* @__PURE__ */ jsx24(Skeleton, { className: "h-4 w-1/3" }),
-      /* @__PURE__ */ jsx24(Skeleton, { className: "h-3 w-1/2" })
+  return /* @__PURE__ */ jsx25("div", { className: cn("space-y-3", className), children: Array.from({ length: items }).map((_, i) => /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-3 p-3 border border-border rounded-lg", children: [
+    /* @__PURE__ */ jsx25(Skeleton, { className: "w-10 h-10 rounded-full" }),
+    /* @__PURE__ */ jsxs8("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ jsx25(Skeleton, { className: "h-4 w-1/3" }),
+      /* @__PURE__ */ jsx25(Skeleton, { className: "h-3 w-1/2" })
     ] }),
-    /* @__PURE__ */ jsx24(Skeleton, { className: "w-16 h-6" })
+    /* @__PURE__ */ jsx25(Skeleton, { className: "w-16 h-6" })
   ] }, i)) });
 }
 function SkeletonTable({
@@ -5376,9 +5686,9 @@ function SkeletonTable({
   columns = 4,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxs7("div", { className: cn("border border-border rounded-lg overflow-hidden", className), children: [
-    /* @__PURE__ */ jsx24("div", { className: "flex gap-4 p-4 bg-muted/50 border-b border-border", children: Array.from({ length: columns }).map((_, i) => /* @__PURE__ */ jsx24(Skeleton, { className: "h-4 flex-1" }, i)) }),
-    Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx24("div", { className: "flex gap-4 p-4 border-b border-border last:border-0", children: Array.from({ length: columns }).map((_2, colIndex) => /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs8("div", { className: cn("border border-border rounded-lg overflow-hidden", className), children: [
+    /* @__PURE__ */ jsx25("div", { className: "flex gap-4 p-4 bg-muted/50 border-b border-border", children: Array.from({ length: columns }).map((_, i) => /* @__PURE__ */ jsx25(Skeleton, { className: "h-4 flex-1" }, i)) }),
+    Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx25("div", { className: "flex gap-4 p-4 border-b border-border last:border-0", children: Array.from({ length: columns }).map((_2, colIndex) => /* @__PURE__ */ jsx25(
       Skeleton,
       {
         className: "h-4 flex-1",
@@ -5394,7 +5704,7 @@ function SkeletonAvatar({ size = "md", className = "" }) {
     md: "w-10 h-10",
     lg: "w-12 h-12"
   };
-  return /* @__PURE__ */ jsx24(Skeleton, { className: cn(sizes[size], "rounded-full", className) });
+  return /* @__PURE__ */ jsx25(Skeleton, { className: cn(sizes[size], "rounded-full", className) });
 }
 function LoadingSpinner({ size = "md", className = "" }) {
   const sizes = {
@@ -5402,7 +5712,7 @@ function LoadingSpinner({ size = "md", className = "" }) {
     md: "w-6 h-6",
     lg: "w-8 h-8"
   };
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "div",
     {
       className: cn(sizes[size], "border-2 border-muted border-t-primary rounded-full animate-spin", className)
@@ -5414,16 +5724,16 @@ function LoadingOverlay({
   message,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxs7("div", { className: cn("flex flex-col items-center justify-center py-16", className), children: [
-    /* @__PURE__ */ jsx24(LoadingSpinner, { size: "lg" }),
-    message && /* @__PURE__ */ jsx24("p", { className: "mt-4 text-muted-foreground", children: message }),
+  return /* @__PURE__ */ jsxs8("div", { className: cn("flex flex-col items-center justify-center py-16", className), children: [
+    /* @__PURE__ */ jsx25(LoadingSpinner, { size: "lg" }),
+    message && /* @__PURE__ */ jsx25("p", { className: "mt-4 text-muted-foreground", children: message }),
     children
   ] });
 }
 
 // src/ui/CardGrid.tsx
 import { MoreHorizontal, Trash2 } from "lucide-react";
-import { jsx as jsx25, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs9 } from "react/jsx-runtime";
 function CardGrid({ children, columns = 3, className = "", ...rest }) {
   const gridCols = {
     1: "grid-cols-1",
@@ -5431,10 +5741,10 @@ function CardGrid({ children, columns = 3, className = "", ...rest }) {
     3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
     4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"
   };
-  return /* @__PURE__ */ jsx25("div", { className: cn("grid gap-3 sm:gap-4", gridCols[columns], className), ...rest, children });
+  return /* @__PURE__ */ jsx26("div", { className: cn("grid gap-3 sm:gap-4", gridCols[columns], className), ...rest, children });
 }
 function GridCard({ children, onClick, className = "", hoverable = true, ...rest }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       onClick,
@@ -5455,7 +5765,7 @@ function GridCardImage({ src, alt = "", height = "md", className = "" }) {
     md: "h-36",
     lg: "h-48"
   };
-  return /* @__PURE__ */ jsx25("div", { className: cn(heights[height], "overflow-hidden bg-muted", className), children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26("div", { className: cn(heights[height], "overflow-hidden bg-muted", className), children: /* @__PURE__ */ jsx26(
     "img",
     {
       src,
@@ -5466,16 +5776,16 @@ function GridCardImage({ src, alt = "", height = "md", className = "" }) {
   ) });
 }
 function GridCardHeader({ children, actions, className = "" }) {
-  return /* @__PURE__ */ jsxs8("div", { className: cn("flex items-start justify-between gap-2 p-4 pb-2", className), children: [
-    /* @__PURE__ */ jsx25("div", { className: "flex-1 min-w-0", children }),
-    actions && /* @__PURE__ */ jsx25("div", { className: "sm:opacity-0 sm:group-hover:opacity-100 transition-opacity shrink-0", children: actions })
+  return /* @__PURE__ */ jsxs9("div", { className: cn("flex items-start justify-between gap-2 p-4 pb-2", className), children: [
+    /* @__PURE__ */ jsx26("div", { className: "flex-1 min-w-0", children }),
+    actions && /* @__PURE__ */ jsx26("div", { className: "sm:opacity-0 sm:group-hover:opacity-100 transition-opacity shrink-0", children: actions })
   ] });
 }
 function GridCardTitle({ children, className = "" }) {
-  return /* @__PURE__ */ jsx25("h3", { className: cn("font-semibold text-foreground truncate", className), children });
+  return /* @__PURE__ */ jsx26("h3", { className: cn("font-semibold text-foreground truncate", className), children });
 }
 function GridCardContent({ children, className = "" }) {
-  return /* @__PURE__ */ jsx25("div", { className: cn("px-4 pb-4", className), children });
+  return /* @__PURE__ */ jsx26("div", { className: cn("px-4 pb-4", className), children });
 }
 function GridCardDescription({ children, lines = 2, className = "" }) {
   const lineClamp = {
@@ -5484,10 +5794,10 @@ function GridCardDescription({ children, lines = 2, className = "" }) {
     3: "line-clamp-3",
     4: "line-clamp-4"
   };
-  return /* @__PURE__ */ jsx25("p", { className: cn("text-sm text-muted-foreground leading-relaxed", lineClamp[lines], className), children });
+  return /* @__PURE__ */ jsx26("p", { className: cn("text-sm text-muted-foreground leading-relaxed", lineClamp[lines], className), children });
 }
 function GridCardFooter({ children, className = "" }) {
-  return /* @__PURE__ */ jsx25("div", { className: cn("px-4 pb-4 pt-2 text-xs text-muted-foreground", className), children });
+  return /* @__PURE__ */ jsx26("div", { className: cn("px-4 pb-4 pt-2 text-xs text-muted-foreground", className), children });
 }
 function GridCardBadge({ children, variant = "default", className = "" }) {
   const variants = {
@@ -5496,28 +5806,28 @@ function GridCardBadge({ children, variant = "default", className = "" }) {
     warning: "bg-warning/20 text-warning border-warning/40",
     danger: "bg-destructive/20 text-destructive border-destructive/40"
   };
-  return /* @__PURE__ */ jsx25("span", { className: cn("inline-flex px-2 py-0.5 text-xs font-medium rounded border", variants[variant], className), children });
+  return /* @__PURE__ */ jsx26("span", { className: cn("inline-flex px-2 py-0.5 text-xs font-medium rounded border", variants[variant], className), children });
 }
 function GridCardActions({ onDelete, onMore }) {
   const handleClick = (e, handler) => {
     e.stopPropagation();
     handler?.();
   };
-  return /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-1", children: [
-    onMore && /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-1", children: [
+    onMore && /* @__PURE__ */ jsx26(
       "button",
       {
         onClick: (e) => handleClick(e, onMore),
         className: "p-2 rounded-lg bg-muted/50 hover:bg-muted text-muted-foreground hover:text-foreground transition-colors",
-        children: /* @__PURE__ */ jsx25(MoreHorizontal, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx26(MoreHorizontal, { className: "w-4 h-4" })
       }
     ),
-    onDelete && /* @__PURE__ */ jsx25(
+    onDelete && /* @__PURE__ */ jsx26(
       "button",
       {
         onClick: (e) => handleClick(e, onDelete),
         className: "p-2 rounded-lg bg-muted/50 hover:bg-destructive/20 text-muted-foreground hover:text-destructive transition-colors",
-        children: /* @__PURE__ */ jsx25(Trash2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx26(Trash2, { className: "w-4 h-4" })
       }
     )
   ] });
@@ -5534,7 +5844,7 @@ GridCard.Actions = GridCardActions;
 // src/ui/Alert.tsx
 import * as React20 from "react";
 import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var alertVariants = cva4(
   "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
   {
@@ -5552,7 +5862,7 @@ var alertVariants = cva4(
     }
   }
 );
-var Alert = React20.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx26(
+var Alert = React20.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx27(
   "div",
   {
     ref,
@@ -5562,7 +5872,7 @@ var Alert = React20.forwardRef(({ className, variant, ...props }, ref) => /* @__
   }
 ));
 Alert.displayName = "Alert";
-var AlertTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var AlertTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   "h5",
   {
     ref,
@@ -5571,7 +5881,7 @@ var AlertTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var AlertDescription = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   "div",
   {
     ref,
@@ -5585,42 +5895,42 @@ AlertDescription.displayName = "AlertDescription";
 import {
   createContext as createContext4,
   useContext as useContext6,
-  useState as useState16,
-  useCallback as useCallback25,
-  useEffect as useEffect19
+  useState as useState18,
+  useCallback as useCallback27,
+  useEffect as useEffect21
 } from "react";
-import { jsx as jsx27, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs10 } from "react/jsx-runtime";
 function CheckCircleIcon({ className }) {
-  return /* @__PURE__ */ jsxs9("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsx27("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
-    /* @__PURE__ */ jsx27("polyline", { points: "22 4 12 14.01 9 11.01" })
+  return /* @__PURE__ */ jsxs10("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx28("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
+    /* @__PURE__ */ jsx28("polyline", { points: "22 4 12 14.01 9 11.01" })
   ] });
 }
 function AlertCircleIcon({ className }) {
-  return /* @__PURE__ */ jsxs9("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsx27("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ jsx27("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
-    /* @__PURE__ */ jsx27("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+  return /* @__PURE__ */ jsxs10("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx28("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx28("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+    /* @__PURE__ */ jsx28("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
   ] });
 }
 function AlertTriangleIcon({ className }) {
-  return /* @__PURE__ */ jsxs9("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsx27("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
-    /* @__PURE__ */ jsx27("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
-    /* @__PURE__ */ jsx27("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+  return /* @__PURE__ */ jsxs10("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx28("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
+    /* @__PURE__ */ jsx28("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+    /* @__PURE__ */ jsx28("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
   ] });
 }
 function InfoIcon({ className }) {
-  return /* @__PURE__ */ jsxs9("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsx27("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ jsx27("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
-    /* @__PURE__ */ jsx27("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
+  return /* @__PURE__ */ jsxs10("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx28("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx28("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+    /* @__PURE__ */ jsx28("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
   ] });
 }
 function CloseIcon({ className }) {
-  return /* @__PURE__ */ jsxs9("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsx27("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-    /* @__PURE__ */ jsx27("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  return /* @__PURE__ */ jsxs10("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx28("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ jsx28("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
 var ToastContext = createContext4(null);
@@ -5634,14 +5944,14 @@ function ToastProvider({
   position = "bottom-right",
   maxToasts = 5
 }) {
-  const [toasts, setToasts] = useState16([]);
-  const dismiss = useCallback25((id) => {
+  const [toasts, setToasts] = useState18([]);
+  const dismiss = useCallback27((id) => {
     setToasts((prev) => prev.filter((t) => t.id !== id));
   }, []);
-  const dismissAll = useCallback25(() => {
+  const dismissAll = useCallback27(() => {
     setToasts([]);
   }, []);
-  const addToast = useCallback25(
+  const addToast = useCallback27(
     (options) => {
       const id = Math.random().toString(36).slice(2);
       const duration = options.duration ?? 5e3;
@@ -5655,23 +5965,23 @@ function ToastProvider({
     },
     [dismiss, maxToasts]
   );
-  const toast = useCallback25(
+  const toast = useCallback27(
     (options) => addToast(options),
     [addToast]
   );
-  const success = useCallback25(
+  const success = useCallback27(
     (title, description) => addToast({ type: "success", title, description }),
     [addToast]
   );
-  const error = useCallback25(
+  const error = useCallback27(
     (title, description) => addToast({ type: "error", title, description }),
     [addToast]
   );
-  const warning = useCallback25(
+  const warning = useCallback27(
     (title, description) => addToast({ type: "warning", title, description }),
     [addToast]
   );
-  const info = useCallback25(
+  const info = useCallback27(
     (title, description) => addToast({ type: "info", title, description }),
     [addToast]
   );
@@ -5683,17 +5993,17 @@ function ToastProvider({
     "top-center": "top-4 left-1/2 -translate-x-1/2",
     "bottom-center": "bottom-4 left-1/2 -translate-x-1/2"
   };
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     ToastContext.Provider,
     {
       value: { toasts, toast, success, error, warning, info, dismiss, dismissAll },
       children: [
         children,
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28(
           "div",
           {
             className: `fixed z-[100] flex flex-col gap-2 ${positionClasses[position]}`,
-            children: toasts.map((t) => /* @__PURE__ */ jsx27(ToastItem, { toast: t, onDismiss: () => dismiss(t.id) }, t.id))
+            children: toasts.map((t) => /* @__PURE__ */ jsx28(ToastItem, { toast: t, onDismiss: () => dismiss(t.id) }, t.id))
           }
         )
       ]
@@ -5708,14 +6018,14 @@ var TOAST_CONFIG = {
 };
 function ToastItem({ toast, onDismiss }) {
   const { Icon: Icon2, accent, icon } = TOAST_CONFIG[toast.type];
-  const [exiting, setExiting] = useState16(false);
-  useEffect19(() => {
+  const [exiting, setExiting] = useState18(false);
+  useEffect21(() => {
     if (exiting) {
       const timer = setTimeout(onDismiss, 150);
       return () => clearTimeout(timer);
     }
   }, [exiting, onDismiss]);
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       className: `
@@ -5726,19 +6036,19 @@ function ToastItem({ toast, onDismiss }) {
       `,
       role: "alert",
       children: [
-        /* @__PURE__ */ jsx27("span", { className: `absolute inset-y-0 left-0 w-[3px] ${accent}`, "aria-hidden": true }),
-        /* @__PURE__ */ jsx27(Icon2, { className: `mt-0.5 h-4 w-4 shrink-0 ${icon}` }),
-        /* @__PURE__ */ jsxs9("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx27("p", { className: "text-[13px] font-medium leading-tight", children: toast.title }),
-          toast.description && /* @__PURE__ */ jsx27("p", { className: "mt-0.5 text-xs leading-snug text-muted-foreground", children: toast.description })
+        /* @__PURE__ */ jsx28("span", { className: `absolute inset-y-0 left-0 w-[3px] ${accent}`, "aria-hidden": true }),
+        /* @__PURE__ */ jsx28(Icon2, { className: `mt-0.5 h-4 w-4 shrink-0 ${icon}` }),
+        /* @__PURE__ */ jsxs10("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx28("p", { className: "text-[13px] font-medium leading-tight", children: toast.title }),
+          toast.description && /* @__PURE__ */ jsx28("p", { className: "mt-0.5 text-xs leading-snug text-muted-foreground", children: toast.description })
         ] }),
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28(
           "button",
           {
             onClick: () => setExiting(true),
             className: "-mr-0.5 shrink-0 rounded p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
             "aria-label": "Dismiss",
-            children: /* @__PURE__ */ jsx27(CloseIcon, { className: "h-3.5 w-3.5" })
+            children: /* @__PURE__ */ jsx28(CloseIcon, { className: "h-3.5 w-3.5" })
           }
         )
       ]
@@ -5748,7 +6058,7 @@ function ToastItem({ toast, onDismiss }) {
 
 // src/ui/EmptyState.tsx
 import { FileText, Search, Inbox, Plus, FolderOpen, Users, AlertCircle } from "lucide-react";
-import { jsx as jsx28, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs11 } from "react/jsx-runtime";
 function EmptyState({
   icon,
   title,
@@ -5758,23 +6068,23 @@ function EmptyState({
   className = "",
   ...rest
 }) {
-  return /* @__PURE__ */ jsxs10("div", { className: cn("flex flex-col items-center justify-center py-16 px-4 text-center", className), ...rest, children: [
-    icon && /* @__PURE__ */ jsx28("div", { className: "w-16 h-16 rounded-2xl bg-muted/50 border border-border flex items-center justify-center mb-5", children: /* @__PURE__ */ jsx28("span", { className: "text-muted-foreground", children: icon }) }),
-    /* @__PURE__ */ jsx28("h3", { className: "text-lg font-semibold text-foreground mb-2", children: title }),
-    description && /* @__PURE__ */ jsx28("p", { className: "text-muted-foreground text-sm max-w-sm mb-6", children: description }),
-    (action || secondaryAction) && /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-3", children: [
-      action && /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11("div", { className: cn("flex flex-col items-center justify-center py-16 px-4 text-center", className), ...rest, children: [
+    icon && /* @__PURE__ */ jsx29("div", { className: "w-16 h-16 rounded-2xl bg-muted/50 border border-border flex items-center justify-center mb-5", children: /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground", children: icon }) }),
+    /* @__PURE__ */ jsx29("h3", { className: "text-lg font-semibold text-foreground mb-2", children: title }),
+    description && /* @__PURE__ */ jsx29("p", { className: "text-muted-foreground text-sm max-w-sm mb-6", children: description }),
+    (action || secondaryAction) && /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-3", children: [
+      action && /* @__PURE__ */ jsxs11(
         "button",
         {
           onClick: action.onClick,
           className: "inline-flex items-center gap-2 px-4 py-2 bg-primary text-primary-foreground rounded-lg font-medium text-sm hover:bg-primary/90 shadow-lg shadow-primary/25 transition-all",
           children: [
-            /* @__PURE__ */ jsx28(Plus, { className: "w-4 h-4" }),
+            /* @__PURE__ */ jsx29(Plus, { className: "w-4 h-4" }),
             action.label
           ]
         }
       ),
-      secondaryAction && /* @__PURE__ */ jsx28(
+      secondaryAction && /* @__PURE__ */ jsx29(
         "button",
         {
           onClick: secondaryAction.onClick,
@@ -5786,10 +6096,10 @@ function EmptyState({
   ] });
 }
 function EmptyItems({ action, className }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     EmptyState,
     {
-      icon: /* @__PURE__ */ jsx28(Inbox, { className: "w-8 h-8" }),
+      icon: /* @__PURE__ */ jsx29(Inbox, { className: "w-8 h-8" }),
       title: "No items yet",
       description: "Get started by creating your first item.",
       action: action ? { label: action.label, onClick: action.onClick } : void 0,
@@ -5798,10 +6108,10 @@ function EmptyItems({ action, className }) {
   );
 }
 function EmptySearch({ query, onClear, className }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     EmptyState,
     {
-      icon: /* @__PURE__ */ jsx28(Search, { className: "w-8 h-8" }),
+      icon: /* @__PURE__ */ jsx29(Search, { className: "w-8 h-8" }),
       title: "No results found",
       description: query ? `No results for "${query}". Try a different search term.` : "Try adjusting your search or filters.",
       secondaryAction: onClear ? { label: "Clear search", onClick: onClear } : void 0,
@@ -5810,10 +6120,10 @@ function EmptySearch({ query, onClear, className }) {
   );
 }
 function EmptyDocuments({ action, className }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     EmptyState,
     {
-      icon: /* @__PURE__ */ jsx28(FileText, { className: "w-8 h-8" }),
+      icon: /* @__PURE__ */ jsx29(FileText, { className: "w-8 h-8" }),
       title: "No documents",
       description: "Create a document to start writing.",
       action: action ? { label: action.label, onClick: action.onClick } : void 0,
@@ -5822,10 +6132,10 @@ function EmptyDocuments({ action, className }) {
   );
 }
 function EmptyProjects({ action, className }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     EmptyState,
     {
-      icon: /* @__PURE__ */ jsx28(FolderOpen, { className: "w-8 h-8" }),
+      icon: /* @__PURE__ */ jsx29(FolderOpen, { className: "w-8 h-8" }),
       title: "No projects",
       description: "Create a project to organize your work.",
       action: action ? { label: action.label, onClick: action.onClick } : void 0,
@@ -5834,10 +6144,10 @@ function EmptyProjects({ action, className }) {
   );
 }
 function EmptyTeam({ action, className }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     EmptyState,
     {
-      icon: /* @__PURE__ */ jsx28(Users, { className: "w-8 h-8" }),
+      icon: /* @__PURE__ */ jsx29(Users, { className: "w-8 h-8" }),
       title: "No team members",
       description: "Invite people to collaborate with you.",
       action: action ? { label: action.label, onClick: action.onClick } : void 0,
@@ -5846,10 +6156,10 @@ function EmptyTeam({ action, className }) {
   );
 }
 function EmptyError({ error, onRetry, className }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     EmptyState,
     {
-      icon: /* @__PURE__ */ jsx28(AlertCircle, { className: "w-8 h-8 text-destructive" }),
+      icon: /* @__PURE__ */ jsx29(AlertCircle, { className: "w-8 h-8 text-destructive" }),
       title: "Something went wrong",
       description: error || "An error occurred. Please try again.",
       action: onRetry ? { label: "Try again", onClick: onRetry } : void 0,
@@ -5862,12 +6172,12 @@ function EmptyError({ error, onRetry, className }) {
 import * as React22 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
-import { jsx as jsx29, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var DialogOverlay = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -5879,9 +6189,9 @@ var DialogOverlay = React22.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React22.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs11(DialogPortal, { children: [
-  /* @__PURE__ */ jsx29(DialogOverlay, {}),
-  /* @__PURE__ */ jsxs11(
+var DialogContent = React22.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs12(DialogPortal, { children: [
+  /* @__PURE__ */ jsx30(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs12(
     DialogPrimitive.Content,
     {
       ref,
@@ -5892,9 +6202,9 @@ var DialogContent = React22.forwardRef(({ className, children, ...props }, ref)
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxs11(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm p-1 opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-          /* @__PURE__ */ jsx29(X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx29("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ jsxs12(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm p-1 opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ jsx30(X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
@@ -5904,7 +6214,7 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx29(
+}) => /* @__PURE__ */ jsx30(
   "div",
   {
     className: cn(
@@ -5918,7 +6228,7 @@ DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx29(
+}) => /* @__PURE__ */ jsx30(
   "div",
   {
     className: cn(
@@ -5929,7 +6239,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var DialogTitle = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   DialogPrimitive.Title,
   {
     ref,
@@ -5941,7 +6251,7 @@ var DialogTitle = React22.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var DialogDescription = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   DialogPrimitive.Description,
   {
     ref,
@@ -5955,14 +6265,14 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 import * as React23 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check as Check3, ChevronRight, Circle } from "lucide-react";
-import { jsx as jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs13 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React23.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs12(
+var DropdownMenuSubTrigger = React23.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -5974,12 +6284,12 @@ var DropdownMenuSubTrigger = React23.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx30(ChevronRight, { className: "ml-auto" })
+      /* @__PURE__ */ jsx31(ChevronRight, { className: "ml-auto" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+var DropdownMenuSubContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -5991,7 +6301,7 @@ var DropdownMenuSubContent = React23.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React23.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx30(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx30(
+var DropdownMenuContent = React23.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx31(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx31(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -6005,7 +6315,7 @@ var DropdownMenuContent = React23.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx30(
+var DropdownMenuItem = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx31(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -6018,7 +6328,7 @@ var DropdownMenuItem = React23.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React23.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs12(
+var DropdownMenuCheckboxItem = React23.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs13(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -6029,13 +6339,13 @@ var DropdownMenuCheckboxItem = React23.forwardRef(({ className, children, checke
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx30("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx30(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx30(Check3, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx31("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx31(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx31(Check3, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs12(
+var DropdownMenuRadioItem = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -6045,13 +6355,13 @@ var DropdownMenuRadioItem = React23.forwardRef(({ className, children, ...props
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx30("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx30(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx30(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx31("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx31(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx31(Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx30(
+var DropdownMenuLabel = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx31(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -6064,7 +6374,7 @@ var DropdownMenuLabel = React23.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+var DropdownMenuSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -6077,7 +6387,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "span",
     {
       className: cn("ml-auto text-xs tracking-widest opacity-60", className),
@@ -6090,11 +6400,11 @@ DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 // src/ui/Tooltip.tsx
 import * as React24 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React24.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx31(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx31(
+var TooltipContent = React24.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx32(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx32(
   TooltipPrimitive.Content,
   {
     ref,
@@ -6109,7 +6419,7 @@ var TooltipContent = React24.forwardRef(({ className, sideOffset = 4, ...props }
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/ui/Modal.tsx
-import { jsx as jsx32, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs14 } from "react/jsx-runtime";
 function Modal({
   open,
   onClose,
@@ -6123,24 +6433,24 @@ function Modal({
     lg: "max-w-[calc(100vw-2rem)] sm:max-w-2xl",
     xl: "max-w-[calc(100vw-2rem)] sm:max-w-4xl"
   };
-  return /* @__PURE__ */ jsx32(Dialog, { open, onOpenChange: (v) => {
+  return /* @__PURE__ */ jsx33(Dialog, { open, onOpenChange: (v) => {
     if (!v) onClose();
-  }, children: /* @__PURE__ */ jsx32(DialogContent, { "aria-describedby": void 0, className: cn(sizes[size], "flex flex-col max-h-[85vh]", className), children }) });
+  }, children: /* @__PURE__ */ jsx33(DialogContent, { "aria-describedby": void 0, className: cn(sizes[size], "flex flex-col max-h-[85vh]", className), children }) });
 }
 function ModalHeader({ children, className = "" }) {
-  return /* @__PURE__ */ jsx32(DialogHeader, { className, children });
+  return /* @__PURE__ */ jsx33(DialogHeader, { className, children });
 }
 function ModalTitle({ children, className = "" }) {
-  return /* @__PURE__ */ jsx32(DialogTitle, { className, children });
+  return /* @__PURE__ */ jsx33(DialogTitle, { className, children });
 }
 function ModalDescription({ children, className = "" }) {
-  return /* @__PURE__ */ jsx32(DialogDescription, { className, children });
+  return /* @__PURE__ */ jsx33(DialogDescription, { className, children });
 }
 function ModalBody({ children, className = "" }) {
-  return /* @__PURE__ */ jsx32("div", { className: cn("flex-1 overflow-y-auto py-4", className), children });
+  return /* @__PURE__ */ jsx33("div", { className: cn("flex-1 overflow-y-auto py-4", className), children });
 }
 function ModalFooter({ children, className = "" }) {
-  return /* @__PURE__ */ jsx32(DialogFooter, { className, children });
+  return /* @__PURE__ */ jsx33(DialogFooter, { className, children });
 }
 function ConfirmModal({
   open,
@@ -6153,14 +6463,14 @@ function ConfirmModal({
   variant = "destructive",
   loading = false
 }) {
-  return /* @__PURE__ */ jsxs13(Modal, { open, onClose, size: "sm", children: [
-    /* @__PURE__ */ jsxs13(Modal.Header, { children: [
-      /* @__PURE__ */ jsx32(Modal.Title, { children: title }),
-      description && /* @__PURE__ */ jsx32(Modal.Description, { children: description })
+  return /* @__PURE__ */ jsxs14(Modal, { open, onClose, size: "sm", children: [
+    /* @__PURE__ */ jsxs14(Modal.Header, { children: [
+      /* @__PURE__ */ jsx33(Modal.Title, { children: title }),
+      description && /* @__PURE__ */ jsx33(Modal.Description, { children: description })
     ] }),
-    /* @__PURE__ */ jsxs13(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx32(Button, { variant: "ghost", onClick: onClose, disabled: loading, children: cancelText }),
-      /* @__PURE__ */ jsx32(Button, { variant, onClick: onConfirm, loading, children: confirmText })
+    /* @__PURE__ */ jsxs14(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx33(Button, { variant: "ghost", onClick: onClose, disabled: loading, children: cancelText }),
+      /* @__PURE__ */ jsx33(Button, { variant, onClick: onConfirm, loading, children: confirmText })
     ] })
   ] });
 }
@@ -6173,12 +6483,12 @@ Modal.Footer = ModalFooter;
 // src/ui/SearchInput.tsx
 import * as React25 from "react";
 import { Search as Search2, X as X2 } from "lucide-react";
-import { jsx as jsx33, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs15 } from "react/jsx-runtime";
 var SearchInput = React25.forwardRef(
   ({ className, onClear, value, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs14("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx33(Search2, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
-      /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsxs15("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx34(Search2, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+      /* @__PURE__ */ jsx34(
         Input,
         {
           ref,
@@ -6188,13 +6498,13 @@ var SearchInput = React25.forwardRef(
           ...props
         }
       ),
-      value && onClear && /* @__PURE__ */ jsx33(
+      value && onClear && /* @__PURE__ */ jsx34(
         "button",
         {
           type: "button",
           onClick: onClear,
           className: "absolute right-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground hover:text-foreground transition-colors",
-          children: /* @__PURE__ */ jsx33(X2, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx34(X2, { className: "h-4 w-4" })
         }
       )
     ] });
@@ -6276,6 +6586,7 @@ export {
   Modal,
   PlatformContext,
   PlatformProvider,
+  PricingTable,
   Progress,
   ROLES,
   ROLE_ADMIN,
@@ -6381,6 +6692,7 @@ export {
   useCanvas,
   useChannelMembers,
   useChannels,
+  useCheckout,
   useCommunities,
   useConversation,
   useConversations,
@@ -6402,6 +6714,7 @@ export {
   useReadReceipts,
   useRecordContext,
   useSession,
+  useSubscription,
   useToast,
   useUser,
   useUserLookup,