deepspace 0.4.1 → 0.4.3

package/dist/index.js

@@ -4888,6 +4888,9 @@ async function request(method, endpoint, body, options) {
   } catch {
   }
   const controller = new AbortController();
+  const abortFromCaller = () => controller.abort();
+  if (options?.signal?.aborted) controller.abort();
+  else options?.signal?.addEventListener("abort", abortFromCaller, { once: true });
   const timeout = setTimeout(() => controller.abort(), timeoutMs);
   try {
     const res = await fetch(url, {
@@ -4924,6 +4927,7 @@ async function request(method, endpoint, body, options) {
     };
   } finally {
     clearTimeout(timeout);
+    options?.signal?.removeEventListener("abort", abortFromCaller);
   }
 }
 var integration = {
@@ -5017,8 +5021,364 @@ 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";
+
+// src/client/status-core.ts
+var ASYNC_RESOURCE_DEFAULTS = {
+  retry: 0,
+  retryDelayMs: 2e3,
+  slowAfterMs: 1e4
+};
+function isAsyncResourceSlow(input) {
+  return input.slowAfterMs > 0 && input.now - input.startedAt >= input.slowAfterMs;
+}
+function getPagedResourceCooldownMs(input) {
+  const failureCount = Math.max(1, input.failureCount);
+  return Math.min(input.maxRetryDelayMs, input.retryDelayMs * 2 ** (failureCount - 1));
+}
+function canAutoLoadPagedResource(input) {
+  return input.hasMore && !input.isLoading && input.cooldownUntil <= input.now;
+}
+function clampPagedResourceItems(input) {
+  if (input.maxItemsPerPage <= 0 || input.items.length <= input.maxItemsPerPage) {
+    return { items: input.items, droppedItemCount: 0 };
+  }
+  return {
+    items: input.items.slice(0, input.maxItemsPerPage),
+    droppedItemCount: input.items.length - input.maxItemsPerPage
+  };
+}
+function deriveLoadState(input) {
+  const auth = input.auth;
+  if (auth) {
+    if (!auth.isLoaded) return "loading";
+    if (auth.requireSignedIn && !auth.isSignedIn) return "signedOut";
+    if (auth.requireUser && auth.isSignedIn && auth.userLoading) return "loading";
+  }
+  const statuses = [...input.queries ?? [], ...input.resources ?? []];
+  if (statuses.some((item) => item.status === "error" || item.error)) return "error";
+  if (statuses.some((item) => item.status === "loading" || item.status === "idle")) return "loading";
+  if (input.empty) return "empty";
+  return "ready";
+}
+
+// src/client/status.ts
+function useAuthStatus(options = {}) {
+  const auth = useAuth();
+  const status = deriveLoadState({
+    auth: {
+      isLoaded: auth.isLoaded,
+      isSignedIn: auth.isSignedIn,
+      requireSignedIn: options.requireSignedIn
+    }
+  });
+  return {
+    ...auth,
+    status,
+    isReady: status === "ready"
+  };
+}
+function useAuthProfileReady(options = {}) {
+  const auth = useAuth();
+  const { user, isLoading: userLoading, refetch } = useUser();
+  const status = deriveLoadState({
+    auth: {
+      isLoaded: auth.isLoaded,
+      isSignedIn: auth.isSignedIn,
+      requireSignedIn: options.requireSignedIn,
+      requireUser: options.requireUser,
+      userLoading
+    }
+  });
+  return {
+    ...auth,
+    user,
+    userLoading,
+    refetchUser: refetch,
+    status,
+    isReady: status === "ready"
+  };
+}
+var useAuthReady = useAuthProfileReady;
+function useAsyncResource(fetcher, deps, options = {}) {
+  const enabled = options.enabled ?? true;
+  const keepPreviousData = options.keepPreviousData ?? true;
+  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(() => ({
+    status: enabled ? "loading" : "idle",
+    data: options.initialData ?? null,
+    error: null,
+    isRefreshing: false,
+    isSlow: false,
+    retryCount: 0
+  }));
+  const requestIdRef = useRef17(0);
+  const [reloadTick, setReloadTick] = useState17(0);
+  const reload = useCallback26(() => {
+    setReloadTick((tick) => tick + 1);
+  }, []);
+  useEffect20(() => {
+    if (!enabled) {
+      setState((prev) => ({ ...prev, status: "idle", isRefreshing: false, isSlow: false, retryCount: 0 }));
+      return;
+    }
+    const requestId = ++requestIdRef.current;
+    const controller = new AbortController();
+    let retryTimer = null;
+    let slowTimer = null;
+    setState((prev) => {
+      const hasData = keepPreviousData && prev.data != null;
+      return {
+        ...prev,
+        status: hasData ? "ready" : "loading",
+        error: null,
+        isRefreshing: hasData,
+        isSlow: false,
+        data: hasData ? prev.data : options.initialData ?? null,
+        retryCount: 0
+      };
+    });
+    if (slowAfterMs > 0) {
+      const startedAt = Date.now();
+      slowTimer = setTimeout(() => {
+        if (requestIdRef.current !== requestId || controller.signal.aborted) return;
+        setState((prev) => ({
+          ...prev,
+          isSlow: isAsyncResourceSlow({ startedAt, now: Date.now(), slowAfterMs })
+        }));
+      }, slowAfterMs);
+    }
+    const wait = (ms) => new Promise((resolve) => {
+      retryTimer = setTimeout(resolve, ms);
+    });
+    const load = async () => {
+      let attempt = 0;
+      while (!controller.signal.aborted) {
+        try {
+          const data = await fetcher(controller.signal);
+          if (requestIdRef.current !== requestId || controller.signal.aborted) return;
+          if (slowTimer) clearTimeout(slowTimer);
+          setState({ status: "ready", data, error: null, isRefreshing: false, isSlow: false, retryCount: attempt });
+          return;
+        } catch (err) {
+          if (requestIdRef.current !== requestId || controller.signal.aborted) return;
+          const message = err instanceof Error ? err.message : "Request failed";
+          if (attempt < retry) {
+            attempt += 1;
+            setState((prev) => ({
+              ...prev,
+              error: message,
+              retryCount: attempt,
+              isRefreshing: keepPreviousData && prev.data != null
+            }));
+            await wait(retryDelayMs);
+            continue;
+          }
+          if (slowTimer) clearTimeout(slowTimer);
+          setState((prev) => ({
+            status: keepPreviousData && prev.data != null ? "ready" : "error",
+            data: keepPreviousData ? prev.data : null,
+            error: message,
+            isRefreshing: false,
+            isSlow: false,
+            retryCount: attempt
+          }));
+          return;
+        }
+      }
+    };
+    load();
+    return () => {
+      if (retryTimer) clearTimeout(retryTimer);
+      if (slowTimer) clearTimeout(slowTimer);
+      controller.abort();
+    };
+  }, [enabled, keepPreviousData, retry, retryDelayMs, slowAfterMs, reloadTick, ...deps]);
+  return useMemo15(() => ({ ...state, reload }), [state, reload]);
+}
+function usePagedResource(fetchPage, deps, options = {}) {
+  const enabled = options.enabled ?? true;
+  const initialItems = options.initialItems ?? [];
+  const pageSize = options.pageSize ?? 20;
+  const maxItemsPerPage = options.maxItemsPerPage ?? pageSize;
+  const keepPreviousData = options.keepPreviousData ?? true;
+  const autoRetryOnError = options.autoRetryOnError ?? false;
+  const retryDelayMs = options.retryDelayMs ?? ASYNC_RESOURCE_DEFAULTS.retryDelayMs;
+  const maxRetryDelayMs = options.maxRetryDelayMs ?? 3e4;
+  const hasInitialItems = initialItems.length > 0;
+  const [state, setState] = useState17(() => ({
+    status: enabled ? hasInitialItems ? "ready" : "loading" : "idle",
+    items: initialItems,
+    error: null,
+    warning: null,
+    hasMore: true,
+    isLoadingInitial: enabled && !hasInitialItems,
+    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(() => {
+    if (autoRetryTimerRef.current) {
+      clearTimeout(autoRetryTimerRef.current);
+      autoRetryTimerRef.current = null;
+    }
+  }, []);
+  const resetCooldown = useCallback26(() => {
+    failureCountRef.current = 0;
+    cooldownUntilRef.current = 0;
+  }, []);
+  const setFailureCooldown = useCallback26(() => {
+    failureCountRef.current += 1;
+    const delay = getPagedResourceCooldownMs({
+      failureCount: failureCountRef.current,
+      retryDelayMs,
+      maxRetryDelayMs
+    });
+    cooldownUntilRef.current = Date.now() + delay;
+    return delay;
+  }, [maxRetryDelayMs, retryDelayMs]);
+  const startLoad = useCallback26(async (page, mode) => {
+    if (!enabled || loadingRef.current) return;
+    if (mode === "auto" && !canAutoLoadPagedResource({
+      hasMore: true,
+      isLoading: false,
+      now: Date.now(),
+      cooldownUntil: cooldownUntilRef.current
+    })) {
+      return;
+    }
+    clearAutoRetryTimer();
+    loadingRef.current = true;
+    const requestId = ++requestIdRef.current;
+    controllerRef.current?.abort();
+    const controller = new AbortController();
+    controllerRef.current = controller;
+    setState((prev) => {
+      const hasItems = prev.items.length > 0;
+      return {
+        ...prev,
+        status: hasItems && mode !== "refresh" ? "ready" : "loading",
+        error: mode === "auto" && prev.error ? prev.error : null,
+        warning: null,
+        isLoadingInitial: !hasItems && mode !== "refresh",
+        isLoadingMore: hasItems && mode !== "refresh",
+        isRefreshing: mode === "refresh" && hasItems,
+        items: mode === "refresh" && !keepPreviousData ? [] : prev.items
+      };
+    });
+    try {
+      const result = await fetchPage({ page, pageSize, signal: controller.signal });
+      if (requestIdRef.current !== requestId || controller.signal.aborted) return;
+      const { items: pageItems, droppedItemCount } = clampPagedResourceItems({
+        items: result.items,
+        maxItemsPerPage
+      });
+      resetCooldown();
+      failedPageRef.current = null;
+      nextPageRef.current = page + 1;
+      setState((prev) => ({
+        status: "ready",
+        items: page === 1 || mode === "refresh" ? pageItems : [...prev.items, ...pageItems],
+        error: null,
+        warning: droppedItemCount > 0 ? `The last API page returned ${result.items.length} items; only ${pageItems.length} were kept. Request a smaller page from the API instead of fetching the whole feed.` : null,
+        hasMore: droppedItemCount > 0 || (result.hasMore ?? result.items.length >= pageSize),
+        isLoadingInitial: false,
+        isLoadingMore: false,
+        isRefreshing: false
+      }));
+    } catch (err) {
+      if (requestIdRef.current !== requestId || controller.signal.aborted) return;
+      const message = err instanceof Error ? err.message : "Request failed";
+      failedPageRef.current = page;
+      const cooldownMs = setFailureCooldown();
+      setState((prev) => {
+        const hasItems = prev.items.length > 0;
+        return {
+          ...prev,
+          status: hasItems ? "ready" : "error",
+          error: message,
+          warning: prev.warning,
+          hasMore: hasItems ? prev.hasMore : false,
+          isLoadingInitial: false,
+          isLoadingMore: false,
+          isRefreshing: false
+        };
+      });
+      if (autoRetryOnError) {
+        autoRetryTimerRef.current = setTimeout(() => {
+          autoRetryTimerRef.current = null;
+          void startLoad(page, "auto");
+        }, cooldownMs);
+      }
+    } finally {
+      if (requestIdRef.current === requestId) {
+        loadingRef.current = false;
+        controllerRef.current = null;
+      }
+    }
+  }, [autoRetryOnError, clearAutoRetryTimer, enabled, fetchPage, keepPreviousData, pageSize, resetCooldown, setFailureCooldown]);
+  const loadMore = useCallback26(() => {
+    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 page = failedPageRef.current ?? nextPageRef.current;
+    void startLoad(page, "manual");
+  }, [startLoad]);
+  const refresh = useCallback26(() => {
+    failedPageRef.current = null;
+    resetCooldown();
+    nextPageRef.current = 1;
+    void startLoad(1, "refresh");
+  }, [resetCooldown, startLoad]);
+  useEffect20(() => {
+    requestIdRef.current += 1;
+    controllerRef.current?.abort();
+    clearAutoRetryTimer();
+    loadingRef.current = false;
+    failedPageRef.current = null;
+    resetCooldown();
+    nextPageRef.current = hasInitialItems ? 2 : 1;
+    setState({
+      status: enabled ? hasInitialItems ? "ready" : "loading" : "idle",
+      items: initialItems,
+      error: null,
+      warning: null,
+      hasMore: true,
+      isLoadingInitial: enabled && !hasInitialItems,
+      isLoadingMore: false,
+      isRefreshing: false
+    });
+    if (enabled && !hasInitialItems) {
+      void startLoad(1, "auto");
+    }
+    return () => {
+      requestIdRef.current += 1;
+      controllerRef.current?.abort();
+      clearAutoRetryTimer();
+      loadingRef.current = false;
+    };
+  }, [enabled, pageSize, maxItemsPerPage, keepPreviousData, autoRetryOnError, retryDelayMs, maxRetryDelayMs, ...deps]);
+  return useMemo15(() => ({
+    ...state,
+    loadMore,
+    retry,
+    refresh
+  }), [loadMore, refresh, retry, state]);
+}
+
 // src/client/subscriptions/useSubscription.ts
-import { useCallback as useCallback26, useEffect as useEffect20, useState as useState17 } from "react";
+import { useCallback as useCallback27, useEffect as useEffect21, useState as useState18 } from "react";
 
 // src/shared/subscription.ts
 var ENTITLED_STATUSES = /* @__PURE__ */ new Set([
@@ -5049,7 +5409,7 @@ async function authedJson(path, init) {
   return data;
 }
 function useSubscription() {
-  const [state, setState] = useState17({
+  const [state, setState] = useState18({
     tier: "free",
     status: "none",
     interval: null,
@@ -5058,9 +5418,9 @@ function useSubscription() {
     trialEndsAt: null,
     plans: []
   });
-  const [isLoading, setLoading] = useState17(true);
-  const [error, setError] = useState17(null);
-  const refresh = useCallback26(async () => {
+  const [isLoading, setLoading] = useState18(true);
+  const [error, setError] = useState18(null);
+  const refresh = useCallback27(async () => {
     setLoading(true);
     try {
       const r = await authedJson("/_deepspace/subscriptions/me");
@@ -5080,15 +5440,15 @@ function useSubscription() {
       setLoading(false);
     }
   }, []);
-  useEffect20(() => {
+  useEffect21(() => {
     refresh();
   }, [refresh]);
   const entitled = isEntitled(state.tier, state.status);
-  const hasTier = useCallback26(
+  const hasTier = useCallback27(
     (slug) => state.tier === slug && isEntitled(state.tier, state.status),
     [state.tier, state.status]
   );
-  const isAtLeast = useCallback26(
+  const isAtLeast = useCallback27(
     (slug) => {
       if (!isEntitled(state.tier, state.status)) return false;
       const targetRank = state.plans.find((p) => p.slug === slug)?.rank;
@@ -5098,7 +5458,7 @@ function useSubscription() {
     },
     [state.plans, state.tier, state.status]
   );
-  const subscribe = useCallback26(
+  const subscribe = useCallback27(
     async (planSlug, opts) => {
       const result = await authedJson("/_deepspace/subscriptions/checkout", {
         method: "POST",
@@ -5118,7 +5478,7 @@ function useSubscription() {
     },
     [refresh]
   );
-  const openPortal = useCallback26(
+  const openPortal = useCallback27(
     async (returnUrl) => {
       return authedJson("/_deepspace/subscriptions/portal", {
         method: "POST",
@@ -5187,7 +5547,7 @@ function PricingTable(props) {
 }
 
 // src/client/charges/useCheckout.ts
-import { useCallback as useCallback27, useEffect as useEffect21, useMemo as useMemo15, useState as useState18 } from "react";
+import { useCallback as useCallback28, useEffect as useEffect22, useMemo as useMemo16, useState as useState19 } from "react";
 async function authedJson2(path, init) {
   const token = await getAuthToken();
   const res = await fetch(path, {
@@ -5206,10 +5566,10 @@ async function authedJson2(path, init) {
   return data;
 }
 function useCheckout(opts) {
-  const [purchases, setPurchases] = useState18([]);
-  const [isLoading, setLoading] = useState18(true);
-  const [error, setError] = useState18(null);
-  const refresh = useCallback27(async () => {
+  const [purchases, setPurchases] = useState19([]);
+  const [isLoading, setLoading] = useState19(true);
+  const [error, setError] = useState19(null);
+  const refresh = useCallback28(async () => {
     setLoading(true);
     try {
       const r = await authedJson2(
@@ -5223,10 +5583,10 @@ function useCheckout(opts) {
       setLoading(false);
     }
   }, []);
-  useEffect21(() => {
+  useEffect22(() => {
     refresh();
   }, [refresh]);
-  const chargeOnce = useCallback27(
+  const chargeOnce = useCallback28(
     async (chargeOpts) => {
       setError(null);
       const common = {
@@ -5260,11 +5620,11 @@ function useCheckout(opts) {
     },
     []
   );
-  const ownsProduct = useCallback27(
+  const ownsProduct = useCallback28(
     (productId) => purchases.some((p) => p.productId === productId),
     [purchases]
   );
-  const owned = useMemo15(
+  const owned = useMemo16(
     () => !!opts?.productId && purchases.some((p) => p.productId === opts.productId),
     [opts?.productId, purchases]
   );
@@ -5516,13 +5876,14 @@ var buttonVariants = cva(
   }
 );
 var Button = React11.forwardRef(
-  ({ className, variant, size, asChild = false, loading = false, disabled, children, ...props }, ref) => {
+  ({ 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: [
@@ -6111,9 +6472,9 @@ AlertDescription.displayName = "AlertDescription";
 import {
   createContext as createContext4,
   useContext as useContext6,
-  useState as useState19,
-  useCallback as useCallback28,
-  useEffect as useEffect22
+  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 }) {
@@ -6160,14 +6521,14 @@ function ToastProvider({
   position = "bottom-right",
   maxToasts = 5
 }) {
-  const [toasts, setToasts] = useState19([]);
-  const dismiss = useCallback28((id) => {
+  const [toasts, setToasts] = useState20([]);
+  const dismiss = useCallback29((id) => {
     setToasts((prev) => prev.filter((t) => t.id !== id));
   }, []);
-  const dismissAll = useCallback28(() => {
+  const dismissAll = useCallback29(() => {
     setToasts([]);
   }, []);
-  const addToast = useCallback28(
+  const addToast = useCallback29(
     (options) => {
       const id = Math.random().toString(36).slice(2);
       const duration = options.duration ?? 5e3;
@@ -6181,23 +6542,23 @@ function ToastProvider({
     },
     [dismiss, maxToasts]
   );
-  const toast = useCallback28(
+  const toast = useCallback29(
     (options) => addToast(options),
     [addToast]
   );
-  const success = useCallback28(
+  const success = useCallback29(
     (title, description) => addToast({ type: "success", title, description }),
     [addToast]
   );
-  const error = useCallback28(
+  const error = useCallback29(
     (title, description) => addToast({ type: "error", title, description }),
     [addToast]
   );
-  const warning = useCallback28(
+  const warning = useCallback29(
     (title, description) => addToast({ type: "warning", title, description }),
     [addToast]
   );
-  const info = useCallback28(
+  const info = useCallback29(
     (title, description) => addToast({ type: "info", title, description }),
     [addToast]
   );
@@ -6234,8 +6595,8 @@ var TOAST_CONFIG = {
 };
 function ToastItem({ toast, onDismiss }) {
   const { Icon: Icon2, accent, icon } = TOAST_CONFIG[toast.type];
-  const [exiting, setExiting] = useState19(false);
-  useEffect22(() => {
+  const [exiting, setExiting] = useState20(false);
+  useEffect23(() => {
     if (exiting) {
       const timer = setTimeout(onDismiss, 150);
       return () => clearTimeout(timer);
@@ -6272,9 +6633,109 @@ function ToastItem({ toast, onDismiss }) {
   );
 }
 
+// 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 jsx29, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
 function EmptyState({
   icon,
   title,
@@ -6284,23 +6745,23 @@ function EmptyState({
   className = "",
   ...rest
 }) {
-  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(
+  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__ */ jsx29(Plus, { className: "w-4 h-4" }),
+            /* @__PURE__ */ jsx30(Plus, { className: "w-4 h-4" }),
             action.label
           ]
         }
       ),
-      secondaryAction && /* @__PURE__ */ jsx29(
+      secondaryAction && /* @__PURE__ */ jsx30(
         "button",
         {
           onClick: secondaryAction.onClick,
@@ -6312,10 +6773,10 @@ function EmptyState({
   ] });
 }
 function EmptyItems({ action, className }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     EmptyState,
     {
-      icon: /* @__PURE__ */ jsx29(Inbox, { className: "w-8 h-8" }),
+      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,
@@ -6324,10 +6785,10 @@ function EmptyItems({ action, className }) {
   );
 }
 function EmptySearch({ query, onClear, className }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     EmptyState,
     {
-      icon: /* @__PURE__ */ jsx29(Search, { className: "w-8 h-8" }),
+      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,
@@ -6336,10 +6797,10 @@ function EmptySearch({ query, onClear, className }) {
   );
 }
 function EmptyDocuments({ action, className }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     EmptyState,
     {
-      icon: /* @__PURE__ */ jsx29(FileText, { className: "w-8 h-8" }),
+      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,
@@ -6348,10 +6809,10 @@ function EmptyDocuments({ action, className }) {
   );
 }
 function EmptyProjects({ action, className }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     EmptyState,
     {
-      icon: /* @__PURE__ */ jsx29(FolderOpen, { className: "w-8 h-8" }),
+      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,
@@ -6360,10 +6821,10 @@ function EmptyProjects({ action, className }) {
   );
 }
 function EmptyTeam({ action, className }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     EmptyState,
     {
-      icon: /* @__PURE__ */ jsx29(Users, { className: "w-8 h-8" }),
+      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,
@@ -6372,10 +6833,10 @@ function EmptyTeam({ action, className }) {
   );
 }
 function EmptyError({ error, onRetry, className }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     EmptyState,
     {
-      icon: /* @__PURE__ */ jsx29(AlertCircle, { className: "w-8 h-8 text-destructive" }),
+      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,
@@ -6388,12 +6849,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 jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
+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__ */ jsx30(
+var DialogOverlay = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -6405,9 +6866,9 @@ var DialogOverlay = React22.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React22.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs12(DialogPortal, { children: [
-  /* @__PURE__ */ jsx30(DialogOverlay, {}),
-  /* @__PURE__ */ jsxs12(
+var DialogContent = React22.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(DialogPortal, { children: [
+  /* @__PURE__ */ jsx31(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs13(
     DialogPrimitive.Content,
     {
       ref,
@@ -6418,9 +6879,9 @@ var DialogContent = React22.forwardRef(({ className, children, ...props }, ref)
       ...props,
       children: [
         children,
-        /* @__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" })
+        /* @__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" })
         ] })
       ]
     }
@@ -6430,7 +6891,7 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx30(
+}) => /* @__PURE__ */ jsx31(
   "div",
   {
     className: cn(
@@ -6444,7 +6905,7 @@ DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx30(
+}) => /* @__PURE__ */ jsx31(
   "div",
   {
     className: cn(
@@ -6455,7 +6916,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+var DialogTitle = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   DialogPrimitive.Title,
   {
     ref,
@@ -6467,7 +6928,7 @@ var DialogTitle = React22.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+var DialogDescription = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   DialogPrimitive.Description,
   {
     ref,
@@ -6481,14 +6942,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 jsx31, jsxs as jsxs13 } from "react/jsx-runtime";
+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__ */ jsxs13(
+var DropdownMenuSubTrigger = React23.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -6500,12 +6961,12 @@ var DropdownMenuSubTrigger = React23.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx31(ChevronRight, { className: "ml-auto" })
+      /* @__PURE__ */ jsx32(ChevronRight, { className: "ml-auto" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var DropdownMenuSubContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -6517,7 +6978,7 @@ var DropdownMenuSubContent = React23.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React23.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx31(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx31(
+var DropdownMenuContent = React23.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx32(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx32(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -6531,7 +6992,7 @@ var DropdownMenuContent = React23.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx31(
+var DropdownMenuItem = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx32(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -6544,7 +7005,7 @@ var DropdownMenuItem = React23.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React23.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs13(
+var DropdownMenuCheckboxItem = React23.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs14(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -6555,13 +7016,13 @@ var DropdownMenuCheckboxItem = React23.forwardRef(({ className, children, checke
     checked,
     ...props,
     children: [
-      /* @__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" }) }) }),
+      /* @__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__ */ jsxs13(
+var DropdownMenuRadioItem = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -6571,13 +7032,13 @@ var DropdownMenuRadioItem = React23.forwardRef(({ className, children, ...props
     ),
     ...props,
     children: [
-      /* @__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" }) }) }),
+      /* @__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__ */ jsx31(
+var DropdownMenuLabel = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx32(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -6590,7 +7051,7 @@ var DropdownMenuLabel = React23.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var DropdownMenuSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -6603,7 +7064,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "span",
     {
       className: cn("ml-auto text-xs tracking-widest opacity-60", className),
@@ -6616,11 +7077,11 @@ DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 // src/ui/Tooltip.tsx
 import * as React24 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx32 } from "react/jsx-runtime";
+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__ */ jsx32(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx32(
+var TooltipContent = React24.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx33(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx33(
   TooltipPrimitive.Content,
   {
     ref,
@@ -6635,7 +7096,7 @@ var TooltipContent = React24.forwardRef(({ className, sideOffset = 4, ...props }
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/ui/Modal.tsx
-import { jsx as jsx33, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs15 } from "react/jsx-runtime";
 function Modal({
   open,
   onClose,
@@ -6649,24 +7110,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__ */ jsx33(Dialog, { open, onOpenChange: (v) => {
+  return /* @__PURE__ */ jsx34(Dialog, { open, onOpenChange: (v) => {
     if (!v) onClose();
-  }, children: /* @__PURE__ */ jsx33(DialogContent, { "aria-describedby": void 0, className: cn(sizes[size], "flex flex-col max-h-[85vh]", className), children }) });
+  }, 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__ */ jsx33(DialogHeader, { className, children });
+  return /* @__PURE__ */ jsx34(DialogHeader, { className, children });
 }
 function ModalTitle({ children, className = "" }) {
-  return /* @__PURE__ */ jsx33(DialogTitle, { className, children });
+  return /* @__PURE__ */ jsx34(DialogTitle, { className, children });
 }
 function ModalDescription({ children, className = "" }) {
-  return /* @__PURE__ */ jsx33(DialogDescription, { className, children });
+  return /* @__PURE__ */ jsx34(DialogDescription, { className, children });
 }
 function ModalBody({ children, className = "" }) {
-  return /* @__PURE__ */ jsx33("div", { className: cn("flex-1 overflow-y-auto py-4", className), children });
+  return /* @__PURE__ */ jsx34("div", { className: cn("flex-1 overflow-y-auto py-4", className), children });
 }
 function ModalFooter({ children, className = "" }) {
-  return /* @__PURE__ */ jsx33(DialogFooter, { className, children });
+  return /* @__PURE__ */ jsx34(DialogFooter, { className, children });
 }
 function ConfirmModal({
   open,
@@ -6679,14 +7140,14 @@ function ConfirmModal({
   variant = "destructive",
   loading = false
 }) {
-  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 })
+  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__ */ jsxs14(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx33(Button, { variant: "ghost", onClick: onClose, disabled: loading, children: cancelText }),
-      /* @__PURE__ */ jsx33(Button, { variant, onClick: onConfirm, loading, children: confirmText })
+    /* @__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 })
     ] })
   ] });
 }
@@ -6699,12 +7160,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 jsx34, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs16 } from "react/jsx-runtime";
 var SearchInput = React25.forwardRef(
   ({ className, onClear, value, ...props }, ref) => {
-    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(
+    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,
@@ -6714,13 +7175,13 @@ var SearchInput = React25.forwardRef(
           ...props
         }
       ),
-      value && onClear && /* @__PURE__ */ jsx34(
+      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__ */ jsx34(X2, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx35(X2, { className: "h-4 w-4" })
         }
       )
     ] });
@@ -6728,6 +7189,7 @@ var SearchInput = React25.forwardRef(
 );
 SearchInput.displayName = "SearchInput";
 export {
+  ASYNC_RESOURCE_DEFAULTS,
   Alert,
   AlertDescription,
   AlertTitle,
@@ -6785,6 +7247,7 @@ export {
   EmptySearch,
   EmptyState,
   EmptyTeam,
+  ErrorScreen,
   GridCard,
   GuestBanner,
   Input,
@@ -6854,6 +7317,8 @@ export {
   authClient,
   badgeVariants,
   buttonVariants,
+  canAutoLoadPagedResource,
+  clampPagedResourceItems,
   clearAuthToken,
   clearDeepSpaceTheme,
   clientBuild,
@@ -6861,6 +7326,8 @@ export {
   createDecoder,
   createEncoder,
   decodeAiStreamChunk,
+  decodeReactError,
+  deriveLoadState,
   detectEnvironment,
   dispatch,
   encode,
@@ -6878,6 +7345,7 @@ export {
   getConversationParticipantIds,
   getEnvironmentConfig,
   getMessageType,
+  getPagedResourceCooldownMs,
   getPlatformWorkerUrl,
   getThreadCounts,
   getUserColor,
@@ -6886,6 +7354,7 @@ export {
   handleSyncMessage,
   hasContent,
   integration,
+  isAsyncResourceSlow,
   isDMConversation,
   isDarkColor,
   isImageFile,
@@ -6903,7 +7372,11 @@ export {
   signOut,
   toConnectionStatus,
   toUint8Array,
+  useAsyncResource,
   useAuth,
+  useAuthProfileReady,
+  useAuthReady,
+  useAuthStatus,
   useAuthUser,
   useCanvas,
   useChannelMembers,
@@ -6920,6 +7393,7 @@ export {
   useJobs,
   useMessages,
   useMutations,
+  usePagedResource,
   usePlatform,
   usePlatformWS,
   usePosts,