@tangle-network/ui 11.9.0 → 11.11.0

package/dist/auth-DixfCMCk.js

@@ -0,0 +1,154 @@
+import { i as focusRing } from "./focus-Cw02pNSr.js";
+import { t as cn } from "./utils-C_uf36nf.js";
+import { t as Button } from "./button-uhNnwdsD.js";
+import { _ as AvatarFallback, a as DropdownMenuItem, g as Avatar, h as DropdownMenuTrigger, o as DropdownMenuLabel, r as DropdownMenuContent, t as DropdownMenu, u as DropdownMenuSeparator, v as AvatarImage } from "./dropdown-menu-BpcLa5vF.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Terminal } from "lucide-react";
+//#region src/auth/auth.tsx
+function GitHubIcon({ className }) {
+	return /* @__PURE__ */ jsx("svg", {
+		className,
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+		})
+	});
+}
+function GitHubLoginButton({ authUrl = "/auth/github", variant = "default", className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Button, {
+		variant,
+		className: cn("gap-2", className),
+		onClick: () => {
+			window.location.href = authUrl;
+		},
+		...props,
+		children: [/* @__PURE__ */ jsx(GitHubIcon, { className: "h-5 w-5" }), children ?? "Sign in with GitHub"]
+	});
+}
+function UserMenu({ user, logoutUrl = "/auth/logout", links = [], variant = "sandbox", onLogout }) {
+	const initials = user.name ? user.name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2) : user.email.slice(0, 2).toUpperCase();
+	const avatarGradient = { sandbox: "bg-[image:var(--accent-gradient-strong)]" }[variant];
+	const handleLogout = () => {
+		if (onLogout) onLogout();
+		window.location.href = logoutUrl;
+	};
+	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			className: cn("flex items-center gap-2 rounded-lg p-1.5 transition-colors hover:bg-accent", focusRing),
+			children: [/* @__PURE__ */ jsxs(Avatar, {
+				className: "h-8 w-8",
+				children: [/* @__PURE__ */ jsx(AvatarImage, {
+					src: void 0,
+					alt: user.name ?? user.email
+				}), /* @__PURE__ */ jsx(AvatarFallback, {
+					className: cn("text-white text-xs", avatarGradient),
+					children: initials
+				})]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "hidden text-left md:block",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "font-medium text-sm",
+					children: user.name ?? user.email
+				}), user.tier && /* @__PURE__ */ jsxs("p", {
+					className: "text-muted-foreground text-xs capitalize",
+					children: [user.tier, " Plan"]
+				})]
+			})]
+		})
+	}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+		align: "end",
+		className: "w-56",
+		children: [
+			/* @__PURE__ */ jsx(DropdownMenuLabel, {
+				className: "font-normal",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col space-y-1",
+					children: [/* @__PURE__ */ jsx("p", {
+						className: "font-medium text-sm",
+						children: user.name ?? "Account"
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-xs",
+						children: user.email
+					})]
+				})
+			}),
+			/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+			links.map((link) => /* @__PURE__ */ jsx(DropdownMenuItem, {
+				asChild: true,
+				children: /* @__PURE__ */ jsxs("a", {
+					href: link.href,
+					className: "flex items-center gap-2",
+					children: [link.icon, link.label]
+				})
+			}, link.href)),
+			links.length > 0 && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+			/* @__PURE__ */ jsx(DropdownMenuItem, {
+				onClick: handleLogout,
+				className: "text-[var(--surface-danger-text)] focus:text-[var(--surface-danger-text)]",
+				children: "Sign out"
+			})
+		]
+	})] });
+}
+function AuthHeader({ user, loading = false, variant = "sandbox", apiBaseUrl = "", menuLinks, className }) {
+	if (loading) return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex items-center gap-2", className),
+		children: [/* @__PURE__ */ jsx("div", { className: "h-8 w-8 animate-pulse rounded-full bg-muted" }), /* @__PURE__ */ jsx("div", {
+			className: "hidden md:block",
+			children: /* @__PURE__ */ jsx("div", { className: "h-4 w-20 animate-pulse rounded bg-muted" })
+		})]
+	});
+	if (!user) return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center gap-2", className),
+		children: /* @__PURE__ */ jsx(GitHubLoginButton, {
+			authUrl: `${apiBaseUrl}/auth/github`,
+			variant,
+			size: "sm"
+		})
+	});
+	return /* @__PURE__ */ jsx(UserMenu, {
+		user,
+		variant,
+		logoutUrl: `${apiBaseUrl}/auth/logout`,
+		links: menuLinks
+	});
+}
+//#endregion
+//#region src/auth/login-layout.tsx
+function LoginLayout({ title = "Welcome Back", subtitle = "Sign in to your workspace.", brandIcon, children, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("relative flex min-h-screen items-center justify-center bg-background overflow-hidden antialiased font-sans flex-col", className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "z-10 w-full max-w-md px-6 animate-in flex flex-col items-center",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "mb-10 text-center flex flex-col items-center",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "inline-flex h-14 w-14 mb-4 items-center justify-center rounded-lg bg-muted border border-border",
+						children: brandIcon || /* @__PURE__ */ jsx(Terminal, { className: "h-7 w-7 text-foreground" })
+					}),
+					/* @__PURE__ */ jsx("h1", {
+						className: "text-2xl font-bold tracking-tight text-foreground font-display",
+						children: title
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "mt-2 text-sm text-muted-foreground",
+						children: subtitle
+					})
+				]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "w-full bg-card p-8 border border-border rounded-lg",
+				children
+			})]
+		})
+	});
+}
+//#endregion
+export { UserMenu as i, AuthHeader as n, GitHubLoginButton as r, LoginLayout as t };

package/dist/auth.d.ts

@@ -1,74 +1,2 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { a as ButtonProps } from './button-CMQuQEW_.js';
-import 'class-variance-authority/types';
-
-interface SessionUser {
-    customer_id: string;
-    email: string;
-    name?: string;
-    tier?: string;
-    github?: {
-        login: string;
-        connected: boolean;
-    } | null;
-    session_expires_at: string;
-}
-interface GitHubLoginButtonProps extends Omit<ButtonProps, "onClick"> {
-    /** API base URL (defaults to /auth/github) */
-    authUrl?: string;
-    /** Product variant for styling */
-    variant?: "sandbox" | "default" | "outline";
-}
-declare function GitHubLoginButton({ authUrl, variant, className, children, ...props }: GitHubLoginButtonProps): react_jsx_runtime.JSX.Element;
-interface UserMenuProps {
-    user: SessionUser;
-    /** API base URL for logout */
-    logoutUrl?: string;
-    /** Links to show in menu */
-    links?: Array<{
-        href: string;
-        label: string;
-        icon?: React.ReactNode;
-    }>;
-    /** Product variant for styling */
-    variant?: "sandbox";
-    /** Callback when logout is clicked */
-    onLogout?: () => void;
-}
-declare function UserMenu({ user, logoutUrl, links, variant, onLogout, }: UserMenuProps): react_jsx_runtime.JSX.Element;
-interface AuthHeaderProps {
-    /** Current session user (null if not logged in) */
-    user: SessionUser | null;
-    /** Whether session is loading */
-    loading?: boolean;
-    /** Product variant */
-    variant?: "sandbox";
-    /** API base URL */
-    apiBaseUrl?: string;
-    /** Links for user menu */
-    menuLinks?: UserMenuProps["links"];
-    /** Custom className */
-    className?: string;
-}
-declare function AuthHeader({ user, loading, variant, apiBaseUrl, menuLinks, className, }: AuthHeaderProps): react_jsx_runtime.JSX.Element;
-
-interface LoginLayoutProps {
-    title?: React.ReactNode;
-    subtitle?: React.ReactNode;
-    brandIcon?: React.ReactNode;
-    children: React.ReactNode;
-    className?: string;
-    /** (Deprecated) terminal lines from legacy layout, kept for backwards compatibility */
-    terminalLines?: string[];
-    /** (Deprecated) tagline, kept for backwards compatibility */
-    tagline?: React.ReactNode;
-    /** (Deprecated) footerLinks, kept for backwards compatibility */
-    footerLinks?: {
-        label: string;
-        href: string;
-    }[];
-}
-declare function LoginLayout({ title, subtitle, brandIcon, children, className, }: LoginLayoutProps): react_jsx_runtime.JSX.Element;
-
-export { AuthHeader, type AuthHeaderProps, GitHubLoginButton, type GitHubLoginButtonProps, LoginLayout, type LoginLayoutProps, type SessionUser, UserMenu, type UserMenuProps };
+import { a as GitHubLoginButton, c as UserMenu, i as AuthHeaderProps, l as UserMenuProps, n as LoginLayoutProps, o as GitHubLoginButtonProps, r as AuthHeader, s as SessionUser, t as LoginLayout } from "./index-Cg6gYAqh.js";
+export { AuthHeader, type AuthHeaderProps, GitHubLoginButton, type GitHubLoginButtonProps, LoginLayout, type LoginLayoutProps, type SessionUser, UserMenu, type UserMenuProps };

package/dist/auth.js

@@ -1,15 +1,2 @@
-import {
-  AuthHeader,
-  GitHubLoginButton,
-  LoginLayout,
-  UserMenu
-} from "./chunk-NKDZ7GZE.js";
-import "./chunk-34A66VBG.js";
-import "./chunk-MKTSMWVD.js";
-import "./chunk-RQHJBTEU.js";
-export {
-  AuthHeader,
-  GitHubLoginButton,
-  LoginLayout,
-  UserMenu
-};
+import { i as UserMenu, n as AuthHeader, r as GitHubLoginButton, t as LoginLayout } from "./auth-DixfCMCk.js";
+export { AuthHeader, GitHubLoginButton, LoginLayout, UserMenu };

package/dist/branding-26d5ARIr.d.ts

@@ -0,0 +1,14 @@
+//#region src/types/branding.d.ts
+/** Visual branding for a run group header — injected by consuming app. */
+interface AgentBranding {
+  label: string;
+  accentClass: string;
+  bgClass: string;
+  containerBgClass: string;
+  borderClass: string;
+  /** CSS class for the agent icon (legacy). Ignored when using lucide-react icons. */
+  iconClass: string;
+  textClass: string;
+}
+//#endregion
+export { AgentBranding as t };

package/dist/button-uhNnwdsD.js

@@ -0,0 +1,78 @@
+import { i as focusRing } from "./focus-Cw02pNSr.js";
+import { t as cn } from "./utils-C_uf36nf.js";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/primitives/button.tsx
+const buttonVariants = cva(`inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg font-medium text-sm transition-all ${focusRing} 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 hover:bg-primary/90 active:scale-[0.97] duration-[var(--transition-fast)]",
+			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 active:scale-[0.97] duration-[var(--transition-fast)]",
+			outline: "border border-border bg-card hover:bg-muted active:scale-[0.97] duration-[var(--transition-fast)] text-foreground",
+			secondary: "bg-muted border border-border text-foreground hover:bg-muted/80 active:scale-[0.97] duration-[var(--transition-fast)]",
+			ghost: "hover:bg-muted hover:text-foreground duration-[var(--transition-fast)] text-muted-foreground border border-transparent",
+			link: "text-primary underline-offset-4 hover:underline",
+			sandbox: "bg-[var(--btn-primary-bg)] text-[var(--btn-primary-text)] border border-[var(--border-accent)] hover:bg-[var(--btn-primary-hover)] active:scale-[0.97] duration-[var(--transition-fast)]"
+		},
+		size: {
+			default: "h-[var(--control-height)] px-4 py-2",
+			sm: "h-8 rounded-md px-3 text-xs",
+			lg: "h-11 rounded-lg px-7 text-sm",
+			xl: "h-13 rounded-xl px-9 text-base",
+			icon: "h-[var(--control-height)] w-[var(--control-height)]"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+const Button = React.forwardRef(({ className, variant, size, asChild = false, loading = false, disabled, children, ...props }, ref) => {
+	const Comp = asChild ? Slot : "button";
+	if (asChild) return /* @__PURE__ */ jsx(Comp, {
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		ref,
+		...props,
+		children
+	});
+	return /* @__PURE__ */ jsxs(Comp, {
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		ref,
+		disabled: disabled || loading,
+		...props,
+		children: [loading && /* @__PURE__ */ jsxs("svg", {
+			className: "mr-2 -ml-1 h-4 w-4 animate-spin",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			children: [
+				/* @__PURE__ */ jsx("title", { children: "Loading spinner" }),
+				/* @__PURE__ */ jsx("circle", {
+					className: "opacity-25",
+					cx: "12",
+					cy: "12",
+					r: "10",
+					stroke: "currentColor",
+					strokeWidth: "4"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					className: "opacity-75",
+					fill: "currentColor",
+					d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+				})
+			]
+		}), children]
+	});
+});
+Button.displayName = "Button";
+//#endregion
+export { buttonVariants as n, Button as t };

package/dist/button-yoIv77e2.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+//#region src/primitives/button.d.ts
+declare const buttonVariants: (props?: ({
+  variant?: "default" | "destructive" | "ghost" | "link" | "outline" | "sandbox" | "secondary" | null | undefined;
+  size?: "default" | "icon" | "lg" | "sm" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "sandbox" | null;
+  size?: "default" | "sm" | "lg" | "xl" | "icon" | null;
+  asChild?: boolean;
+  loading?: boolean;
+  children?: React.ReactNode;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { ButtonProps as n, buttonVariants as r, Button as t };