deepspace 0.4.3 → 0.4.5

package/dist/index.js

@@ -4954,6 +4954,236 @@ var integration = {
   }
 };
 
+// src/client/voice/useVoiceAgent.ts
+import { useCallback as useCallback26, useEffect as useEffect20, useRef as useRef17, useState as useState17 } from "react";
+var OPENAI_REALTIME_BASE = "https://api.openai.com/v1";
+var ZERO_USAGE = { inputAudioTokens: 0, outputAudioTokens: 0, inputTextTokens: 0, outputTextTokens: 0 };
+function useVoiceAgent(options = {}) {
+  const [status, setStatus] = useState17("idle");
+  const [isMuted, setIsMuted] = useState17(false);
+  const [isAgentSpeaking, setIsAgentSpeaking] = useState17(false);
+  const [transcript, setTranscript] = useState17([]);
+  const [error, setError] = useState17(null);
+  const pcRef = useRef17(null);
+  const dcRef = useRef17(null);
+  const streamRef = useRef17(null);
+  const audioRef = useRef17(null);
+  const timerRef = useRef17(null);
+  const sessionIdRef = useRef17(null);
+  const liveStartRef = useRef17(null);
+  const settledRef = useRef17(false);
+  const usageRef = useRef17({ ...ZERO_USAGE });
+  const optsRef = useRef17(options);
+  optsRef.current = options;
+  const settle = useCallback26(async () => {
+    const sessionId = sessionIdRef.current;
+    if (!sessionId || settledRef.current) return;
+    settledRef.current = true;
+    const durationSeconds = liveStartRef.current ? Math.max(0, (Date.now() - liveStartRef.current) / 1e3) : 0;
+    try {
+      await integration.post("openai-realtime/settle-session", {
+        sessionId,
+        durationSeconds,
+        usage: usageRef.current
+      });
+    } catch {
+    }
+  }, []);
+  const cleanup = useCallback26(() => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+    try {
+      dcRef.current?.close();
+    } catch {
+    }
+    try {
+      streamRef.current?.getTracks().forEach((t) => t.stop());
+    } catch {
+    }
+    try {
+      if (pcRef.current) pcRef.current.onconnectionstatechange = null;
+      pcRef.current?.close();
+    } catch {
+    }
+    if (audioRef.current) audioRef.current.srcObject = null;
+    dcRef.current = null;
+    pcRef.current = null;
+    streamRef.current = null;
+    audioRef.current = null;
+  }, []);
+  const stop = useCallback26(async () => {
+    cleanup();
+    await settle();
+    setIsAgentSpeaking(false);
+    setStatus((s) => s === "error" ? s : "ended");
+  }, [cleanup, settle]);
+  const appendTranscript = useCallback26((role, delta) => {
+    if (!delta) return;
+    setTranscript((prev) => {
+      const last = prev[prev.length - 1];
+      if (last && last.role === role) return [...prev.slice(0, -1), { role, content: last.content + delta }];
+      return [...prev, { role, content: delta }];
+    });
+  }, []);
+  const handleToolCall = useCallback26(async (item) => {
+    const onToolCall = optsRef.current.onToolCall;
+    let output = null;
+    if (onToolCall && item.name) {
+      let args = {};
+      try {
+        args = item.arguments ? JSON.parse(item.arguments) : {};
+      } catch {
+        args = {};
+      }
+      try {
+        output = await onToolCall(item.name, args);
+      } catch (e) {
+        output = { error: e instanceof Error ? e.message : String(e) };
+      }
+    }
+    const dc = dcRef.current;
+    if (!dc || dc.readyState !== "open") return;
+    dc.send(
+      JSON.stringify({
+        type: "conversation.item.create",
+        item: { type: "function_call_output", call_id: item.call_id, output: JSON.stringify(output ?? null) }
+      })
+    );
+    dc.send(JSON.stringify({ type: "response.create" }));
+  }, []);
+  const handleEvent = useCallback26(
+    (raw) => {
+      if (typeof raw !== "string") return;
+      let ev;
+      try {
+        ev = JSON.parse(raw);
+      } catch {
+        return;
+      }
+      switch (ev.type) {
+        case "response.output_audio_transcript.delta":
+        case "response.audio_transcript.delta":
+          appendTranscript("assistant", ev.delta ?? "");
+          break;
+        case "conversation.item.input_audio_transcription.completed":
+          appendTranscript("user", ev.transcript ?? "");
+          break;
+        case "output_audio_buffer.started":
+          setIsAgentSpeaking(true);
+          break;
+        case "output_audio_buffer.stopped":
+          setIsAgentSpeaking(false);
+          break;
+        case "response.done": {
+          const u = ev.response?.usage;
+          if (u) {
+            usageRef.current.inputAudioTokens += u.input_token_details?.audio_tokens ?? 0;
+            usageRef.current.outputAudioTokens += u.output_token_details?.audio_tokens ?? 0;
+            usageRef.current.inputTextTokens += u.input_token_details?.text_tokens ?? 0;
+            usageRef.current.outputTextTokens += u.output_token_details?.text_tokens ?? 0;
+          }
+          for (const item of ev.response?.output ?? []) {
+            if (item?.type === "function_call") void handleToolCall(item);
+          }
+          break;
+        }
+      }
+    },
+    [appendTranscript, handleToolCall]
+  );
+  const start = useCallback26(
+    async (overrides = {}) => {
+      if (sessionIdRef.current) {
+        cleanup();
+        await settle();
+      }
+      const o = { ...optsRef.current, ...overrides };
+      setError(null);
+      setTranscript([]);
+      setIsAgentSpeaking(false);
+      setStatus("connecting");
+      settledRef.current = false;
+      liveStartRef.current = null;
+      sessionIdRef.current = null;
+      usageRef.current = { ...ZERO_USAGE };
+      try {
+        const res = await integration.post(
+          "openai-realtime/create-session",
+          { instructions: o.instructions, voice: o.voice, tools: o.tools, maxMinutes: o.maxMinutes }
+        );
+        if (!res.success || !res.data) throw new Error(res.error ?? "Failed to start voice session");
+        const { sessionId, clientSecret, model, maxMinutes } = res.data;
+        sessionIdRef.current = sessionId;
+        const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+        streamRef.current = stream;
+        const pc = new RTCPeerConnection();
+        pcRef.current = pc;
+        pc.onconnectionstatechange = () => {
+          if (pc.connectionState === "failed" || pc.connectionState === "closed") void stop();
+        };
+        const audio = new Audio();
+        audio.autoplay = true;
+        audioRef.current = audio;
+        pc.ontrack = (e) => {
+          audio.srcObject = e.streams[0];
+        };
+        stream.getTracks().forEach((t) => pc.addTrack(t, stream));
+        const dc = pc.createDataChannel("oai-events");
+        dcRef.current = dc;
+        dc.onmessage = (e) => handleEvent(e.data);
+        const offer = await pc.createOffer();
+        await pc.setLocalDescription(offer);
+        const sdpRes = await fetch(`${OPENAI_REALTIME_BASE}/realtime/calls?model=${encodeURIComponent(model)}`, {
+          method: "POST",
+          headers: { Authorization: `Bearer ${clientSecret}`, "Content-Type": "application/sdp" },
+          body: offer.sdp
+        });
+        if (!sdpRes.ok) throw new Error(`Realtime connect failed (${sdpRes.status})`);
+        const answer = await sdpRes.text();
+        await pc.setRemoteDescription({ type: "answer", sdp: answer });
+        liveStartRef.current = Date.now();
+        setStatus("live");
+        timerRef.current = setTimeout(() => void stop(), (maxMinutes ?? 30) * 6e4);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : String(err));
+        setStatus("error");
+        cleanup();
+        await settle();
+      }
+    },
+    [cleanup, settle, stop, handleEvent]
+  );
+  const toggleMute = useCallback26(() => {
+    const stream = streamRef.current;
+    if (!stream) return;
+    setIsMuted((muted) => {
+      const next = !muted;
+      stream.getAudioTracks().forEach((t) => t.enabled = !next);
+      return next;
+    });
+  }, []);
+  useEffect20(() => {
+    return () => {
+      cleanup();
+      void settle();
+    };
+  }, [cleanup, settle]);
+  return {
+    status,
+    start,
+    stop,
+    isMuted,
+    toggleMute,
+    isAgentSpeaking,
+    transcript,
+    error,
+    pc: pcRef.current,
+    dataChannel: dcRef.current
+  };
+}
+
 // src/client/ai-stream.ts
 function parseSseLine(line) {
   if (!line) return null;
@@ -5022,7 +5252,7 @@ function decodeAiStreamChunk(chunk) {
 }
 
 // src/client/status.ts
-import { useCallback as useCallback26, useEffect as useEffect20, useMemo as useMemo15, useRef as useRef17, useState as useState17 } from "react";
+import { useCallback as useCallback27, useEffect as useEffect21, useMemo as useMemo15, useRef as useRef18, useState as useState18 } from "react";
 
 // src/client/status-core.ts
 var ASYNC_RESOURCE_DEFAULTS = {
@@ -5107,7 +5337,7 @@ function useAsyncResource(fetcher, deps, options = {}) {
   const retry = options.retry ?? ASYNC_RESOURCE_DEFAULTS.retry;
   const retryDelayMs = options.retryDelayMs ?? ASYNC_RESOURCE_DEFAULTS.retryDelayMs;
   const slowAfterMs = options.slowAfterMs ?? ASYNC_RESOURCE_DEFAULTS.slowAfterMs;
-  const [state, setState] = useState17(() => ({
+  const [state, setState] = useState18(() => ({
     status: enabled ? "loading" : "idle",
     data: options.initialData ?? null,
     error: null,
@@ -5115,12 +5345,12 @@ function useAsyncResource(fetcher, deps, options = {}) {
     isSlow: false,
     retryCount: 0
   }));
-  const requestIdRef = useRef17(0);
-  const [reloadTick, setReloadTick] = useState17(0);
-  const reload = useCallback26(() => {
+  const requestIdRef = useRef18(0);
+  const [reloadTick, setReloadTick] = useState18(0);
+  const reload = useCallback27(() => {
     setReloadTick((tick) => tick + 1);
   }, []);
-  useEffect20(() => {
+  useEffect21(() => {
     if (!enabled) {
       setState((prev) => ({ ...prev, status: "idle", isRefreshing: false, isSlow: false, retryCount: 0 }));
       return;
@@ -5209,7 +5439,7 @@ function usePagedResource(fetchPage, deps, options = {}) {
   const retryDelayMs = options.retryDelayMs ?? ASYNC_RESOURCE_DEFAULTS.retryDelayMs;
   const maxRetryDelayMs = options.maxRetryDelayMs ?? 3e4;
   const hasInitialItems = initialItems.length > 0;
-  const [state, setState] = useState17(() => ({
+  const [state, setState] = useState18(() => ({
     status: enabled ? hasInitialItems ? "ready" : "loading" : "idle",
     items: initialItems,
     error: null,
@@ -5219,25 +5449,25 @@ function usePagedResource(fetchPage, deps, options = {}) {
     isLoadingMore: false,
     isRefreshing: false
   }));
-  const requestIdRef = useRef17(0);
-  const controllerRef = useRef17(null);
-  const loadingRef = useRef17(false);
-  const nextPageRef = useRef17(hasInitialItems ? 2 : 1);
-  const failedPageRef = useRef17(null);
-  const failureCountRef = useRef17(0);
-  const cooldownUntilRef = useRef17(0);
-  const autoRetryTimerRef = useRef17(null);
-  const clearAutoRetryTimer = useCallback26(() => {
+  const requestIdRef = useRef18(0);
+  const controllerRef = useRef18(null);
+  const loadingRef = useRef18(false);
+  const nextPageRef = useRef18(hasInitialItems ? 2 : 1);
+  const failedPageRef = useRef18(null);
+  const failureCountRef = useRef18(0);
+  const cooldownUntilRef = useRef18(0);
+  const autoRetryTimerRef = useRef18(null);
+  const clearAutoRetryTimer = useCallback27(() => {
     if (autoRetryTimerRef.current) {
       clearTimeout(autoRetryTimerRef.current);
       autoRetryTimerRef.current = null;
     }
   }, []);
-  const resetCooldown = useCallback26(() => {
+  const resetCooldown = useCallback27(() => {
     failureCountRef.current = 0;
     cooldownUntilRef.current = 0;
   }, []);
-  const setFailureCooldown = useCallback26(() => {
+  const setFailureCooldown = useCallback27(() => {
     failureCountRef.current += 1;
     const delay = getPagedResourceCooldownMs({
       failureCount: failureCountRef.current,
@@ -5247,7 +5477,7 @@ function usePagedResource(fetchPage, deps, options = {}) {
     cooldownUntilRef.current = Date.now() + delay;
     return delay;
   }, [maxRetryDelayMs, retryDelayMs]);
-  const startLoad = useCallback26(async (page, mode) => {
+  const startLoad = useCallback27(async (page, mode) => {
     if (!enabled || loadingRef.current) return;
     if (mode === "auto" && !canAutoLoadPagedResource({
       hasMore: true,
@@ -5327,21 +5557,21 @@ function usePagedResource(fetchPage, deps, options = {}) {
       }
     }
   }, [autoRetryOnError, clearAutoRetryTimer, enabled, fetchPage, keepPreviousData, pageSize, resetCooldown, setFailureCooldown]);
-  const loadMore = useCallback26(() => {
+  const loadMore = useCallback27(() => {
     if (!state.hasMore || state.isLoadingInitial || state.isLoadingMore || state.isRefreshing) return;
     void startLoad(nextPageRef.current, "auto");
   }, [startLoad, state.hasMore, state.isLoadingInitial, state.isLoadingMore, state.isRefreshing]);
-  const retry = useCallback26(() => {
+  const retry = useCallback27(() => {
     const page = failedPageRef.current ?? nextPageRef.current;
     void startLoad(page, "manual");
   }, [startLoad]);
-  const refresh = useCallback26(() => {
+  const refresh = useCallback27(() => {
     failedPageRef.current = null;
     resetCooldown();
     nextPageRef.current = 1;
     void startLoad(1, "refresh");
   }, [resetCooldown, startLoad]);
-  useEffect20(() => {
+  useEffect21(() => {
     requestIdRef.current += 1;
     controllerRef.current?.abort();
     clearAutoRetryTimer();
@@ -5378,7 +5608,7 @@ function usePagedResource(fetchPage, deps, options = {}) {
 }
 
 // src/client/subscriptions/useSubscription.ts
-import { useCallback as useCallback27, useEffect as useEffect21, useState as useState18 } from "react";
+import { useCallback as useCallback28, useEffect as useEffect22, useState as useState19 } from "react";
 
 // src/shared/subscription.ts
 var ENTITLED_STATUSES = /* @__PURE__ */ new Set([
@@ -5409,7 +5639,7 @@ async function authedJson(path, init) {
   return data;
 }
 function useSubscription() {
-  const [state, setState] = useState18({
+  const [state, setState] = useState19({
     tier: "free",
     status: "none",
     interval: null,
@@ -5418,9 +5648,9 @@ function useSubscription() {
     trialEndsAt: null,
     plans: []
   });
-  const [isLoading, setLoading] = useState18(true);
-  const [error, setError] = useState18(null);
-  const refresh = useCallback27(async () => {
+  const [isLoading, setLoading] = useState19(true);
+  const [error, setError] = useState19(null);
+  const refresh = useCallback28(async () => {
     setLoading(true);
     try {
       const r = await authedJson("/_deepspace/subscriptions/me");
@@ -5440,15 +5670,15 @@ function useSubscription() {
       setLoading(false);
     }
   }, []);
-  useEffect21(() => {
+  useEffect22(() => {
     refresh();
   }, [refresh]);
   const entitled = isEntitled(state.tier, state.status);
-  const hasTier = useCallback27(
+  const hasTier = useCallback28(
     (slug) => state.tier === slug && isEntitled(state.tier, state.status),
     [state.tier, state.status]
   );
-  const isAtLeast = useCallback27(
+  const isAtLeast = useCallback28(
     (slug) => {
       if (!isEntitled(state.tier, state.status)) return false;
       const targetRank = state.plans.find((p) => p.slug === slug)?.rank;
@@ -5458,7 +5688,7 @@ function useSubscription() {
     },
     [state.plans, state.tier, state.status]
   );
-  const subscribe = useCallback27(
+  const subscribe = useCallback28(
     async (planSlug, opts) => {
       const result = await authedJson("/_deepspace/subscriptions/checkout", {
         method: "POST",
@@ -5478,7 +5708,7 @@ function useSubscription() {
     },
     [refresh]
   );
-  const openPortal = useCallback27(
+  const openPortal = useCallback28(
     async (returnUrl) => {
       return authedJson("/_deepspace/subscriptions/portal", {
         method: "POST",
@@ -5547,7 +5777,7 @@ function PricingTable(props) {
 }
 
 // src/client/charges/useCheckout.ts
-import { useCallback as useCallback28, useEffect as useEffect22, useMemo as useMemo16, useState as useState19 } from "react";
+import { useCallback as useCallback29, useEffect as useEffect23, useMemo as useMemo16, useState as useState20 } from "react";
 async function authedJson2(path, init) {
   const token = await getAuthToken();
   const res = await fetch(path, {
@@ -5566,10 +5796,10 @@ async function authedJson2(path, init) {
   return data;
 }
 function useCheckout(opts) {
-  const [purchases, setPurchases] = useState19([]);
-  const [isLoading, setLoading] = useState19(true);
-  const [error, setError] = useState19(null);
-  const refresh = useCallback28(async () => {
+  const [purchases, setPurchases] = useState20([]);
+  const [isLoading, setLoading] = useState20(true);
+  const [error, setError] = useState20(null);
+  const refresh = useCallback29(async () => {
     setLoading(true);
     try {
       const r = await authedJson2(
@@ -5583,10 +5813,10 @@ function useCheckout(opts) {
       setLoading(false);
     }
   }, []);
-  useEffect22(() => {
+  useEffect23(() => {
     refresh();
   }, [refresh]);
-  const chargeOnce = useCallback28(
+  const chargeOnce = useCallback29(
     async (chargeOpts) => {
       setError(null);
       const common = {
@@ -5620,7 +5850,7 @@ function useCheckout(opts) {
     },
     []
   );
-  const ownsProduct = useCallback28(
+  const ownsProduct = useCallback29(
     (productId) => purchases.some((p) => p.productId === productId),
     [purchases]
   );
@@ -5638,1622 +5868,17 @@ function useCheckout(opts) {
     refresh
   };
 }
-
-// src/ui/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/ui/Card.tsx
-import * as React7 from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var Card = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
-  "div",
-  {
-    ref,
-    className: cn(
-      "relative rounded-2xl border border-border bg-card text-card-foreground shadow-card",
-      className
-    ),
-    ...props
-  }
-));
-Card.displayName = "Card";
-var CardHeader = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
-  "div",
-  {
-    ref,
-    className: cn("flex flex-col space-y-1.5 p-4 sm:p-6", className),
-    ...props
-  }
-));
-CardHeader.displayName = "CardHeader";
-var CardTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
-  "div",
-  {
-    ref,
-    className: cn("font-semibold leading-none tracking-tight", className),
-    ...props
-  }
-));
-CardTitle.displayName = "CardTitle";
-var CardDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
-  "div",
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-CardDescription.displayName = "CardDescription";
-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__ */ jsx11(
-  "div",
-  {
-    ref,
-    className: cn("flex items-center p-4 pt-0 sm:p-6 sm:pt-0", className),
-    ...props
-  }
-));
-CardFooter.displayName = "CardFooter";
-
-// src/ui/Separator.tsx
-import * as React8 from "react";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx12 } from "react/jsx-runtime";
-var Separator = React8.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx12(
-    SeparatorPrimitive.Root,
-    {
-      ref,
-      decorative,
-      orientation,
-      className: cn(
-        "shrink-0 bg-border",
-        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-        className
-      ),
-      ...props
-    }
-  )
-);
-Separator.displayName = SeparatorPrimitive.Root.displayName;
-
-// src/ui/Table.tsx
-import * as React9 from "react";
-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,
-    className: cn("w-full caption-bottom text-sm", className),
-    ...props
-  }
-) }));
-Table.displayName = "Table";
-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__ */ jsx13(
-  "tbody",
-  {
-    ref,
-    className: cn("[&_tr:last-child]:border-0", className),
-    ...props
-  }
-));
-TableBody.displayName = "TableBody";
-var TableFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
-  "tfoot",
-  {
-    ref,
-    className: cn(
-      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
-      className
-    ),
-    ...props
-  }
-));
-TableFooter.displayName = "TableFooter";
-var TableRow = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
-  "tr",
-  {
-    ref,
-    className: cn(
-      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
-      className
-    ),
-    ...props
-  }
-));
-TableRow.displayName = "TableRow";
-var TableHead = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
-  "th",
-  {
-    ref,
-    className: cn(
-      "h-10 px-2 sm:px-3 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-      className
-    ),
-    ...props
-  }
-));
-TableHead.displayName = "TableHead";
-var TableCell = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
-  "td",
-  {
-    ref,
-    className: cn(
-      "p-2 sm:p-3 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-      className
-    ),
-    ...props
-  }
-));
-TableCell.displayName = "TableCell";
-var TableCaption = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
-  "caption",
-  {
-    ref,
-    className: cn("mt-4 text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-TableCaption.displayName = "TableCaption";
-
-// src/ui/Tabs.tsx
-import * as React10 from "react";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var Tabs = TabsPrimitive.Root;
-var TabsList = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
-  TabsPrimitive.List,
-  {
-    ref,
-    className: cn(
-      "inline-flex h-10 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground overflow-x-auto max-w-full",
-      className
-    ),
-    ...props
-  }
-));
-TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
-  TabsPrimitive.Trigger,
-  {
-    ref,
-    className: cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
-      className
-    ),
-    ...props
-  }
-));
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
-  TabsPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      className
-    ),
-    ...props
-  }
-));
-TabsContent.displayName = TabsPrimitive.Content.displayName;
-
-// src/ui/Button.tsx
-import * as React11 from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-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",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3 text-xs",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React11.forwardRef(
-  ({ className, variant, size, asChild = false, loading = false, disabled, children, type, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsxs6(
-      Comp,
-      {
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        type: asChild ? void 0 : type ?? "button",
-        disabled: disabled || loading,
-        ...props,
-        children: [
-          loading && /* @__PURE__ */ jsx15("span", { className: "w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin" }),
-          children
-        ]
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-
-// src/ui/Input.tsx
-import * as React12 from "react";
-import { jsx as jsx16 } from "react/jsx-runtime";
-var Input = React12.forwardRef(
-  ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx16(
-      "input",
-      {
-        type,
-        className: cn(
-          "flex h-10 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-          className
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-
-// src/ui/Textarea.tsx
-import * as React13 from "react";
-import { jsx as jsx17 } from "react/jsx-runtime";
-var Textarea = React13.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx17(
-    "textarea",
-    {
-      className: cn(
-        "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        className
-      ),
-      ref,
-      ...props
-    }
-  );
-});
-Textarea.displayName = "Textarea";
-
-// src/ui/Select.tsx
-import * as React14 from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { Check, ChevronDown, ChevronUp } from "lucide-react";
-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__ */ jsxs7(
-  SelectPrimitive.Trigger,
-  {
-    ref,
-    className: cn(
-      "flex h-10 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__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__ */ jsx18(
-  SelectPrimitive.ScrollUpButton,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default items-center justify-center py-1",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx18(ChevronUp, { className: "h-4 w-4" })
-  }
-));
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
-  SelectPrimitive.ScrollDownButton,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default items-center justify-center py-1",
-      className
-    ),
-    ...props,
-    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__ */ jsx18(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs7(
-  SelectPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "relative z-50 max-h-96 min-w-[8rem] max-w-[calc(100vw-2rem)] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-      className
-    ),
-    position,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx18(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx18(
-        SelectPrimitive.Viewport,
-        {
-          className: cn(
-            "p-1",
-            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-          ),
-          children
-        }
-      ),
-      /* @__PURE__ */ jsx18(SelectScrollDownButton, {})
-    ]
-  }
-) }));
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
-  SelectPrimitive.Label,
-  {
-    ref,
-    className: cn("px-2 py-1.5 text-sm font-semibold", className),
-    ...props
-  }
-));
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs7(
-  SelectPrimitive.Item,
-  {
-    ref,
-    className: cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-2 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    ...props,
-    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__ */ jsx18(
-  SelectPrimitive.Separator,
-  {
-    ref,
-    className: cn("-mx-1 my-1 h-px bg-muted", className),
-    ...props
-  }
-));
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-
-// src/ui/Checkbox.tsx
-import * as React15 from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { Check as Check2 } from "lucide-react";
-import { jsx as jsx19 } from "react/jsx-runtime";
-var Checkbox = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
-  CheckboxPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx19(
-      CheckboxPrimitive.Indicator,
-      {
-        className: cn("grid place-content-center text-current"),
-        children: /* @__PURE__ */ jsx19(Check2, { className: "h-4 w-4" })
-      }
-    )
-  }
-));
-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 jsx20 } from "react/jsx-runtime";
-var Switch = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
-  SwitchPrimitives.Root,
-  {
-    className: cn(
-      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
-      className
-    ),
-    ...props,
-    ref,
-    children: /* @__PURE__ */ jsx20(
-      SwitchPrimitives.Thumb,
-      {
-        className: cn(
-          "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
-        )
-      }
-    )
-  }
-));
-Switch.displayName = SwitchPrimitives.Root.displayName;
-
-// src/ui/Label.tsx
-import * as React17 from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { cva as cva2 } from "class-variance-authority";
-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__ */ jsx21(
-  LabelPrimitive.Root,
-  {
-    ref,
-    className: cn(labelVariants(), className),
-    ...props
-  }
-));
-Label2.displayName = LabelPrimitive.Root.displayName;
-
-// src/ui/Badge.tsx
-import { cva as cva3 } from "class-variance-authority";
-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",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
-        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
-        outline: "text-foreground",
-        success: "border-transparent bg-success text-success-foreground shadow hover:bg-success/80",
-        warning: "border-transparent bg-warning text-warning-foreground shadow hover:bg-warning/80",
-        info: "border-transparent bg-info text-info-foreground shadow hover:bg-info/80"
-      },
-      size: {
-        default: "px-2.5 py-0.5 text-xs",
-        sm: "px-2 py-px text-[10px]",
-        lg: "px-3 py-1 text-sm"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Badge({ className, variant, size, ...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 jsx23 } from "react/jsx-runtime";
-var Avatar = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
-  AvatarPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
-      className
-    ),
-    ...props
-  }
-));
-Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
-  AvatarPrimitive.Image,
-  {
-    ref,
-    className: cn("aspect-square h-full w-full", className),
-    ...props
-  }
-));
-AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
-  AvatarPrimitive.Fallback,
-  {
-    ref,
-    className: cn(
-      "flex h-full w-full items-center justify-center rounded-full bg-muted",
-      className
-    ),
-    ...props
-  }
-));
-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 jsx24 } from "react/jsx-runtime";
-var Progress = React19.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx24(
-  ProgressPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx24(
-      ProgressPrimitive.Indicator,
-      {
-        className: "h-full w-full flex-1 bg-primary transition-all",
-        style: { transform: `translateX(-${100 - (value || 0)}%)` }
-      }
-    )
-  }
-));
-Progress.displayName = ProgressPrimitive.Root.displayName;
-
-// src/ui/Skeleton.tsx
-import { jsx as jsx25, jsxs as jsxs8 } from "react/jsx-runtime";
-function Skeleton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx25(
-    "div",
-    {
-      className: cn("animate-pulse rounded-md bg-primary/10", className),
-      ...props
-    }
-  );
-}
-function SkeletonText({
-  lines = 3,
-  lastLineWidth = "60%",
-  className = ""
-}) {
-  return /* @__PURE__ */ jsx25("div", { className: cn("space-y-2", className), children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsx25(
-    Skeleton,
-    {
-      className: "h-4",
-      style: { width: i === lines - 1 ? lastLineWidth : "100%" }
-    },
-    i
-  )) });
-}
-function SkeletonCard({ hasImage = false, className = "" }) {
-  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__ */ 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__ */ jsx25(Skeleton, { className: "w-16 h-6" })
-  ] }, i)) });
-}
-function SkeletonTable({
-  rows = 5,
-  columns = 4,
-  className = ""
-}) {
-  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",
-        style: { width: colIndex === 0 ? "40%" : void 0 }
-      },
-      colIndex
-    )) }, rowIndex))
-  ] });
-}
-function SkeletonAvatar({ size = "md", className = "" }) {
-  const sizes = {
-    sm: "w-8 h-8",
-    md: "w-10 h-10",
-    lg: "w-12 h-12"
-  };
-  return /* @__PURE__ */ jsx25(Skeleton, { className: cn(sizes[size], "rounded-full", className) });
-}
-function LoadingSpinner({ size = "md", className = "" }) {
-  const sizes = {
-    sm: "w-4 h-4",
-    md: "w-6 h-6",
-    lg: "w-8 h-8"
-  };
-  return /* @__PURE__ */ jsx25(
-    "div",
-    {
-      className: cn(sizes[size], "border-2 border-muted border-t-primary rounded-full animate-spin", className)
-    }
-  );
-}
-function LoadingOverlay({
-  children,
-  message,
-  className = ""
-}) {
-  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 jsx26, jsxs as jsxs9 } from "react/jsx-runtime";
-function CardGrid({ children, columns = 3, className = "", ...rest }) {
-  const gridCols = {
-    1: "grid-cols-1",
-    2: "grid-cols-1 sm:grid-cols-2",
-    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__ */ 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__ */ jsx26(
-    "div",
-    {
-      onClick,
-      className: cn(
-        "group relative bg-card rounded-xl border border-border overflow-hidden transition-all duration-200",
-        hoverable && "hover:border-border hover:shadow-card-hover hover:-translate-y-0.5",
-        onClick && "cursor-pointer",
-        className
-      ),
-      ...rest,
-      children
-    }
-  );
-}
-function GridCardImage({ src, alt = "", height = "md", className = "" }) {
-  const heights = {
-    sm: "h-24",
-    md: "h-36",
-    lg: "h-48"
-  };
-  return /* @__PURE__ */ jsx26("div", { className: cn(heights[height], "overflow-hidden bg-muted", className), children: /* @__PURE__ */ jsx26(
-    "img",
-    {
-      src,
-      alt,
-      referrerPolicy: "no-referrer",
-      className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"
-    }
-  ) });
-}
-function GridCardHeader({ children, actions, className = "" }) {
-  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__ */ jsx26("h3", { className: cn("font-semibold text-foreground truncate", className), children });
-}
-function GridCardContent({ children, className = "" }) {
-  return /* @__PURE__ */ jsx26("div", { className: cn("px-4 pb-4", className), children });
-}
-function GridCardDescription({ children, lines = 2, className = "" }) {
-  const lineClamp = {
-    1: "line-clamp-1",
-    2: "line-clamp-2",
-    3: "line-clamp-3",
-    4: "line-clamp-4"
-  };
-  return /* @__PURE__ */ jsx26("p", { className: cn("text-sm text-muted-foreground leading-relaxed", lineClamp[lines], className), children });
-}
-function GridCardFooter({ children, className = "" }) {
-  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 = {
-    default: "bg-muted text-muted-foreground border-border",
-    success: "bg-success/20 text-success border-success/40",
-    warning: "bg-warning/20 text-warning border-warning/40",
-    danger: "bg-destructive/20 text-destructive border-destructive/40"
-  };
-  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__ */ 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__ */ jsx26(MoreHorizontal, { className: "w-4 h-4" })
-      }
-    ),
-    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__ */ jsx26(Trash2, { className: "w-4 h-4" })
-      }
-    )
-  ] });
-}
-GridCard.Image = GridCardImage;
-GridCard.Header = GridCardHeader;
-GridCard.Title = GridCardTitle;
-GridCard.Content = GridCardContent;
-GridCard.Description = GridCardDescription;
-GridCard.Footer = GridCardFooter;
-GridCard.Badge = GridCardBadge;
-GridCard.Actions = GridCardActions;
-
-// src/ui/Alert.tsx
-import * as React20 from "react";
-import { cva as cva4 } from "class-variance-authority";
-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",
-  {
-    variants: {
-      variant: {
-        default: "bg-background text-foreground",
-        destructive: "border-destructive/50 text-destructive [&>svg]:text-destructive",
-        success: "border-success/50 text-success [&>svg]:text-success",
-        warning: "border-warning/50 text-warning [&>svg]:text-warning",
-        info: "border-info/50 text-info [&>svg]:text-info"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var Alert = React20.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx27(
-  "div",
-  {
-    ref,
-    role: "alert",
-    className: cn(alertVariants({ variant }), className),
-    ...props
-  }
-));
-Alert.displayName = "Alert";
-var AlertTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
-  "h5",
-  {
-    ref,
-    className: cn("mb-1 font-medium leading-none tracking-tight", className),
-    ...props
-  }
-));
-AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
-  "div",
-  {
-    ref,
-    className: cn("text-sm [&_p]:leading-relaxed", className),
-    ...props
-  }
-));
-AlertDescription.displayName = "AlertDescription";
-
-// src/ui/Toast.tsx
-import {
-  createContext as createContext4,
-  useContext as useContext6,
-  useState as useState20,
-  useCallback as useCallback29,
-  useEffect as useEffect23
-} from "react";
-import { jsx as jsx28, jsxs as jsxs10 } from "react/jsx-runtime";
-function CheckCircleIcon({ className }) {
-  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__ */ 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__ */ 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__ */ 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__ */ 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);
-function useToast() {
-  const ctx = useContext6(ToastContext);
-  if (!ctx) throw new Error("useToast must be used within ToastProvider");
-  return ctx;
-}
-function ToastProvider({
-  children,
-  position = "bottom-right",
-  maxToasts = 5
-}) {
-  const [toasts, setToasts] = useState20([]);
-  const dismiss = useCallback29((id) => {
-    setToasts((prev) => prev.filter((t) => t.id !== id));
-  }, []);
-  const dismissAll = useCallback29(() => {
-    setToasts([]);
-  }, []);
-  const addToast = useCallback29(
-    (options) => {
-      const id = Math.random().toString(36).slice(2);
-      const duration = options.duration ?? 5e3;
-      setToasts((prev) => {
-        const next = [...prev, { ...options, id }];
-        return next.slice(-maxToasts);
-      });
-      if (duration > 0) {
-        setTimeout(() => dismiss(id), duration);
-      }
-    },
-    [dismiss, maxToasts]
-  );
-  const toast = useCallback29(
-    (options) => addToast(options),
-    [addToast]
-  );
-  const success = useCallback29(
-    (title, description) => addToast({ type: "success", title, description }),
-    [addToast]
-  );
-  const error = useCallback29(
-    (title, description) => addToast({ type: "error", title, description }),
-    [addToast]
-  );
-  const warning = useCallback29(
-    (title, description) => addToast({ type: "warning", title, description }),
-    [addToast]
-  );
-  const info = useCallback29(
-    (title, description) => addToast({ type: "info", title, description }),
-    [addToast]
-  );
-  const positionClasses = {
-    "top-right": "top-4 right-4",
-    "top-left": "top-4 left-4",
-    "bottom-right": "bottom-4 right-4",
-    "bottom-left": "bottom-4 left-4",
-    "top-center": "top-4 left-1/2 -translate-x-1/2",
-    "bottom-center": "bottom-4 left-1/2 -translate-x-1/2"
-  };
-  return /* @__PURE__ */ jsxs10(
-    ToastContext.Provider,
-    {
-      value: { toasts, toast, success, error, warning, info, dismiss, dismissAll },
-      children: [
-        children,
-        /* @__PURE__ */ jsx28(
-          "div",
-          {
-            className: `fixed z-[100] flex flex-col gap-2 ${positionClasses[position]}`,
-            children: toasts.map((t) => /* @__PURE__ */ jsx28(ToastItem, { toast: t, onDismiss: () => dismiss(t.id) }, t.id))
-          }
-        )
-      ]
-    }
-  );
-}
-var TOAST_CONFIG = {
-  success: { Icon: CheckCircleIcon, accent: "bg-success", icon: "text-success" },
-  error: { Icon: AlertCircleIcon, accent: "bg-destructive", icon: "text-destructive" },
-  warning: { Icon: AlertTriangleIcon, accent: "bg-warning", icon: "text-warning" },
-  info: { Icon: InfoIcon, accent: "bg-info", icon: "text-info" }
-};
-function ToastItem({ toast, onDismiss }) {
-  const { Icon: Icon2, accent, icon } = TOAST_CONFIG[toast.type];
-  const [exiting, setExiting] = useState20(false);
-  useEffect23(() => {
-    if (exiting) {
-      const timer = setTimeout(onDismiss, 150);
-      return () => clearTimeout(timer);
-    }
-  }, [exiting, onDismiss]);
-  return /* @__PURE__ */ jsxs10(
-    "div",
-    {
-      className: `
-        relative flex items-start gap-2.5 min-w-[260px] max-w-[360px]
-        overflow-hidden rounded-lg border border-border bg-popover
-        text-popover-foreground pl-3.5 pr-2 py-2.5 shadow-lg
-        ${exiting ? "animate-out fade-out-0 slide-out-to-right-2 duration-150" : "animate-in fade-in-0 slide-in-from-right-2 duration-200"}
-      `,
-      role: "alert",
-      children: [
-        /* @__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__ */ 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__ */ jsx28(CloseIcon, { className: "h-3.5 w-3.5" })
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/ui/ErrorBoundary.tsx
-import { AlertTriangle, RefreshCw } from "lucide-react";
-import { jsx as jsx29, jsxs as jsxs11 } from "react/jsx-runtime";
-var REACT_ERROR_TABLE = {
-  300: {
-    title: "A component changed how many hooks it runs",
-    explanation: "This component called fewer hooks than it did on its previous render.",
-    hint: "Almost always an early return placed above a hook. Move every hook (useState, useEffect, useQuery, \u2026) above any conditional return so the same hooks run in the same order on every render."
-  },
-  310: {
-    title: "A component changed how many hooks it runs",
-    explanation: "This component called more hooks than it did on its previous render.",
-    hint: "Almost always an early return placed above a hook. Move every hook (useState, useEffect, useQuery, \u2026) above any conditional return so the same hooks run in the same order on every render."
-  },
-  301: {
-    title: "Too many re-renders",
-    explanation: "React hit its render limit because the component updated state while rendering, which triggers an infinite render loop.",
-    hint: "Don\u2019t call setState (or a mutation) directly in the render body. Move it into an event handler or an effect with the right dependencies."
-  },
-  321: {
-    title: "A hook was called in an invalid place",
-    explanation: "Hooks can only be called at the top level of a function component or another hook.",
-    hint: "Move the hook out of any condition, loop, callback, or plain (non-component) function. This can also mean two copies of React are installed."
-  }
-};
-function extractReactErrorCode(message) {
-  const patterns = [/react\.dev\/errors\/(\d+)/, /invariant=(\d+)/, /Minified React error #(\d+)/];
-  for (const re of patterns) {
-    const match = message.match(re);
-    if (match) return Number(match[1]);
-  }
-  return null;
-}
-function errorMessage(error) {
-  if (typeof error === "string") return error;
-  if (error instanceof Error) return error.message;
-  return null;
-}
-function decodeReactError(error) {
-  const message = errorMessage(error);
-  if (!message) return null;
-  const code = extractReactErrorCode(message);
-  if (code == null) return null;
-  const known = REACT_ERROR_TABLE[code];
-  return {
-    code,
-    docsUrl: `https://react.dev/errors/${code}`,
-    title: known?.title ?? `React error #${code}`,
-    explanation: known?.explanation ?? "React stopped rendering because of an error.",
-    hint: known?.hint ?? "Run the app in development (npm run dev) to see the full, unminified message and the component that failed."
-  };
-}
-function ErrorScreen({ error, onReset }) {
-  const decoded = decodeReactError(error);
-  const rawMessage = error instanceof Error ? error.message : typeof error === "string" ? error : "";
-  const stack = error instanceof Error ? error.stack : void 0;
-  const reset = onReset ?? (() => window.location.reload());
-  return /* @__PURE__ */ jsx29(
-    "div",
-    {
-      "data-testid": "ds-error-boundary",
-      className: "flex h-full min-h-[60vh] flex-col items-center justify-center bg-background px-4 py-10 text-foreground",
-      children: /* @__PURE__ */ jsxs11("div", { className: "w-full max-w-lg text-center", children: [
-        /* @__PURE__ */ jsx29("div", { className: "mb-4 flex justify-center", children: /* @__PURE__ */ jsx29("span", { className: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-destructive/10 text-destructive", children: /* @__PURE__ */ jsx29(AlertTriangle, { className: "h-6 w-6", "aria-hidden": true }) }) }),
-        /* @__PURE__ */ jsx29("h1", { className: "text-lg font-semibold tracking-tight", children: decoded?.title ?? "Something went wrong" }),
-        decoded?.explanation && /* @__PURE__ */ jsx29("p", { className: "mt-1.5 text-sm text-muted-foreground", children: decoded.explanation }),
-        decoded?.hint && /* @__PURE__ */ jsxs11(Alert, { variant: "warning", className: "mt-4 text-left", children: [
-          /* @__PURE__ */ jsx29(AlertTitle, { children: "How to fix" }),
-          /* @__PURE__ */ jsx29(AlertDescription, { children: decoded.hint })
-        ] }),
-        rawMessage && /* @__PURE__ */ jsx29("pre", { className: "mt-4 overflow-x-auto rounded-lg border bg-muted/40 px-3 py-2 text-left text-xs text-muted-foreground", children: rawMessage }),
-        stack && /* @__PURE__ */ jsxs11("details", { className: "mt-2 text-left", children: [
-          /* @__PURE__ */ jsx29("summary", { className: "cursor-pointer text-xs text-muted-foreground", children: "Show stack trace" }),
-          /* @__PURE__ */ jsx29("pre", { className: "mt-1 max-h-60 overflow-auto rounded-lg border bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: stack })
-        ] }),
-        /* @__PURE__ */ jsxs11("div", { className: "mt-6 flex items-center justify-center gap-3", children: [
-          /* @__PURE__ */ jsxs11(Button, { onClick: reset, children: [
-            /* @__PURE__ */ jsx29(RefreshCw, { className: "h-4 w-4", "aria-hidden": true }),
-            "Reload"
-          ] }),
-          decoded && /* @__PURE__ */ jsxs11(
-            "a",
-            {
-              href: decoded.docsUrl,
-              target: "_blank",
-              rel: "noreferrer",
-              className: "text-sm text-muted-foreground underline-offset-4 hover:underline",
-              children: [
-                "React error #",
-                decoded.code,
-                " reference"
-              ]
-            }
-          )
-        ] })
-      ] })
-    }
-  );
-}
-
-// src/ui/EmptyState.tsx
-import { FileText, Search, Inbox, Plus, FolderOpen, Users, AlertCircle } from "lucide-react";
-import { jsx as jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
-function EmptyState({
-  icon,
-  title,
-  description,
-  action,
-  secondaryAction,
-  className = "",
-  ...rest
-}) {
-  return /* @__PURE__ */ jsxs12("div", { className: cn("flex flex-col items-center justify-center py-16 px-4 text-center", className), ...rest, children: [
-    icon && /* @__PURE__ */ jsx30("div", { className: "w-16 h-16 rounded-2xl bg-muted/50 border border-border flex items-center justify-center mb-5", children: /* @__PURE__ */ jsx30("span", { className: "text-muted-foreground", children: icon }) }),
-    /* @__PURE__ */ jsx30("h3", { className: "text-lg font-semibold text-foreground mb-2", children: title }),
-    description && /* @__PURE__ */ jsx30("p", { className: "text-muted-foreground text-sm max-w-sm mb-6", children: description }),
-    (action || secondaryAction) && /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-3", children: [
-      action && /* @__PURE__ */ jsxs12(
-        "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__ */ jsx30(Plus, { className: "w-4 h-4" }),
-            action.label
-          ]
-        }
-      ),
-      secondaryAction && /* @__PURE__ */ jsx30(
-        "button",
-        {
-          onClick: secondaryAction.onClick,
-          className: "px-4 py-2 text-sm text-muted-foreground hover:text-foreground transition-colors",
-          children: secondaryAction.label
-        }
-      )
-    ] })
-  ] });
-}
-function EmptyItems({ action, className }) {
-  return /* @__PURE__ */ jsx30(
-    EmptyState,
-    {
-      icon: /* @__PURE__ */ jsx30(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,
-      className
-    }
-  );
-}
-function EmptySearch({ query, onClear, className }) {
-  return /* @__PURE__ */ jsx30(
-    EmptyState,
-    {
-      icon: /* @__PURE__ */ jsx30(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,
-      className
-    }
-  );
-}
-function EmptyDocuments({ action, className }) {
-  return /* @__PURE__ */ jsx30(
-    EmptyState,
-    {
-      icon: /* @__PURE__ */ jsx30(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,
-      className
-    }
-  );
-}
-function EmptyProjects({ action, className }) {
-  return /* @__PURE__ */ jsx30(
-    EmptyState,
-    {
-      icon: /* @__PURE__ */ jsx30(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,
-      className
-    }
-  );
-}
-function EmptyTeam({ action, className }) {
-  return /* @__PURE__ */ jsx30(
-    EmptyState,
-    {
-      icon: /* @__PURE__ */ jsx30(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,
-      className
-    }
-  );
-}
-function EmptyError({ error, onRetry, className }) {
-  return /* @__PURE__ */ jsx30(
-    EmptyState,
-    {
-      icon: /* @__PURE__ */ jsx30(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,
-      className
-    }
-  );
-}
-
-// src/ui/Dialog.tsx
-import * as React22 from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { X } from "lucide-react";
-import { jsx as jsx31, jsxs as jsxs13 } 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__ */ jsx31(
-  DialogPrimitive.Overlay,
-  {
-    ref,
-    className: cn(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    ),
-    ...props
-  }
-));
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React22.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(DialogPortal, { children: [
-  /* @__PURE__ */ jsx31(DialogOverlay, {}),
-  /* @__PURE__ */ jsxs13(
-    DialogPrimitive.Content,
-    {
-      ref,
-      className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-[calc(100vw-2rem)] sm:max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-border bg-background/95 backdrop-blur-2xl p-4 sm:p-6 shadow-card-hover duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 sm:rounded-2xl",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxs13(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__ */ jsx31(X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx31("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx31(
-  "div",
-  {
-    className: cn(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      className
-    ),
-    ...props
-  }
-);
-DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx31(
-  "div",
-  {
-    className: cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
-    ),
-    ...props
-  }
-);
-DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
-  DialogPrimitive.Title,
-  {
-    ref,
-    className: cn(
-      "text-lg font-semibold leading-none tracking-tight",
-      className
-    ),
-    ...props
-  }
-));
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
-  DialogPrimitive.Description,
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-
-// src/ui/DropdownMenu.tsx
-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 jsx32, jsxs as jsxs14 } 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__ */ jsxs14(
-  DropdownMenuPrimitive.SubTrigger,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-2 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      inset && "pl-8",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx32(ChevronRight, { className: "ml-auto" })
-    ]
-  }
-));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
-  DropdownMenuPrimitive.SubContent,
-  {
-    ref,
-    className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React23.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx32(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx32(
-  DropdownMenuPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "z-50 min-w-[8rem] max-w-[calc(100vw-1rem)] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
-      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-) }));
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx32(
-  DropdownMenuPrimitive.Item,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
-      inset && "pl-8",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React23.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs14(
-  DropdownMenuPrimitive.CheckboxItem,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-2 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    checked,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx32("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx32(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx32(Check3, { className: "h-4 w-4" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
-  DropdownMenuPrimitive.RadioItem,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-2 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx32("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx32(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx32(Circle, { className: "h-2 w-2 fill-current" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx32(
-  DropdownMenuPrimitive.Label,
-  {
-    ref,
-    className: cn(
-      "px-2 py-1.5 text-sm font-semibold",
-      inset && "pl-8",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
-  DropdownMenuPrimitive.Separator,
-  {
-    ref,
-    className: cn("-mx-1 my-1 h-px bg-muted", className),
-    ...props
-  }
-));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-var DropdownMenuShortcut = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx32(
-    "span",
-    {
-      className: cn("ml-auto text-xs tracking-widest opacity-60", className),
-      ...props
-    }
-  );
-};
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-
-// src/ui/Tooltip.tsx
-import * as React24 from "react";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx33 } 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__ */ jsx33(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx33(
-  TooltipPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-) }));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-
-// src/ui/Modal.tsx
-import { jsx as jsx34, jsxs as jsxs15 } from "react/jsx-runtime";
-function Modal({
-  open,
-  onClose,
-  children,
-  size = "md",
-  className
-}) {
-  const sizes = {
-    sm: "max-w-[calc(100vw-2rem)] sm:max-w-sm",
-    md: "max-w-[calc(100vw-2rem)] sm:max-w-lg",
-    lg: "max-w-[calc(100vw-2rem)] sm:max-w-2xl",
-    xl: "max-w-[calc(100vw-2rem)] sm:max-w-4xl"
-  };
-  return /* @__PURE__ */ jsx34(Dialog, { open, onOpenChange: (v) => {
-    if (!v) onClose();
-  }, children: /* @__PURE__ */ jsx34(DialogContent, { "aria-describedby": void 0, className: cn(sizes[size], "flex flex-col max-h-[85vh]", className), children }) });
-}
-function ModalHeader({ children, className = "" }) {
-  return /* @__PURE__ */ jsx34(DialogHeader, { className, children });
-}
-function ModalTitle({ children, className = "" }) {
-  return /* @__PURE__ */ jsx34(DialogTitle, { className, children });
-}
-function ModalDescription({ children, className = "" }) {
-  return /* @__PURE__ */ jsx34(DialogDescription, { className, children });
-}
-function ModalBody({ children, className = "" }) {
-  return /* @__PURE__ */ jsx34("div", { className: cn("flex-1 overflow-y-auto py-4", className), children });
-}
-function ModalFooter({ children, className = "" }) {
-  return /* @__PURE__ */ jsx34(DialogFooter, { className, children });
-}
-function ConfirmModal({
-  open,
-  onClose,
-  onConfirm,
-  title,
-  description,
-  confirmText = "Confirm",
-  cancelText = "Cancel",
-  variant = "destructive",
-  loading = false
-}) {
-  return /* @__PURE__ */ jsxs15(Modal, { open, onClose, size: "sm", children: [
-    /* @__PURE__ */ jsxs15(Modal.Header, { children: [
-      /* @__PURE__ */ jsx34(Modal.Title, { children: title }),
-      description && /* @__PURE__ */ jsx34(Modal.Description, { children: description })
-    ] }),
-    /* @__PURE__ */ jsxs15(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx34(Button, { variant: "ghost", onClick: onClose, disabled: loading, children: cancelText }),
-      /* @__PURE__ */ jsx34(Button, { variant, onClick: onConfirm, loading, children: confirmText })
-    ] })
-  ] });
-}
-Modal.Header = ModalHeader;
-Modal.Title = ModalTitle;
-Modal.Description = ModalDescription;
-Modal.Body = ModalBody;
-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 jsx35, jsxs as jsxs16 } from "react/jsx-runtime";
-var SearchInput = React25.forwardRef(
-  ({ className, onClear, value, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs16("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx35(Search2, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
-      /* @__PURE__ */ jsx35(
-        Input,
-        {
-          ref,
-          type: "search",
-          className: cn("pl-9 pr-9", className),
-          value,
-          ...props
-        }
-      ),
-      value && onClear && /* @__PURE__ */ jsx35(
-        "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__ */ jsx35(X2, { className: "h-4 w-4" })
-        }
-      )
-    ] });
-  }
-);
-SearchInput.displayName = "SearchInput";
 export {
   ASYNC_RESOURCE_DEFAULTS,
-  Alert,
-  AlertDescription,
-  AlertTitle,
   AuthGate,
   AuthOverlay,
-  Avatar,
-  AvatarFallback,
-  AvatarImage,
   Awareness,
-  Badge,
-  Button,
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardGrid,
-  CardHeader,
-  CardTitle,
-  Checkbox,
-  ConfirmModal,
   DEEPSPACE_THEME_PROPERTIES,
   DEFAULT_USER_COLORS,
   DeepSpaceAuthProvider,
   DeepSpaceThemeProvider,
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogOverlay,
-  DialogPortal,
-  DialogTitle,
-  DialogTrigger,
-  DropdownMenu,
-  DropdownMenuCheckboxItem,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuPortal,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuTrigger,
   ENV,
-  EmptyDocuments,
-  EmptyError,
-  EmptyItems,
-  EmptyProjects,
-  EmptySearch,
-  EmptyState,
-  EmptyTeam,
-  ErrorScreen,
-  GridCard,
   GuestBanner,
-  Input,
-  Label2 as Label,
-  LoadingOverlay,
-  LoadingSpinner,
   MSG,
   MSG_AWARENESS,
   MSG_SYNC,
@@ -7262,11 +5887,9 @@ export {
   MSG_SYNC_UPDATE,
   MSG_YJS_AWARENESS,
   MSG_YJS_SYNC,
-  Modal,
   PlatformContext,
   PlatformProvider,
   PricingTable,
-  Progress,
   ROLES,
   ROLE_ADMIN,
   ROLE_ANONYMOUS,
@@ -7275,58 +5898,19 @@ export {
   RecordProvider,
   RecordScope,
   ScopeRegistryProvider,
-  SearchInput,
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectLabel,
-  SelectSeparator,
-  SelectTrigger,
-  SelectValue,
-  Separator,
   SignedIn,
   SignedOut,
-  Skeleton,
-  SkeletonAvatar,
-  SkeletonCard,
-  SkeletonList,
-  SkeletonTable,
-  SkeletonText,
-  Switch,
-  Table,
-  TableBody,
-  TableCaption,
-  TableCell,
-  TableFooter,
-  TableHead,
-  TableHeader,
-  TableRow,
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger,
-  Textarea,
-  ToastProvider,
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
   applyDeepSpaceTheme,
   applyUIThemeTokens,
   authClient,
-  badgeVariants,
-  buttonVariants,
   canAutoLoadPagedResource,
   clampPagedResourceItems,
   clearAuthToken,
   clearDeepSpaceTheme,
   clientBuild,
-  cn,
   createDecoder,
   createEncoder,
   decodeAiStreamChunk,
-  decodeReactError,
   deriveLoadState,
   detectEnvironment,
   dispatch,
@@ -7406,10 +5990,10 @@ export {
   useRecordContext,
   useSession,
   useSubscription,
-  useToast,
   useUser,
   useUserLookup,
   useUsers,
+  useVoiceAgent,
   useYjsField,
   useYjsRoom,
   useYjsText,