@aixnn/aixautots 0.0.0-stage → 0.5.2

package/dist/chunk-EVHTAXQG.js

@@ -0,0 +1,273 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { X, CheckCircle2, XCircle, Info, ChevronDown } from 'lucide-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { forwardRef, useState, useCallback, useEffect, useRef } from 'react';
+import { cva } from 'class-variance-authority';
+
+// src/ui/primitives/utils.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function Dialog({
+  open,
+  onClose,
+  title,
+  description,
+  children,
+  maxWidth = "max-w-md"
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { open, onOpenChange: onClose, children: /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
+    /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { className: "fixed inset-0 bg-black/50 z-40" }),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        className: cn(
+          "fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-card border border-border rounded-lg p-6 w-full z-50 shadow-xl",
+          maxWidth
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between mb-4", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              title && /* @__PURE__ */ jsx(DialogPrimitive.Title, { className: "text-sm font-semibold", children: title }),
+              description && /* @__PURE__ */ jsx(DialogPrimitive.Description, { className: "text-xs text-muted-foreground mt-1", children: description })
+            ] }),
+            /* @__PURE__ */ jsx(DialogPrimitive.Close, { className: "p-1 rounded hover:bg-secondary transition-colors", children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4 text-muted-foreground" }) })
+          ] }),
+          children
+        ]
+      }
+    )
+  ] }) });
+}
+function Drawer({ open, onClose, title, children, widthClass = "max-w-lg" }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "fixed inset-0 z-[55] bg-black/40 transition-opacity duration-300",
+          open ? "opacity-100" : "pointer-events-none opacity-0"
+        ),
+        onClick: onClose
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "fixed right-0 top-0 z-[56] flex h-full w-full flex-col border-l border-border bg-card transition-transform duration-300 ease-in-out",
+          widthClass,
+          open ? "translate-x-0" : "translate-x-full"
+        ),
+        role: "dialog",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-border px-4 py-3 shrink-0", children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold text-foreground", children: title }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onClose,
+                className: "rounded p-1 text-muted-foreground hover:bg-secondary hover:text-foreground",
+                children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto p-4", children })
+        ]
+      }
+    )
+  ] });
+}
+var _seq = 0;
+function useToast() {
+  const [toasts, setToasts] = useState([]);
+  const dismiss = useCallback((id) => {
+    setToasts((list) => list.filter((x) => x.id !== id));
+  }, []);
+  const push = useCallback((kind, message) => {
+    const id = ++_seq;
+    setToasts((list) => [...list, { id, kind, message }]);
+    return id;
+  }, []);
+  const toast = {
+    success: (m) => push("success", m),
+    error: (m) => push("error", m),
+    info: (m) => push("info", m)
+  };
+  return { toasts, toast, dismiss };
+}
+function ToastViewport({
+  toasts,
+  onDismiss
+}) {
+  if (toasts.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: "pointer-events-none fixed right-4 top-4 z-[80] flex max-w-[90vw] flex-col gap-2", children: toasts.map((item) => /* @__PURE__ */ jsx(ToastCard, { item, onDismiss }, item.id)) });
+}
+function ToastCard({ item, onDismiss }) {
+  useEffect(() => {
+    const ms = item.kind === "error" ? 6e3 : 3500;
+    const tm = setTimeout(() => onDismiss(item.id), ms);
+    return () => clearTimeout(tm);
+  }, [item, onDismiss]);
+  const Icon = item.kind === "success" ? CheckCircle2 : item.kind === "error" ? XCircle : Info;
+  const color = item.kind === "success" ? "text-success" : item.kind === "error" ? "text-destructive" : "text-primary";
+  return /* @__PURE__ */ jsxs("div", { className: "pointer-events-auto flex w-80 max-w-[90vw] items-start gap-2 rounded-lg border border-border bg-card px-3 py-2.5 shadow-xl", children: [
+    /* @__PURE__ */ jsx(Icon, { className: cn("mt-0.5 h-4 w-4 shrink-0", color) }),
+    /* @__PURE__ */ jsx("p", { className: "flex-1 break-words text-xs text-foreground", children: item.message }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onDismiss(item.id),
+        className: "shrink-0 rounded p-0.5 text-muted-foreground hover:bg-secondary hover:text-foreground",
+        children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+      }
+    )
+  ] });
+}
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-1.5 rounded-md text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        primary: "bg-primary text-primary-foreground hover:bg-primary/90",
+        secondary: "bg-secondary text-foreground hover:bg-secondary/80",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        ghost: "hover:bg-secondary text-muted-foreground hover:text-foreground"
+      },
+      size: {
+        xs: "px-2 py-1 text-[11px]",
+        sm: "px-3 py-1.5",
+        md: "px-4 py-2",
+        icon: "p-1.5"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "sm"
+    }
+  }
+);
+var Button = forwardRef(
+  ({ className, variant, size, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+function Select({
+  value,
+  onChange,
+  options,
+  placeholder = "Select...",
+  className,
+  disabled
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxs(
+      "select",
+      {
+        value,
+        onChange: (e) => onChange(e.target.value),
+        disabled,
+        className: cn(
+          "w-full appearance-none rounded-md bg-secondary border border-border px-3 py-2 pr-8 text-xs outline-none transition-colors focus:border-primary cursor-pointer",
+          disabled && "cursor-not-allowed opacity-60",
+          className
+        ),
+        children: [
+          placeholder && /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: placeholder }),
+          options.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(ChevronDown, { className: "absolute right-2 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-muted-foreground pointer-events-none" })
+  ] });
+}
+var Input = forwardRef(
+  ({ className, icon, error, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      icon && /* @__PURE__ */ jsx("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: icon }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          className: cn(
+            "w-full rounded-md bg-secondary border border-border px-3 py-2 text-xs outline-none transition-colors placeholder:text-muted-foreground focus:border-primary",
+            icon && "pl-9",
+            error && "border-destructive focus:border-destructive",
+            className
+          ),
+          ref,
+          ...props
+        }
+      ),
+      error && /* @__PURE__ */ jsx("p", { className: "mt-1 text-[11px] text-destructive", children: error })
+    ] });
+  }
+);
+Input.displayName = "Input";
+var badgeVariants = cva(
+  "inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-medium uppercase",
+  {
+    variants: {
+      variant: {
+        success: "bg-green-500/10 text-green-500",
+        destructive: "bg-destructive/10 text-destructive",
+        warning: "bg-orange-500/10 text-orange-500",
+        info: "bg-primary/10 text-primary",
+        muted: "bg-secondary text-muted-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "muted"
+    }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsx("span", { className: cn(badgeVariants({ variant, className })), ...props });
+}
+function Popover({
+  trigger,
+  children,
+  align = "end",
+  className
+}) {
+  const [open, setOpen] = useState(false);
+  const ref = useRef(null);
+  useEffect(() => {
+    if (!open) return;
+    const onDown = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("mousedown", onDown);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onDown);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+  return /* @__PURE__ */ jsxs("div", { className: "relative inline-block", ref, children: [
+    trigger({ open, toggle: () => setOpen((o) => !o) }),
+    open && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `absolute z-50 mt-1 min-w-[260px] rounded-md border border-border bg-background shadow-lg p-3 ${align === "end" ? "right-0" : "left-0"} ${className ?? ""}`,
+        children: children(() => setOpen(false))
+      }
+    )
+  ] });
+}
+
+export { Badge, Button, Dialog, Drawer, Input, Popover, Select, ToastViewport, cn, useToast };

package/dist/chunk-FW23FLAF.js

@@ -0,0 +1,56 @@
+import { cn } from './chunk-EVHTAXQG.js';
+import { useRef, useMemo, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var LEVEL_META = {
+  error: { tag: "E", cls: "text-destructive" },
+  warn: { tag: "W", cls: "text-warning" },
+  info: { tag: "I", cls: "text-foreground" },
+  debug: { tag: "D", cls: "text-muted-foreground" },
+  system: { tag: "\u2022", cls: "text-primary" }
+};
+function clock(ts) {
+  const m = ts.match(/T(\d{2}:\d{2}:\d{2}\.\d{3})/);
+  return m?.[1] ?? ts;
+}
+function LogConsole({ logs, levels, query, wrap, autoScroll }) {
+  const ref = useRef(null);
+  const q = query.trim().toLowerCase();
+  const shown = useMemo(
+    () => logs.filter(
+      (l) => levels.has(l.level) && (q === "" || l.msg.toLowerCase().includes(q) || (l.device ?? "").toLowerCase().includes(q))
+    ),
+    [logs, levels, q]
+  );
+  useEffect(() => {
+    if (autoScroll && ref.current) ref.current.scrollTop = ref.current.scrollHeight;
+  }, [shown, autoScroll]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "h-full overflow-auto bg-background px-2 py-1.5 text-code-sm font-mono leading-relaxed selection:bg-primary/20",
+        wrap ? "whitespace-pre-wrap break-all" : "whitespace-pre"
+      ),
+      children: shown.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground px-1 py-1", children: logs.length === 0 ? "No logs yet" : "No lines match the current filter." }) : shown.map((l, i) => {
+        const meta = LEVEL_META[l.level];
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn("flex gap-2 px-1 rounded-sm hover:bg-surface/60", meta.cls),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground tabular-nums", children: clock(l.ts) }),
+              /* @__PURE__ */ jsx("span", { className: cn("shrink-0 w-3 text-center font-bold", meta.cls), children: meta.tag }),
+              l.device && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: l.device }),
+              /* @__PURE__ */ jsx("span", { className: cn(meta.cls, !wrap && "shrink-0"), children: l.msg })
+            ]
+          },
+          i
+        );
+      })
+    }
+  );
+}
+
+export { LogConsole };