deepspace 0.4.0 → 0.4.2

package/dist/index.js

@@ -892,7 +892,35 @@ function AuthOverlay({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs2("div", { className: "mt-5 flex items-center justify-center gap-1.5 text-[11px] text-muted-foreground", children: [
+              /* @__PURE__ */ jsxs2("p", { className: "mt-5 text-xs leading-snug text-muted-foreground", children: [
+                "By continuing, you agree to the DeepSpace",
+                " ",
+                /* @__PURE__ */ jsx2(
+                  "a",
+                  {
+                    href: "https://deep.space/terms",
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    className: "underline hover:text-foreground",
+                    children: "Terms of Service"
+                  }
+                ),
+                " ",
+                "and",
+                " ",
+                /* @__PURE__ */ jsx2(
+                  "a",
+                  {
+                    href: "https://deep.space/privacy",
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    className: "underline hover:text-foreground",
+                    children: "Privacy Policy"
+                  }
+                ),
+                "."
+              ] }),
+              /* @__PURE__ */ jsxs2("div", { className: "mt-4 flex items-center justify-center gap-1.5 text-[11px] text-muted-foreground", children: [
                 /* @__PURE__ */ jsx2("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "currentColor", opacity: "0.5", "aria-hidden": true, children: /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "10" }) }),
                 "Powered by DeepSpace"
               ] })
@@ -3407,11 +3435,12 @@ function resolveFile(fileOrKey) {
 }
 function useR2Files(options) {
   const [isUploading, setIsUploading] = useState13(false);
+  const scope = options?.scope ?? "self";
   const scopeParams = useMemo10(() => {
     const params = new URLSearchParams();
-    params.set("scope", "self");
+    params.set("scope", scope);
     return params.toString();
-  }, []);
+  }, [scope]);
   const authHeaders = useCallback15(async () => {
     const token = await getAuthToken();
     if (token) {
@@ -6243,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,
@@ -6255,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,
@@ -6283,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,
@@ -6295,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,
@@ -6307,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,
@@ -6319,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,
@@ -6331,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,
@@ -6343,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,
@@ -6359,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,
@@ -6376,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,
@@ -6389,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" })
         ] })
       ]
     }
@@ -6401,7 +6530,7 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx30(
+}) => /* @__PURE__ */ jsx31(
   "div",
   {
     className: cn(
@@ -6415,7 +6544,7 @@ DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx30(
+}) => /* @__PURE__ */ jsx31(
   "div",
   {
     className: cn(
@@ -6426,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,
@@ -6438,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,
@@ -6452,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,
@@ -6471,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,
@@ -6488,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,
@@ -6502,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,
@@ -6515,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,
@@ -6526,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,
@@ -6542,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,
@@ -6561,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,
@@ -6574,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),
@@ -6587,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,
@@ -6606,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,
@@ -6620,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,
@@ -6650,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 })
     ] })
   ] });
 }
@@ -6670,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,
@@ -6685,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" })
         }
       )
     ] });
@@ -6756,6 +6885,7 @@ export {
   EmptySearch,
   EmptyState,
   EmptyTeam,
+  ErrorScreen,
   GridCard,
   GuestBanner,
   Input,
@@ -6832,6 +6962,7 @@ export {
   createDecoder,
   createEncoder,
   decodeAiStreamChunk,
+  decodeReactError,
   detectEnvironment,
   dispatch,
   encode,