@getcatalystiq/agent-plane-ui 0.1.11 → 0.1.13

package/dist/chunk-HMB7OKXO.js

@@ -0,0 +1,201 @@
+import * as React3 from 'react';
+import { createContext, useRef, useMemo, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import useSWR from 'swr';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { cva } from 'class-variance-authority';
+
+// src/provider.tsx
+var ClientContext = createContext(null);
+var NavigationContext = createContext(
+  null
+);
+function DefaultLink({ href, children, className }) {
+  return /* @__PURE__ */ jsx("a", { href, className, children });
+}
+function AgentPlaneProvider({
+  client,
+  onNavigate,
+  LinkComponent = DefaultLink,
+  onAuthError,
+  basePath = "",
+  children
+}) {
+  const clientRef = useRef(client);
+  clientRef.current = client;
+  const onAuthErrorRef = useRef(onAuthError);
+  onAuthErrorRef.current = onAuthError;
+  const clientValue = useMemo(
+    () => ({
+      // Expose a stable object whose `.client` always points to the latest ref.
+      get client() {
+        return clientRef.current;
+      },
+      get onAuthError() {
+        return onAuthErrorRef.current;
+      }
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- intentionally stable
+    []
+  );
+  const navigationValue = useMemo(
+    () => ({
+      onNavigate,
+      LinkComponent,
+      basePath
+    }),
+    [onNavigate, LinkComponent, basePath]
+  );
+  return /* @__PURE__ */ jsx(ClientContext.Provider, { value: clientValue, children: /* @__PURE__ */ jsx(NavigationContext.Provider, { value: navigationValue, children }) });
+}
+function useAgentPlaneClient() {
+  const ctx = useContext(ClientContext);
+  if (!ctx) {
+    throw new Error(
+      "useAgentPlaneClient must be used within an <AgentPlaneProvider>"
+    );
+  }
+  return ctx.client;
+}
+function useAuthError() {
+  const ctx = useContext(ClientContext);
+  if (!ctx) {
+    throw new Error(
+      "useAuthError must be used within an <AgentPlaneProvider>"
+    );
+  }
+  return ctx.onAuthError;
+}
+function useNavigation() {
+  const ctx = useContext(NavigationContext);
+  if (!ctx) {
+    throw new Error(
+      "useNavigation must be used within an <AgentPlaneProvider>"
+    );
+  }
+  return ctx;
+}
+function useApi(key, fetcher, options) {
+  const client = useAgentPlaneClient();
+  const onAuthError = useAuthError();
+  return useSWR(
+    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 twMerge(clsx(inputs));
+}
+function supportsClaudeRunner(model) {
+  return !model.includes("/") || model.startsWith("anthropic/");
+}
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive: "bg-destructive text-white shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React3.forwardRef(
+  ({ className, variant, size, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var Card = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("rounded-xl border bg-card text-card-foreground shadow", className), ...props })
+);
+Card.displayName = "Card";
+var CardHeader = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("font-semibold leading-none tracking-tight", className), ...props })
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
+);
+CardDescription.displayName = "CardDescription";
+var CardContent = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props })
+);
+CardContent.displayName = "CardContent";
+var badgeVariants = 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",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground shadow",
+        secondary: "border-transparent bg-secondary text-secondary-foreground",
+        destructive: "border-transparent bg-destructive text-white shadow",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+var Input = React3.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("animate-pulse rounded-md bg-muted/50", className), ...props });
+}
+
+export { AgentPlaneProvider, Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Input, Skeleton, badgeVariants, buttonVariants, cn, supportsClaudeRunner, useAgentPlaneClient, useApi, useAuthError, useNavigation };

package/dist/chunk-TZGIXZON.cjs

@@ -0,0 +1,242 @@
+'use strict';
+
+var React3 = 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);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
+var useSWR__default = /*#__PURE__*/_interopDefault(useSWR);
+
+// src/provider.tsx
+var ClientContext = React3.createContext(null);
+var NavigationContext = React3.createContext(
+  null
+);
+function DefaultLink({ href, children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("a", { href, className, children });
+}
+function AgentPlaneProvider({
+  client,
+  onNavigate,
+  LinkComponent = DefaultLink,
+  onAuthError,
+  basePath = "",
+  children
+}) {
+  const clientRef = React3.useRef(client);
+  clientRef.current = client;
+  const onAuthErrorRef = React3.useRef(onAuthError);
+  onAuthErrorRef.current = onAuthError;
+  const clientValue = React3.useMemo(
+    () => ({
+      // Expose a stable object whose `.client` always points to the latest ref.
+      get client() {
+        return clientRef.current;
+      },
+      get onAuthError() {
+        return onAuthErrorRef.current;
+      }
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- intentionally stable
+    []
+  );
+  const navigationValue = React3.useMemo(
+    () => ({
+      onNavigate,
+      LinkComponent,
+      basePath
+    }),
+    [onNavigate, LinkComponent, basePath]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(ClientContext.Provider, { value: clientValue, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationContext.Provider, { value: navigationValue, children }) });
+}
+function useAgentPlaneClient() {
+  const ctx = React3.useContext(ClientContext);
+  if (!ctx) {
+    throw new Error(
+      "useAgentPlaneClient must be used within an <AgentPlaneProvider>"
+    );
+  }
+  return ctx.client;
+}
+function useAuthError() {
+  const ctx = React3.useContext(ClientContext);
+  if (!ctx) {
+    throw new Error(
+      "useAuthError must be used within an <AgentPlaneProvider>"
+    );
+  }
+  return ctx.onAuthError;
+}
+function useNavigation() {
+  const ctx = React3.useContext(NavigationContext);
+  if (!ctx) {
+    throw new Error(
+      "useNavigation must be used within an <AgentPlaneProvider>"
+    );
+  }
+  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));
+}
+function supportsClaudeRunner(model) {
+  return !model.includes("/") || model.startsWith("anthropic/");
+}
+var buttonVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive: "bg-destructive text-white shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React3__namespace.forwardRef(
+  ({ className, variant, size, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+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",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground shadow",
+        secondary: "border-transparent bg-secondary text-secondary-foreground",
+        destructive: "border-transparent bg-destructive text-white shadow",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+var Input = React3__namespace.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("animate-pulse rounded-md bg-muted/50", className), ...props });
+}
+
+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.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;