@aixnn/aixautots 0.0.0-stage → 0.5.3

package/dist/chunk-CVV7FOMQ.js

@@ -0,0 +1,175 @@
+import { toNormalizedPointClamped, classifyDrag, mapKey } from './chunk-NWFYTFMI.js';
+import { useRef, useEffect, useCallback } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var TOUCH_MOVE_THROTTLE_MS = 30;
+function MirrorView({
+  stream,
+  deviceSize,
+  onInput,
+  keyboard = true,
+  autoFocus = true,
+  onFirstFrame,
+  onResize,
+  continuousTouch = false,
+  className
+}) {
+  const videoRef = useRef(null);
+  const downRef = useRef(null);
+  const gestureActiveRef = useRef(false);
+  const lastMoveSentRef = useRef(0);
+  const firstFrameRef = useRef(false);
+  useEffect(() => {
+    const v = videoRef.current;
+    if (v) v.srcObject = stream;
+    firstFrameRef.current = false;
+  }, [stream]);
+  const handleFrameReady = useCallback(() => {
+    if (firstFrameRef.current) return;
+    const v = videoRef.current;
+    if (!v || v.videoWidth === 0) return;
+    firstFrameRef.current = true;
+    onFirstFrame?.({ width: v.videoWidth, height: v.videoHeight });
+  }, [onFirstFrame]);
+  const handleResize = useCallback(() => {
+    const v = videoRef.current;
+    if (!v || v.videoWidth === 0) return;
+    onResize?.({ width: v.videoWidth, height: v.videoHeight });
+  }, [onResize]);
+  useEffect(() => {
+    const v = videoRef.current;
+    if (!v) return;
+    v.addEventListener("resize", handleResize);
+    return () => v.removeEventListener("resize", handleResize);
+  }, [handleResize, stream]);
+  useEffect(() => {
+    if (autoFocus) videoRef.current?.focus();
+  }, [autoFocus, stream]);
+  const clampedPoint = useCallback(
+    (e) => {
+      const r = e.currentTarget.getBoundingClientRect();
+      const box = { left: r.left, top: r.top, width: r.width, height: r.height };
+      return toNormalizedPointClamped({ clientX: e.clientX, clientY: e.clientY }, box, deviceSize);
+    },
+    [deviceSize]
+  );
+  const handlePointerDown = useCallback((e) => {
+    if (!onInput) return;
+    e.currentTarget.focus();
+    try {
+      e.currentTarget.setPointerCapture(e.pointerId);
+    } catch {
+    }
+    if (continuousTouch) {
+      gestureActiveRef.current = true;
+      lastMoveSentRef.current = 0;
+      const p = clampedPoint(e);
+      if (p) onInput({ t: "touch_down", x: p.x, y: p.y });
+      return;
+    }
+    downRef.current = { clientX: e.clientX, clientY: e.clientY, t: e.timeStamp };
+  }, [onInput, continuousTouch, clampedPoint]);
+  const handlePointerMove = useCallback((e) => {
+    if (!onInput || !continuousTouch || !gestureActiveRef.current) return;
+    const now = Date.now();
+    if (now - lastMoveSentRef.current < TOUCH_MOVE_THROTTLE_MS) return;
+    lastMoveSentRef.current = now;
+    const p = clampedPoint(e);
+    if (p) onInput({ t: "touch_move", x: p.x, y: p.y });
+  }, [onInput, continuousTouch, clampedPoint]);
+  const handlePointerUp = useCallback((e) => {
+    if (!onInput) return;
+    if (continuousTouch) {
+      if (!gestureActiveRef.current) return;
+      gestureActiveRef.current = false;
+      const p = clampedPoint(e);
+      if (p) onInput({ t: "touch_up", x: p.x, y: p.y });
+      return;
+    }
+    const start = downRef.current;
+    downRef.current = null;
+    if (!start) return;
+    const box = e.currentTarget.getBoundingClientRect();
+    const msg = classifyDrag(
+      start,
+      { clientX: e.clientX, clientY: e.clientY, t: e.timeStamp },
+      { left: box.left, top: box.top, width: box.width, height: box.height },
+      deviceSize
+    );
+    if (msg) onInput(msg);
+  }, [onInput, continuousTouch, deviceSize, clampedPoint]);
+  const handleKeyDown = useCallback((e) => {
+    if (!onInput || !keyboard) return;
+    const msg = mapKey(e);
+    if (msg) {
+      e.preventDefault();
+      onInput(msg);
+    }
+  }, [onInput, keyboard]);
+  return /* @__PURE__ */ jsx(
+    "video",
+    {
+      ref: videoRef,
+      autoPlay: true,
+      playsInline: true,
+      muted: true,
+      tabIndex: keyboard ? 0 : -1,
+      className,
+      onPointerDown: handlePointerDown,
+      onPointerMove: handlePointerMove,
+      onPointerUp: handlePointerUp,
+      onPointerCancel: handlePointerUp,
+      onKeyDown: handleKeyDown,
+      onLoadedData: handleFrameReady,
+      onPlaying: handleFrameReady,
+      style: {
+        background: "var(--aix-editor-bg, #000)",
+        borderRadius: "var(--aix-radius, 6px)",
+        width: "100%",
+        objectFit: "contain",
+        touchAction: "none",
+        outline: "none"
+      }
+    }
+  );
+}
+var btn = {
+  background: "var(--aix-accent, #2d6cdf)",
+  color: "#fff",
+  border: "none",
+  borderRadius: "var(--aix-radius, 6px)",
+  padding: "4px 12px",
+  cursor: "pointer",
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center"
+};
+var iconProps = {
+  width: 18,
+  height: 18,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 1.8,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+var AndroidBack = () => /* @__PURE__ */ jsx("svg", { ...iconProps, "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M15.5 5 L7.5 12 L15.5 19 Z" }) });
+var AndroidHome = () => /* @__PURE__ */ jsx("svg", { ...iconProps, "aria-hidden": true, children: /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "6.5" }) });
+var AndroidMenu = () => /* @__PURE__ */ jsx("svg", { ...iconProps, "aria-hidden": true, children: /* @__PURE__ */ jsx("rect", { x: "7", y: "7", width: "10", height: "10", rx: "1.5" }) });
+var IosBack = () => /* @__PURE__ */ jsx("svg", { ...iconProps, "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M14.5 5 L8.5 12 L14.5 19" }) });
+var IosHome = () => /* @__PURE__ */ jsxs("svg", { ...iconProps, "aria-hidden": true, children: [
+  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "8.5" }),
+  /* @__PURE__ */ jsx("rect", { x: "8.5", y: "8.5", width: "7", height: "7", rx: "1.5" })
+] });
+function ControlBar({ platform = "android", onHome, onBack, onMenu, onScreenshot, className }) {
+  const android = platform === "android";
+  return /* @__PURE__ */ jsxs("div", { className, style: { display: "flex", gap: 8, padding: 8, background: "var(--aix-bg, #161616)", borderRadius: "var(--aix-radius, 6px)" }, children: [
+    onBack && /* @__PURE__ */ jsx("button", { type: "button", onClick: onBack, style: btn, "aria-label": "Back", title: "Back", children: android ? /* @__PURE__ */ jsx(AndroidBack, {}) : /* @__PURE__ */ jsx(IosBack, {}) }),
+    onHome && /* @__PURE__ */ jsx("button", { type: "button", onClick: onHome, style: btn, "aria-label": "Home", title: "Home", children: android ? /* @__PURE__ */ jsx(AndroidHome, {}) : /* @__PURE__ */ jsx(IosHome, {}) }),
+    android && onMenu && /* @__PURE__ */ jsx("button", { type: "button", onClick: onMenu, style: btn, "aria-label": "Menu", title: "Menu", children: /* @__PURE__ */ jsx(AndroidMenu, {}) }),
+    onScreenshot && /* @__PURE__ */ jsx("button", { type: "button", onClick: onScreenshot, style: btn, children: "Screenshot" })
+  ] });
+}
+
+export { ControlBar, MirrorView };

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 };