deepspace 0.4.1 → 0.4.2

package/dist/index.d.ts

@@ -7447,6 +7447,43 @@ interface ToastProviderProps {
 }
 declare function ToastProvider({ children, position, maxToasts, }: ToastProviderProps): React__default.ReactElement;
 
+/**
+ * Error decoding + a friendly error screen.
+ *
+ * Production React replaces error text with a numeric code and a docs link
+ * (e.g. `Minified React error #310`), so a developer whose app crashes in a
+ * deployed build sees only the number. `decodeReactError` turns that number
+ * back into a plain-English explanation; `ErrorScreen` renders it. The most
+ * common offenders are the hook-order errors (#300 / #310), which almost
+ * always mean a hook was placed after an early `return`.
+ */
+interface DecodedReactError {
+    code: number;
+    title: string;
+    explanation: string;
+    hint: string;
+    docsUrl: string;
+}
+/**
+ * Decode a (possibly minified) React error into a friendly explanation, or
+ * `null` if it isn't a recognizable React error — in which case the caller
+ * should just show the raw message.
+ */
+declare function decodeReactError(error: unknown): DecodedReactError | null;
+interface ErrorScreenProps {
+    /** The thrown value, as caught by an error boundary (often non-Error). */
+    error: unknown;
+    /** Recovery action. Defaults to a full page reload. */
+    onReset?: () => void;
+}
+/**
+ * A self-contained crash screen. Renders standalone — it replaces the app
+ * shell when used as a root error boundary, so it must not depend on app
+ * providers (toasts, auth, theme context). It reuses only context-free
+ * primitives and reads its colors from the active theme's CSS variables.
+ */
+declare function ErrorScreen({ error, onReset }: ErrorScreenProps): react_jsx_runtime.JSX.Element;
+
 interface EmptyStateProps extends React__default.HTMLAttributes<HTMLDivElement> {
     icon?: ReactNode;
     title: string;
@@ -7595,4 +7632,4 @@ interface SearchInputProps extends Omit<React$1.ComponentProps<'input'>, 'type'>
 }
 declare const SearchInput: React$1.ForwardRefExoticComponent<Omit<SearchInputProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
 
-export { type AdHocChargeOpts, type AiStreamAction, type AiStreamChunk, Alert, AlertDescription, AlertTitle, AuthGate, type AuthGateProps, AuthOverlay, Avatar, AvatarFallback, AvatarImage, Awareness, type AwarenessState, type AwarenessStates, Badge, type BadgeProps, type BaseMessage, Button, type ButtonProps, type CanvasShapeClient, Card, CardContent, CardDescription, CardFooter, CardGrid, CardHeader, CardTitle, type Channel, type ChannelInvitation, type ChannelMember, type ChargeOnceOpts, type ChargeOnceResult, Checkbox, type ClientMessage, type CollectionSchema, ConfirmModal, type ConnectionAttachment, type ConnectionStatus, type ContentSegment, type ConversationObject, type CronHistoryEntry, type CronTaskState, DEEPSPACE_THEME_PROPERTIES, DEFAULT_USER_COLORS, DeepSpaceAuthProvider, type DeepSpaceThemeConfig, DeepSpaceThemeProvider, type DeepSpaceThemeProviderProps, 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, type Environment, type FetchUserProfile, type FileAttachment, type GamePlayer, GridCard, type GroupedReaction, GuestBanner, type HandlerContext, type InboxEntry, Input, type IntegrationResponse, type JobStatusView, type JobView, Label, type LinkPreviewData, LoadingOverlay, LoadingSpinner, MSG, MSG_AWARENESS, MSG_SYNC, MSG_SYNC_STEP1, MSG_SYNC_STEP2, MSG_SYNC_UPDATE, MSG_YJS_AWARENESS, MSG_YJS_SYNC, type MemberRecord, type Message, type MessageHandlers, type MessageRecord, Modal, type MsgType, type PlanInfo, PlatformContext, type PlatformContextValue, PlatformProvider, type PlatformWSOptions, type PlatformWSResult, type PresencePeerClient, PricingTable, type PricingTablePlan, type PricingTablePrice, type ProductChargeOpts, Progress, type ProtocolMessage, type Purchase, type Query, type R2FileInfo, type R2Scope, type R2UploadResult, ROLES, ROLE_ADMIN, ROLE_ANONYMOUS, ROLE_CONFIG, ROLE_DEFAULT, type Reaction, type ReactionRecord, type ReadCursorRecord, type ReadReceipt, type RecordData, RecordProvider, type RecordProviderProps, RecordScope, type RequestOptions, type Role, type RoomUser, type ScopeEntry, ScopeRegistryProvider, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, type ServerMessage, SignedIn, SignedOut, Skeleton, SkeletonAvatar, SkeletonCard, SkeletonList, SkeletonTable, SkeletonText, type SubscribeOpts, type SubscribeResult, type SubscriptionState, type SubscriptionStatus, Switch, type SyncResult, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ToastProvider, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseCanvasResult, type UseCheckoutOpts, type UseCronMonitorResult, type UseGameRoomResult, type UseJobsResult, type UsePresenceRoomResult, type UseR2FilesReturn, type UseYjsFieldResult, type UseYjsRoomResult, type UseYjsTextResult, type User, type UserCredits, type UserInfo, type UserKarma, type UserProfile, type ViewportClient, applyDeepSpaceTheme, applyUIThemeTokens, authClient, badgeVariants, buttonVariants, clearAuthToken, clearDeepSpaceTheme, clientBuild, cn, createDecoder, createEncoder, decodeAiStreamChunk, detectEnvironment, dispatch, encode, encodeAwarenessMessage, encodeSyncStep1, encodeSyncStep2, encodeUpdate, formatFileSize, formatFullTimestamp, formatMessageTime, getApiUrl, getAuthToken, getAuthUrl, getConversationDisplayName, getConversationParticipantIds, getEnvironmentConfig, getMessageType, getPlatformWorkerUrl, getThreadCounts, getUserColor, groupReactionsForMessage, handleAwarenessMessage, handleSyncMessage, hasContent, integration, isDMConversation, isDarkColor, isImageFile, isLocalDev, isProduction, parseMessageMetadata, parseSseLine, readThemeFromDOM, readVarUint, readVarUint8Array, resetEnvironmentCache, serverBuild, shouldGroupMessages, signIn, signOut, toConnectionStatus, toUint8Array, useAuth, useAuthUser, useCanvas, useChannelMembers, useChannels, useCheckout, useCommunities, useConversation, useConversations, useCronMonitor, useDisplayName, useGameRoom, useInbox, useIsDarkTheme, useJobs, useMessages, useMutations, usePlatform, usePlatformWS, usePosts, usePresence, usePresenceRoom, useQuery, useR2Files, useReactions, useReadReceipts, useRecordContext, useSession, useSubscription, useToast, useUser, useUserLookup, useUsers, useYjsField, useYjsRoom, useYjsText, writeVarUint, writeVarUint8Array };
+export { type AdHocChargeOpts, type AiStreamAction, type AiStreamChunk, Alert, AlertDescription, AlertTitle, AuthGate, type AuthGateProps, AuthOverlay, Avatar, AvatarFallback, AvatarImage, Awareness, type AwarenessState, type AwarenessStates, Badge, type BadgeProps, type BaseMessage, Button, type ButtonProps, type CanvasShapeClient, Card, CardContent, CardDescription, CardFooter, CardGrid, CardHeader, CardTitle, type Channel, type ChannelInvitation, type ChannelMember, type ChargeOnceOpts, type ChargeOnceResult, Checkbox, type ClientMessage, type CollectionSchema, ConfirmModal, type ConnectionAttachment, type ConnectionStatus, type ContentSegment, type ConversationObject, type CronHistoryEntry, type CronTaskState, DEEPSPACE_THEME_PROPERTIES, DEFAULT_USER_COLORS, type DecodedReactError, DeepSpaceAuthProvider, type DeepSpaceThemeConfig, DeepSpaceThemeProvider, type DeepSpaceThemeProviderProps, 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, type Environment, ErrorScreen, type ErrorScreenProps, type FetchUserProfile, type FileAttachment, type GamePlayer, GridCard, type GroupedReaction, GuestBanner, type HandlerContext, type InboxEntry, Input, type IntegrationResponse, type JobStatusView, type JobView, Label, type LinkPreviewData, LoadingOverlay, LoadingSpinner, MSG, MSG_AWARENESS, MSG_SYNC, MSG_SYNC_STEP1, MSG_SYNC_STEP2, MSG_SYNC_UPDATE, MSG_YJS_AWARENESS, MSG_YJS_SYNC, type MemberRecord, type Message, type MessageHandlers, type MessageRecord, Modal, type MsgType, type PlanInfo, PlatformContext, type PlatformContextValue, PlatformProvider, type PlatformWSOptions, type PlatformWSResult, type PresencePeerClient, PricingTable, type PricingTablePlan, type PricingTablePrice, type ProductChargeOpts, Progress, type ProtocolMessage, type Purchase, type Query, type R2FileInfo, type R2Scope, type R2UploadResult, ROLES, ROLE_ADMIN, ROLE_ANONYMOUS, ROLE_CONFIG, ROLE_DEFAULT, type Reaction, type ReactionRecord, type ReadCursorRecord, type ReadReceipt, type RecordData, RecordProvider, type RecordProviderProps, RecordScope, type RequestOptions, type Role, type RoomUser, type ScopeEntry, ScopeRegistryProvider, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, type ServerMessage, SignedIn, SignedOut, Skeleton, SkeletonAvatar, SkeletonCard, SkeletonList, SkeletonTable, SkeletonText, type SubscribeOpts, type SubscribeResult, type SubscriptionState, type SubscriptionStatus, Switch, type SyncResult, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ToastProvider, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseCanvasResult, type UseCheckoutOpts, type UseCronMonitorResult, type UseGameRoomResult, type UseJobsResult, type UsePresenceRoomResult, type UseR2FilesReturn, type UseYjsFieldResult, type UseYjsRoomResult, type UseYjsTextResult, type User, type UserCredits, type UserInfo, type UserKarma, type UserProfile, type ViewportClient, applyDeepSpaceTheme, applyUIThemeTokens, authClient, badgeVariants, buttonVariants, clearAuthToken, clearDeepSpaceTheme, clientBuild, cn, createDecoder, createEncoder, decodeAiStreamChunk, decodeReactError, detectEnvironment, dispatch, encode, encodeAwarenessMessage, encodeSyncStep1, encodeSyncStep2, encodeUpdate, formatFileSize, formatFullTimestamp, formatMessageTime, getApiUrl, getAuthToken, getAuthUrl, getConversationDisplayName, getConversationParticipantIds, getEnvironmentConfig, getMessageType, getPlatformWorkerUrl, getThreadCounts, getUserColor, groupReactionsForMessage, handleAwarenessMessage, handleSyncMessage, hasContent, integration, isDMConversation, isDarkColor, isImageFile, isLocalDev, isProduction, parseMessageMetadata, parseSseLine, readThemeFromDOM, readVarUint, readVarUint8Array, resetEnvironmentCache, serverBuild, shouldGroupMessages, signIn, signOut, toConnectionStatus, toUint8Array, useAuth, useAuthUser, useCanvas, useChannelMembers, useChannels, useCheckout, useCommunities, useConversation, useConversations, useCronMonitor, useDisplayName, useGameRoom, useInbox, useIsDarkTheme, useJobs, useMessages, useMutations, usePlatform, usePlatformWS, usePosts, usePresence, usePresenceRoom, useQuery, useR2Files, useReactions, useReadReceipts, useRecordContext, useSession, useSubscription, useToast, useUser, useUserLookup, useUsers, useYjsField, useYjsRoom, useYjsText, writeVarUint, writeVarUint8Array };

package/dist/index.js

@@ -6272,9 +6272,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 +6384,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 +6412,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 +6424,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 +6436,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 +6448,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 +6460,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 +6472,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 +6488,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 +6505,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 +6518,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 +6530,7 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx30(
+}) => /* @__PURE__ */ jsx31(
   "div",
   {
     className: cn(
@@ -6444,7 +6544,7 @@ DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx30(
+}) => /* @__PURE__ */ jsx31(
   "div",
   {
     className: cn(
@@ -6455,7 +6555,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 +6567,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 +6581,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 +6600,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 +6617,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 +6631,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 +6644,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 +6655,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 +6671,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 +6690,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 +6703,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 +6716,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 +6735,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 +6749,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 +6779,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 +6799,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 +6814,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" })
         }
       )
     ] });
@@ -6785,6 +6885,7 @@ export {
   EmptySearch,
   EmptyState,
   EmptyTeam,
+  ErrorScreen,
   GridCard,
   GuestBanner,
   Input,
@@ -6861,6 +6962,7 @@ export {
   createDecoder,
   createEncoder,
   decodeAiStreamChunk,
+  decodeReactError,
   detectEnvironment,
   dispatch,
   encode,