@aixnn/aixautots 0.0.0-stage → 0.5.2

package/dist/ui/market.d.ts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+
+interface MarketPageProps {
+    /** Render header content (title/count) into a host slot. Optional — the page
+     *  itself renders no header chrome (the host shell provides it). */
+    renderHeader?: (count: number) => React.ReactNode;
+}
+declare function MarketPage(_props?: MarketPageProps): react.JSX.Element;
+
+export { MarketPage, type MarketPageProps };

package/dist/ui/market.js

@@ -0,0 +1,60 @@
+import { useAixNav } from '../chunk-5BMFMDQR.js';
+import { useAixT } from '../chunk-64Q7BBIQ.js';
+import { useScripts } from '../chunk-EHF2WQUR.js';
+import '../chunk-H7MHGYF3.js';
+import '../chunk-PUPVZRKZ.js';
+import '../chunk-SUKFJ73W.js';
+import '../chunk-GKEPMDXO.js';
+import '../chunk-PCYERBNZ.js';
+import '../chunk-NWFYTFMI.js';
+import { Pencil, Store } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function MarketPage(_props = {}) {
+  const t = useAixT();
+  const { navigate } = useAixNav();
+  const scriptsQuery = useScripts();
+  const scripts = (scriptsQuery.data ?? []).filter((s) => s.visibility === "system");
+  const loading = scriptsQuery.loading;
+  const error = scriptsQuery.error;
+  return /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto p-6", children: loading ? /* @__PURE__ */ jsx("div", { className: "flex h-32 items-center justify-center text-sm text-muted-foreground", children: t("common.loading") }) : error ? /* @__PURE__ */ jsx("div", { className: "flex h-32 items-center justify-center text-sm text-destructive", children: error.message }) : scripts.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex h-32 items-center justify-center text-sm text-muted-foreground", children: t("market.empty") }) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: scripts.map((s) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "group relative flex flex-col overflow-hidden rounded-lg border border-border bg-card text-left transition-colors hover:border-primary/50",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => navigate(`/editor/${s.id}`),
+            className: "absolute right-2 top-2 z-10 inline-flex items-center gap-1 rounded-md border border-border bg-card/90 px-2 py-1 text-xs text-foreground opacity-0 backdrop-blur transition-opacity hover:border-primary/50 group-hover:opacity-100",
+            "aria-label": t("market.editAria", { name: s.name }),
+            children: [
+              /* @__PURE__ */ jsx(Pencil, { className: "h-3 w-3" }),
+              t("common.edit")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => navigate(`/editor/${s.id}`),
+            className: "flex flex-1 flex-col text-left",
+            children: [
+              s.cover_url ? /* @__PURE__ */ jsx("img", { src: s.cover_url, alt: "", className: "aspect-video w-full object-cover" }) : /* @__PURE__ */ jsx("div", { className: "flex aspect-video w-full items-center justify-center bg-gradient-to-br from-primary/20 to-secondary", children: /* @__PURE__ */ jsx(Store, { className: "h-8 w-8 text-muted-foreground" }) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 p-4", children: [
+                /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-semibold", children: s.name }),
+                s.description && /* @__PURE__ */ jsx("div", { className: "line-clamp-2 text-xs text-muted-foreground", children: s.description }),
+                s.platform && /* @__PURE__ */ jsx("span", { className: "mt-1 inline-flex w-fit rounded-full border border-border px-2 py-0.5 text-[10px] text-muted-foreground", children: s.platform })
+              ] })
+            ]
+          }
+        )
+      ]
+    },
+    s.id
+  )) }) });
+}
+
+export { MarketPage };

package/dist/ui/mirror.d.ts

@@ -0,0 +1,52 @@
+import react__default from 'react';
+import { D as DeviceSize } from '../coords-LPR_MPyp.js';
+import { C as ControlMessage } from '../mirror-session-C_1vFkRV.js';
+import '../config-Bm1hmXhD.js';
+import '../types-C2WXVcam.js';
+
+interface MirrorViewProps {
+    stream: MediaStream | null;
+    deviceSize: DeviceSize;
+    onInput?: (msg: ControlMessage) => void;
+    /** Capture keyboard when the view is focused (default true). */
+    keyboard?: boolean;
+    /** Auto-focus on mount so keys flow without a click (default true). */
+    autoFocus?: boolean;
+    /** Fired once when the first real video frame has decoded (picture available),
+     *  so callers can dismiss a loading splash only when there is actual data.
+     *  Carries the **authoritative** decoded resolution (videoWidth/videoHeight) —
+     *  use this for aspect/coords rather than the track's premature getSettings(). */
+    onFirstFrame?: (size: DeviceSize) => void;
+    /** Fired whenever the decoded resolution changes on the same stream (e.g. the
+     *  device rotated portrait↔landscape). Lets callers re-fit the aspect/coords. */
+    onResize?: (size: DeviceSize) => void;
+    /** Stream real-time down/move/up events instead of the two-point tap/swipe
+     *  classification (default false — keeps existing behavior for platforms
+     *  without a continuous-injection backend, e.g. iOS). Android mirror turns
+     *  this on so drags/scrolls follow the actual pointer path. */
+    continuousTouch?: boolean;
+    className?: string;
+}
+/** Live device video that turns mouse + keyboard into `ControlMessage`s.
+ *  Two input modes:
+ *  - default: pointer down→up becomes a tap (small move) or swipe (drag) —
+ *    a single two-point message sent on release.
+ *  - `continuousTouch`: pointerdown/move/up stream `touch_down`/`touch_move`/
+ *    `touch_up` in real time, so drags follow the actual pointer path.
+ *  keydown becomes a `key` (special keys) or `text` (printable) message. */
+declare function MirrorView({ stream, deviceSize, onInput, keyboard, autoFocus, onFirstFrame, onResize, continuousTouch, className, }: MirrorViewProps): react__default.JSX.Element;
+
+interface ControlBarProps {
+    /** Picks the nav-key icon set; Android additionally gets a Menu (recents)
+     *  key when `onMenu` is wired (default 'android'). */
+    platform?: 'android' | 'ios';
+    onHome?: () => void;
+    onBack?: () => void;
+    /** Android-only third nav key (recents/menu). Ignored on iOS. */
+    onMenu?: () => void;
+    onScreenshot?: () => void;
+    className?: string;
+}
+declare function ControlBar({ platform, onHome, onBack, onMenu, onScreenshot, className }: ControlBarProps): react__default.JSX.Element;
+
+export { ControlBar, type ControlBarProps, MirrorView, type MirrorViewProps };

package/dist/ui/mirror.js

@@ -0,0 +1,3 @@
+import '../chunk-OEZFYKL6.js';
+export { ControlBar, MirrorView } from '../chunk-CVV7FOMQ.js';
+import '../chunk-NWFYTFMI.js';

package/dist/ui/primitives/index.d.ts

@@ -0,0 +1,101 @@
+import { ClassValue } from 'clsx';
+import * as react from 'react';
+import { ButtonHTMLAttributes, InputHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+/** Tailwind-aware className combiner (clsx + tailwind-merge). */
+declare function cn(...inputs: ClassValue[]): string;
+
+declare function Dialog({ open, onClose, title, description, children, maxWidth, }: {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    description?: string;
+    children: React.ReactNode;
+    maxWidth?: string;
+}): react.JSX.Element;
+
+interface DrawerProps {
+    open: boolean;
+    onClose: () => void;
+    title?: React.ReactNode;
+    children: React.ReactNode;
+    /** 抽屉宽度类名，默认 `max-w-lg`。 */
+    widthClass?: string;
+}
+declare function Drawer({ open, onClose, title, children, widthClass }: DrawerProps): react.JSX.Element;
+
+type ToastKind = 'success' | 'error' | 'info';
+interface ToastItem {
+    id: number;
+    kind: ToastKind;
+    message: string;
+}
+interface ToastApi {
+    success: (message: string) => number;
+    error: (message: string) => number;
+    info: (message: string) => number;
+}
+/** 在组件内持有 toast 队列。返回 `{ toasts, toast, dismiss }`。 */
+declare function useToast(): {
+    toasts: ToastItem[];
+    toast: ToastApi;
+    dismiss: (id: number) => void;
+};
+/** 固定右上角的 toast 容器；放在组件树根部即可。 */
+declare function ToastViewport({ toasts, onDismiss, }: {
+    toasts: ToastItem[];
+    onDismiss: (id: number) => void;
+}): react.JSX.Element | null;
+
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "destructive" | "ghost" | null | undefined;
+    size?: "icon" | "xs" | "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+}
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface SelectOption {
+    value: string;
+    label: string;
+}
+interface SelectProps {
+    value: string;
+    onChange: (value: string) => void;
+    options: SelectOption[];
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+}
+declare function Select({ value, onChange, options, placeholder, className, disabled, }: SelectProps): react.JSX.Element;
+
+interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    icon?: React.ReactNode;
+    error?: string;
+}
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+
+declare const badgeVariants: (props?: ({
+    variant?: "muted" | "success" | "info" | "destructive" | "warning" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BadgeProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): react.JSX.Element;
+
+/**
+ * 轻量锚定 Popover（无 Radix 依赖）。`trigger` 渲染锚点并拿到 `toggle`；`children`
+ * 渲染浮层并拿到 `close`。点外部 / Esc 关闭。
+ */
+declare function Popover({ trigger, children, align, className, }: {
+    trigger: (p: {
+        open: boolean;
+        toggle: () => void;
+    }) => ReactNode;
+    children: (close: () => void) => ReactNode;
+    align?: 'start' | 'end';
+    className?: string;
+}): react.JSX.Element;
+
+export { Badge, type BadgeProps, Button, type ButtonProps, Dialog, Drawer, type DrawerProps, Input, type InputProps, Popover, Select, type SelectProps, type ToastApi, type ToastItem, type ToastKind, ToastViewport, cn, useToast };

package/dist/ui/primitives/index.js

@@ -0,0 +1 @@
+export { Badge, Button, Dialog, Drawer, Input, Popover, Select, ToastViewport, cn, useToast } from '../../chunk-EVHTAXQG.js';

package/dist/ui/script-studio.d.ts

@@ -0,0 +1,85 @@
+export { b as ScriptStudio, S as ScriptStudioProps, a as ScriptStudioSlotContext } from '../ScriptStudio-DaCqOF5H.js';
+import * as react from 'react';
+import { PointerEvent } from 'react';
+import { S as ScriptRunStatus, a as StepEvent, L as LogEntry, b as LogLevel } from '../use-script-run-Diay7ibY.js';
+
+type CodeLanguage = 'js' | 'ts';
+interface CodeEditorProps {
+    value: string;
+    onChange: (v: string) => void;
+    height?: string;
+    /** 语法高亮模式；默认 ts。 */
+    language?: CodeLanguage;
+    /** 选区变化回调，回传主选区的选中文本（段落运行用）。 */
+    onSelect?: (selectedText: string) => void;
+}
+/** Code view/editor (CodeMirror — bundled, so it works offline in Tauri). */
+declare function CodeEditor({ value, onChange, height, language, onSelect, }: CodeEditorProps): react.JSX.Element;
+
+interface ScriptParamEditorProps {
+    variables: Record<string, unknown>;
+    onChange: (variables: Record<string, unknown>) => void;
+}
+declare function ScriptParamEditor({ variables, onChange }: ScriptParamEditorProps): react.JSX.Element;
+
+interface RunPanelProps {
+    status: ScriptRunStatus;
+    progress: number;
+    steps: StepEvent[];
+    logs: LogEntry[];
+    error: string | null;
+    onStart: () => void;
+    onStop: () => void;
+    onPause: () => void;
+    onResume: () => void;
+    onClearLogs: () => void;
+    canStart: boolean;
+    /** Shown when `canStart` is false (e.g. 未选设备 / 新脚本未保存). */
+    startHint?: string;
+    /** Drag handle for the resizable dock — rendered as the toolbar's top edge. */
+    onResizeStart?: (e: PointerEvent) => void;
+}
+declare function RunPanel({ status, progress, steps, logs, error, onStart, onStop, onPause, onResume, onClearLogs, canStart, startHint, onResizeStart, }: RunPanelProps): react.JSX.Element;
+
+interface LogConsoleProps {
+    logs: LogEntry[];
+    /** Levels to show; entries of other levels are hidden. */
+    levels: Set<LogLevel>;
+    /** Case-insensitive substring filter over message + device. */
+    query: string;
+    /** Soft-wrap long lines instead of horizontal scroll. */
+    wrap: boolean;
+    /** Keep the view pinned to the newest line as logs stream in. */
+    autoScroll: boolean;
+}
+declare function LogConsole({ logs, levels, query, wrap, autoScroll }: LogConsoleProps): react.JSX.Element;
+
+interface TimelineStepProps {
+    event: StepEvent;
+    isLast?: boolean;
+}
+declare function TimelineStep({ event, isLast }: TimelineStepProps): react.JSX.Element;
+
+interface StudioDevice {
+    /** Addressing id (active transport's external_id) — passed to fleet/device ops. */
+    id: string;
+    name: string;
+    /** Concrete platform: 'ios' | 'android' | 'macos' | 'windows' | …. */
+    platform: string;
+    online: boolean;
+}
+interface DeviceSelectProps {
+    value: string | null;
+    onChange: (id: string | null) => void;
+    /** Receives the resolved device list (online-first) so the host can read the
+     *  selected device's platform without re-fetching. */
+    onDevices?: (devices: StudioDevice[]) => void;
+    disabled?: boolean;
+}
+/**
+ * 运行设备下拉：列出全部设备（在线优先），选中即经 `onChange` 回传给宿主。
+ * 数据走 SDK `useDevices` hook（无 app store 依赖）。
+ */
+declare function DeviceSelect({ value, onChange, onDevices, disabled }: DeviceSelectProps): react.JSX.Element;
+
+export { CodeEditor, type CodeEditorProps, type CodeLanguage, DeviceSelect, type DeviceSelectProps, LogConsole, type LogConsoleProps, RunPanel, type RunPanelProps, ScriptParamEditor, type ScriptParamEditorProps, type StudioDevice, TimelineStep, type TimelineStepProps };

package/dist/ui/script-studio.js

@@ -0,0 +1,10 @@
+export { CodeEditor, DeviceSelect, RunPanel, ScriptParamEditor, ScriptStudio, TimelineStep } from '../chunk-6YUAACW6.js';
+export { LogConsole } from '../chunk-FW23FLAF.js';
+import '../chunk-EVHTAXQG.js';
+import '../chunk-EHF2WQUR.js';
+import '../chunk-H7MHGYF3.js';
+import '../chunk-PUPVZRKZ.js';
+import '../chunk-SUKFJ73W.js';
+import '../chunk-GKEPMDXO.js';
+import '../chunk-PCYERBNZ.js';
+import '../chunk-NWFYTFMI.js';

package/dist/ui/scripts.d.ts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { f as ScriptSummary } from '../types-C2WXVcam.js';
+
+declare function ScriptsPage(): react.JSX.Element;
+
+interface ScriptCardProps {
+    script: ScriptSummary;
+    onDelete: (id: string) => void;
+    onDuplicate: (id: string) => void;
+}
+declare function ScriptCard({ script, onDelete, onDuplicate }: ScriptCardProps): react.JSX.Element;
+
+interface CreateTemplateCardProps {
+    onClick: () => void;
+}
+declare function CreateTemplateCard({ onClick }: CreateTemplateCardProps): react.JSX.Element;
+
+export { CreateTemplateCard, ScriptCard, ScriptsPage };

package/dist/ui/scripts.js

@@ -0,0 +1,210 @@
+import { useAixNav } from '../chunk-5BMFMDQR.js';
+import { useAixT } from '../chunk-64Q7BBIQ.js';
+import { cn, Badge, Button, Input } from '../chunk-EVHTAXQG.js';
+import { useScripts } from '../chunk-EHF2WQUR.js';
+import '../chunk-H7MHGYF3.js';
+import '../chunk-PUPVZRKZ.js';
+import '../chunk-SUKFJ73W.js';
+import '../chunk-GKEPMDXO.js';
+import '../chunk-PCYERBNZ.js';
+import '../chunk-NWFYTFMI.js';
+import { useState, useMemo } from 'react';
+import { AppWindow, Monitor, Smartphone, FileText, Play, Copy, Trash2, PlusCircle, LayoutGrid, Plus, Search } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var platformMeta = {
+  ios: { label: "iOS", icon: Smartphone },
+  android: { label: "Android", icon: Smartphone },
+  macos: { label: "macOS", icon: Monitor },
+  windows: { label: "Windows", icon: AppWindow }
+};
+var previewTints = [
+  "from-primary/15 to-primary/5",
+  "from-success/15 to-success/5",
+  "from-warning/15 to-warning/5",
+  "from-secondary to-muted"
+];
+function tintFor(id) {
+  let hash = 0;
+  for (let i = 0; i < id.length; i++) hash = hash * 31 + id.charCodeAt(i) | 0;
+  return previewTints[Math.abs(hash) % previewTints.length];
+}
+function ScriptCard({ script, onDelete, onDuplicate }) {
+  const { navigate } = useAixNav();
+  const t = useAixT();
+  const platform = script.platform ? platformMeta[script.platform.toLowerCase()] : void 0;
+  const PlatformIcon = platform?.icon ?? Smartphone;
+  return /* @__PURE__ */ jsxs("div", { className: "group flex flex-col overflow-hidden rounded-xl border border-border bg-card transition-all duration-300 hover:-translate-y-1 hover:border-primary/60 hover:shadow-lg", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => navigate(`/editor/${script.id}`),
+        className: cn(
+          "relative flex aspect-video w-full items-center justify-center overflow-hidden bg-gradient-to-br text-left",
+          tintFor(script.id)
+        ),
+        children: [
+          /* @__PURE__ */ jsx(FileText, { className: "h-9 w-9 text-foreground/15 transition-transform duration-500 group-hover:scale-110" }),
+          platform && /* @__PURE__ */ jsxs("span", { className: "absolute left-2 top-2 inline-flex items-center gap-1 rounded-md bg-card/70 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-foreground/80 backdrop-blur-md", children: [
+            /* @__PURE__ */ jsx(PlatformIcon, { className: "h-3 w-3" }),
+            platform.label
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col p-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-1.5 flex items-start justify-between gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => navigate(`/editor/${script.id}`),
+            className: "truncate text-left text-headline-md font-semibold text-foreground transition-colors hover:text-primary",
+            children: script.name
+          }
+        ),
+        /* @__PURE__ */ jsx(Badge, { variant: "info", className: "flex-shrink-0", children: t("scripts.ready") })
+      ] }),
+      script.description && /* @__PURE__ */ jsx("p", { className: "mb-3 line-clamp-2 text-body-sm text-muted-foreground", children: script.description }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-auto flex items-center justify-between border-t border-border pt-3", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-body-sm text-muted-foreground", children: new Date(script.updated_at).toLocaleDateString() }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              onClick: () => navigate(`/editor/${script.id}`),
+              title: t("common.run"),
+              className: "hover:bg-primary/10 hover:text-primary",
+              children: /* @__PURE__ */ jsx(Play, { className: "h-3.5 w-3.5" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              onClick: () => onDuplicate(script.id),
+              title: t("scripts.duplicate"),
+              children: /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              onClick: () => onDelete(script.id),
+              title: t("common.delete"),
+              className: "hover:bg-destructive/10 hover:text-destructive",
+              children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function CreateTemplateCard({ onClick }) {
+  const t = useAixT();
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: "group flex min-h-[220px] flex-col items-center justify-center rounded-xl border-2 border-dashed border-border bg-surface p-8 text-center transition-all duration-300 hover:border-primary/60 hover:bg-card",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-secondary text-muted-foreground transition-colors group-hover:bg-primary/10 group-hover:text-primary", children: /* @__PURE__ */ jsx(PlusCircle, { className: "h-7 w-7" }) }),
+        /* @__PURE__ */ jsx("span", { className: "text-headline-md font-semibold text-foreground transition-colors group-hover:text-primary", children: t("scripts.createFromTemplate") }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-body-sm text-muted-foreground", children: t("scripts.createFromTemplateDesc") })
+      ]
+    }
+  );
+}
+var PLATFORMS = ["all", "ios", "android", "macos", "windows"];
+var platformIcons = {
+  all: LayoutGrid,
+  ios: Smartphone,
+  android: Smartphone,
+  macos: Monitor,
+  windows: Monitor
+};
+function ScriptsPage() {
+  const { data, loading, remove, duplicate } = useScripts();
+  const { navigate } = useAixNav();
+  const t = useAixT();
+  const [searchQuery, setSearchQuery] = useState("");
+  const [platformFilter, setPlatformFilter] = useState("all");
+  const scripts = data ?? [];
+  const platformPills = useMemo(
+    () => PLATFORMS.map((p) => ({
+      value: p,
+      label: p === "all" ? t("scripts.allPlatforms") : p === "ios" ? "iOS" : p === "android" ? "Android" : p === "macos" ? "macOS" : "Windows",
+      icon: platformIcons[p] ?? LayoutGrid
+    })),
+    [t]
+  );
+  const filteredScripts = scripts.filter((s) => {
+    const q = searchQuery.toLowerCase();
+    const matchesSearch = s.name.toLowerCase().includes(q) || (s.description ?? "").toLowerCase().includes(q);
+    const matchesPlatform = platformFilter === "all" || s.platform === platformFilter;
+    return matchesSearch && matchesPlatform;
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-b border-border px-6 py-3", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-body-sm text-muted-foreground", children: t("scripts.count", { n: scripts.length }) }),
+      /* @__PURE__ */ jsxs(Button, { onClick: () => navigate("/editor"), children: [
+        /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" }),
+        t("scripts.newScript")
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 border-b border-border px-6 py-4 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ jsx("div", { className: "w-full max-w-sm", children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          icon: /* @__PURE__ */ jsx(Search, { className: "h-3.5 w-3.5" }),
+          placeholder: t("scripts.searchPlaceholder"),
+          value: searchQuery,
+          onChange: (e) => setSearchQuery(e.target.value)
+        }
+      ) }),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 overflow-x-auto pb-0.5", children: platformPills.map((pill) => {
+        const active = platformFilter === pill.value;
+        const Icon = pill.icon;
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setPlatformFilter(pill.value),
+            className: cn(
+              "inline-flex flex-shrink-0 items-center gap-1.5 rounded-full border px-3 py-1.5 text-xs font-medium transition-colors",
+              active ? "border-primary/20 bg-primary/10 text-primary" : "border-border bg-card text-muted-foreground hover:border-primary/50 hover:text-foreground"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5" }),
+              pill.label
+            ]
+          },
+          pill.value
+        );
+      }) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto p-6", children: loading ? /* @__PURE__ */ jsx("div", { className: "flex h-32 items-center justify-center text-sm text-muted-foreground", children: t("scripts.loading") }) : /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: [
+      filteredScripts.map((script) => /* @__PURE__ */ jsx(
+        ScriptCard,
+        {
+          script,
+          onDelete: remove,
+          onDuplicate: duplicate
+        },
+        script.id
+      )),
+      filteredScripts.length === 0 && (searchQuery || platformFilter !== "all") && /* @__PURE__ */ jsx("div", { className: "col-span-full flex h-32 items-center justify-center text-sm text-muted-foreground", children: t("scripts.noMatch") }),
+      /* @__PURE__ */ jsx(CreateTemplateCard, { onClick: () => navigate("/editor") })
+    ] }) })
+  ] });
+}
+
+export { CreateTemplateCard, ScriptCard, ScriptsPage };

package/dist/ui/tasks.d.ts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+
+interface TasksPageProps {
+    /** Render the page header actions (Refresh + New task) into a host slot.
+     *  When omitted the page renders its own inline action row above the list. */
+    renderHeaderActions?: (actions: React.ReactNode) => React.ReactNode;
+}
+declare function TasksPage(_props?: TasksPageProps): react.JSX.Element;
+
+export { TasksPage, type TasksPageProps };