@getcatalystiq/agent-plane-ui 0.1.18 → 0.1.20

package/dist/{chunk-4XBBDUSZ.cjs → chunk-XXF4U7WL.cjs}

@@ -1,14 +1,11 @@
 'use strict';
 
-var React3 = require('react');
+var React4 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
-var useSWR = require('swr');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var classVarianceAuthority = require('class-variance-authority');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   var n = Object.create(null);
@@ -27,11 +24,10 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
-var useSWR__default = /*#__PURE__*/_interopDefault(useSWR);
+var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
 
-var ClientContext = React3.createContext(null);
-var NavigationContext = React3.createContext(
+var ClientContext = React4.createContext(null);
+var NavigationContext = React4.createContext(
   null
 );
 function DefaultLink({ href, children, className }) {
@@ -45,11 +41,11 @@ function AgentPlaneProvider({
   basePath = "",
   children
 }) {
-  const clientRef = React3.useRef(client);
+  const clientRef = React4.useRef(client);
   clientRef.current = client;
-  const onAuthErrorRef = React3.useRef(onAuthError);
+  const onAuthErrorRef = React4.useRef(onAuthError);
   onAuthErrorRef.current = onAuthError;
-  const clientValue = React3.useMemo(
+  const clientValue = React4.useMemo(
     () => ({
       // Expose a stable object whose `.client` always points to the latest ref.
       get client() {
@@ -62,7 +58,7 @@ function AgentPlaneProvider({
     // eslint-disable-next-line react-hooks/exhaustive-deps -- intentionally stable
     []
   );
-  const navigationValue = React3.useMemo(
+  const navigationValue = React4.useMemo(
     () => ({
       onNavigate,
       LinkComponent,
@@ -73,7 +69,7 @@ function AgentPlaneProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(ClientContext.Provider, { value: clientValue, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationContext.Provider, { value: navigationValue, children }) });
 }
 function useAgentPlaneClient() {
-  const ctx = React3.useContext(ClientContext);
+  const ctx = React4.useContext(ClientContext);
   if (!ctx) {
     throw new Error(
       "useAgentPlaneClient must be used within an <AgentPlaneProvider>"
@@ -82,7 +78,7 @@ function useAgentPlaneClient() {
   return ctx.client;
 }
 function useAuthError() {
-  const ctx = React3.useContext(ClientContext);
+  const ctx = React4.useContext(ClientContext);
   if (!ctx) {
     throw new Error(
       "useAuthError must be used within an <AgentPlaneProvider>"
@@ -91,7 +87,7 @@ function useAuthError() {
   return ctx.onAuthError;
 }
 function useNavigation() {
-  const ctx = React3.useContext(NavigationContext);
+  const ctx = React4.useContext(NavigationContext);
   if (!ctx) {
     throw new Error(
       "useNavigation must be used within an <AgentPlaneProvider>"
@@ -99,24 +95,6 @@ function useNavigation() {
   }
   return ctx;
 }
-function useApi(key, fetcher, options) {
-  const client = useAgentPlaneClient();
-  const onAuthError = useAuthError();
-  return useSWR__default.default(
-    key,
-    () => fetcher(client),
-    {
-      revalidateOnFocus: false,
-      errorRetryCount: 3,
-      onError: (err) => {
-        if (onAuthError && err && typeof err === "object" && "status" in err && err.status === 401) {
-          onAuthError(err instanceof Error ? err : new Error(String(err)));
-        }
-      },
-      ...options
-    }
-  );
-}
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -148,7 +126,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React3__namespace.forwardRef(
+var Button = React4__namespace.forwardRef(
   ({ className, variant, size, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -161,26 +139,6 @@ var Button = React3__namespace.forwardRef(
   }
 );
 Button.displayName = "Button";
-var Card = React3__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("rounded-xl border bg-card text-card-foreground shadow", className), ...props })
-);
-Card.displayName = "Card";
-var CardHeader = React3__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
-);
-CardHeader.displayName = "CardHeader";
-var CardTitle = React3__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("font-semibold leading-none tracking-tight", className), ...props })
-);
-CardTitle.displayName = "CardTitle";
-var CardDescription = React3__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
-);
-CardDescription.displayName = "CardDescription";
-var CardContent = React3__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props })
-);
-CardContent.displayName = "CardContent";
 var badgeVariants = classVarianceAuthority.cva(
   "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
@@ -200,7 +158,7 @@ var badgeVariants = classVarianceAuthority.cva(
 function Badge({ className, variant, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
-var Input = React3__namespace.forwardRef(
+var Input = React4__namespace.forwardRef(
   ({ className, type, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "input",
@@ -217,25 +175,96 @@ var Input = React3__namespace.forwardRef(
   }
 );
 Input.displayName = "Input";
-function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("animate-pulse rounded-md bg-muted/50", className), ...props });
+function FormField({ label, children, error, hint }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs font-medium text-muted-foreground", children: label }),
+    children,
+    hint && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-1", children: hint }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive mt-1", children: error })
+  ] });
+}
+function Dialog({ open, onOpenChange, children }) {
+  React4__namespace.useEffect(() => {
+    if (!open) return;
+    function onKeyDown(e) {
+      if (e.key === "Escape") onOpenChange(false);
+    }
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [open, onOpenChange]);
+  React4__namespace.useEffect(() => {
+    if (!open) return;
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = prev;
+    };
+  }, [open]);
+  if (!open) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "absolute inset-0 bg-black/60 animate-dialog-overlay",
+        onClick: () => onOpenChange(false)
+      }
+    ),
+    children
+  ] });
+}
+function DialogContent({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "relative z-10 w-full bg-background border border-border rounded-xl shadow-2xl mx-4 max-h-[85vh] overflow-y-auto animate-dialog-content",
+        className
+      ),
+      onClick: (e) => e.stopPropagation(),
+      ...props,
+      children
+    }
+  );
+}
+function DialogHeader({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("px-6 pt-6 pb-0", className), ...props, children });
+}
+function DialogBody({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("px-6 py-4", className), ...props, children });
+}
+function DialogFooter({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn("flex items-center justify-end gap-2 px-6 py-4 border-t border-border bg-muted/30 rounded-b-xl", className),
+      ...props,
+      children
+    }
+  );
+}
+function DialogTitle({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-base font-semibold", className), ...props, children });
+}
+function DialogDescription({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm text-muted-foreground mt-1", className), ...props, children });
 }
 
 exports.AgentPlaneProvider = AgentPlaneProvider;
 exports.Badge = Badge;
 exports.Button = Button;
-exports.Card = Card;
-exports.CardContent = CardContent;
-exports.CardDescription = CardDescription;
-exports.CardHeader = CardHeader;
-exports.CardTitle = CardTitle;
+exports.Dialog = Dialog;
+exports.DialogBody = DialogBody;
+exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogTitle = DialogTitle;
+exports.FormField = FormField;
 exports.Input = Input;
-exports.Skeleton = Skeleton;
 exports.badgeVariants = badgeVariants;
 exports.buttonVariants = buttonVariants;
 exports.cn = cn;
 exports.supportsClaudeRunner = supportsClaudeRunner;
 exports.useAgentPlaneClient = useAgentPlaneClient;
-exports.useApi = useApi;
 exports.useAuthError = useAuthError;
 exports.useNavigation = useNavigation;