@nextsparkjs/core 0.1.0-beta.92 → 0.1.0-beta.94

package/dist/components/dashboard/block-editor/array-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"array-field.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/block-editor/array-field.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAE5D,UAAU,eAAe;IACvB,KAAK,EAAE,eAAe,CAAA;IACtB,KAAK,EAAE,OAAO,EAAE,CAAA;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,CAAA;CACrC;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,eAAe,2CA+QrE"}
+{"version":3,"file":"array-field.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/block-editor/array-field.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAG5D,UAAU,eAAe;IACvB,KAAK,EAAE,eAAe,CAAA;IACtB,KAAK,EAAE,OAAO,EAAE,CAAA;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,CAAA;CACrC;AAuDD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAwRrE"}

package/dist/components/dashboard/block-editor/array-field.js

@@ -1,6 +1,6 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
 import { useTranslations } from "next-intl";
 import { Button } from "../../ui/button.js";
 import { Input } from "../../ui/input.js";
@@ -14,9 +14,52 @@ import {
   SelectValue
 } from "../../ui/select.js";
 import { ImageUpload } from "../../ui/image-upload.js";
+import { MediaLibrary } from "../../media/MediaLibrary.js";
 import { Card, CardContent, CardHeader } from "../../ui/card.js";
-import { ChevronUp, ChevronDown, Trash2, Plus } from "lucide-react";
+import { ChevronUp, ChevronDown, Trash2, Plus, ImageIcon, X } from "lucide-react";
 import { sel } from "../../../lib/test/index.js";
+function ArrayMediaLibraryField({
+  value,
+  onChange,
+  fieldName
+}) {
+  const [isOpen, setIsOpen] = useState(false);
+  const t = useTranslations("admin.blockEditor.form");
+  const handleSelect = (media) => {
+    if (Array.isArray(media)) return;
+    onChange(media.url);
+    setIsOpen(false);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    value ? /* @__PURE__ */ jsxs("div", { className: "relative group rounded-md overflow-hidden", children: [
+      /* @__PURE__ */ jsx("img", { src: value, alt: "", className: "w-full h-24 object-cover" }),
+      /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: () => setIsOpen(true), children: t("changeImage") }),
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "destructive", size: "sm", onClick: () => onChange(""), children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }) })
+      ] })
+    ] }) : /* @__PURE__ */ jsxs(
+      "div",
+      {
+        onClick: () => setIsOpen(true),
+        className: "border-2 border-dashed rounded-md p-4 text-center cursor-pointer hover:border-primary/50 transition-colors",
+        children: [
+          /* @__PURE__ */ jsx(ImageIcon, { className: "h-6 w-6 mx-auto mb-1 text-muted-foreground" }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("browseMedia") })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MediaLibrary,
+      {
+        isOpen,
+        onClose: () => setIsOpen(false),
+        onSelect: handleSelect,
+        mode: "single",
+        allowedTypes: ["image"]
+      }
+    )
+  ] });
+}
 function ArrayField({ field, value, onChange }) {
   const t = useTranslations("admin.blockEditor.form");
   const items = Array.isArray(value) ? value : [];
@@ -139,6 +182,15 @@ function ArrayField({ field, value, onChange }) {
             "data-cy": sel("blockEditor.blockPropertiesPanel.form.arrayField.itemField", { name: field.name, index: itemIndex, field: itemField.name })
           }
         );
+      case "media-library":
+        return /* @__PURE__ */ jsx(
+          ArrayMediaLibraryField,
+          {
+            value: String(fieldValue || ""),
+            onChange: (url) => handleItemFieldChange(itemIndex, itemField.name, url),
+            fieldName: `${field.name}-${itemIndex}-${itemField.name}`
+          }
+        );
       case "color":
         return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx(

package/dist/components/dashboard/block-editor/dynamic-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-form.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/block-editor/dynamic-form.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAE5D,UAAU,gBAAgB;IACxB,gBAAgB,EAAE,eAAe,EAAE,CAAA;IACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;CACpD;AAwCD,wBAAgB,WAAW,CAAC,EAAE,gBAAgB,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CA0anF"}
+{"version":3,"file":"dynamic-form.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/block-editor/dynamic-form.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAG5D,UAAU,gBAAgB;IACxB,gBAAgB,EAAE,eAAe,EAAE,CAAA;IACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;CACpD;AAkHD,wBAAgB,WAAW,CAAC,EAAE,gBAAgB,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAmbnF"}

package/dist/components/dashboard/block-editor/dynamic-form.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useState, useMemo, useRef } from "react";
 import { useTranslations } from "next-intl";
 import { Input } from "../../ui/input.js";
@@ -14,7 +14,8 @@ import {
 } from "../../ui/select.js";
 import { ImageUpload } from "../../ui/image-upload.js";
 import { RichTextEditor } from "../../ui/rich-text-editor.js";
-import { ChevronDown, ChevronRight, CalendarIcon } from "lucide-react";
+import { MediaLibrary } from "../../media/MediaLibrary.js";
+import { ChevronDown, ChevronRight, CalendarIcon, ImageIcon, X } from "lucide-react";
 import { cn } from "../../../lib/utils/index.js";
 import { sel } from "../../../lib/test/index.js";
 import { Switch } from "../../ui/switch.js";
@@ -46,6 +47,76 @@ function organizeFields(fields) {
     groups: Array.from(groupMap.values())
   };
 }
+function MediaLibraryField({
+  value,
+  onChange,
+  fieldName
+}) {
+  const [isOpen, setIsOpen] = useState(false);
+  const t = useTranslations("admin.blockEditor.form");
+  const handleSelect = (media) => {
+    if (Array.isArray(media)) return;
+    onChange(media.url);
+    setIsOpen(false);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    value ? /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "relative group rounded-md overflow-hidden",
+        "data-cy": sel("blockEditor.blockPropertiesPanel.form.mediaField.preview", { name: fieldName }),
+        children: [
+          /* @__PURE__ */ jsx("img", { src: value, alt: "", className: "w-full h-40 object-cover" }),
+          /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "secondary",
+                size: "sm",
+                onClick: () => setIsOpen(true),
+                "data-cy": sel("blockEditor.blockPropertiesPanel.form.mediaField.changeBtn", { name: fieldName }),
+                children: t("changeImage")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "destructive",
+                size: "sm",
+                onClick: () => onChange(""),
+                "data-cy": sel("blockEditor.blockPropertiesPanel.form.mediaField.removeBtn", { name: fieldName }),
+                children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ]
+      }
+    ) : /* @__PURE__ */ jsxs(
+      "div",
+      {
+        onClick: () => setIsOpen(true),
+        className: "border-2 border-dashed rounded-md p-8 text-center cursor-pointer hover:border-primary/50 transition-colors",
+        "data-cy": sel("blockEditor.blockPropertiesPanel.form.mediaField.empty", { name: fieldName }),
+        children: [
+          /* @__PURE__ */ jsx(ImageIcon, { className: "h-8 w-8 mx-auto mb-2 text-muted-foreground" }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("browseMedia") })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MediaLibrary,
+      {
+        isOpen,
+        onClose: () => setIsOpen(false),
+        onSelect: handleSelect,
+        mode: "single",
+        allowedTypes: ["image"]
+      }
+    )
+  ] });
+}
 function DynamicForm({ fieldDefinitions, values, onChange }) {
   const t = useTranslations("admin.blockEditor.form");
   const [formValues, setFormValues] = useState(values);
@@ -184,6 +255,15 @@ function DynamicForm({ fieldDefinitions, values, onChange }) {
             "data-cy": sel("blockEditor.blockPropertiesPanel.form.field", { name: field.name })
           }
         );
+      case "media-library":
+        return /* @__PURE__ */ jsx(
+          MediaLibraryField,
+          {
+            value: String(value || ""),
+            onChange: (url) => handleFieldChange(field.name, url),
+            fieldName: field.name
+          }
+        );
       case "array":
         return /* @__PURE__ */ jsx(
           ArrayField,

package/dist/components/dashboard/navigation/DynamicNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/navigation/DynamicNavigation.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AA0BnF,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,EAAE,wBAAwB,EAAE,CAAA;CACrC;AAyGD,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAgB,EAChB,WAAW,EACX,QAAQ,EACT,EAAE,sBAAsB,2CAoGxB;AAoDD,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"DynamicNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/navigation/DynamicNavigation.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AA0BnF,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,EAAE,wBAAwB,EAAE,CAAA;CACrC;AA+GD,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAgB,EAChB,WAAW,EACX,QAAQ,EACT,EAAE,sBAAsB,2CAoGxB;AAoDD,eAAe,iBAAiB,CAAA"}

package/dist/components/dashboard/navigation/DynamicNavigation.js

@@ -7,7 +7,7 @@ import { useMemo } from "react";
 import { cn } from "../../../lib/utils/index.js";
 import { useTranslations } from "next-intl";
 import { sel } from "../../../lib/test/index.js";
-import { Home } from "lucide-react";
+import { Home, Camera } from "lucide-react";
 import * as Icons from "lucide-react";
 import { THEME_REGISTRY } from "@nextsparkjs/registries/theme-registry";
 import { usePermission } from "../../../lib/permissions/hooks.js";
@@ -20,6 +20,12 @@ const coreItems = [
     href: "/dashboard",
     icon: Home,
     descriptionKey: "dashboard"
+  },
+  {
+    name: "media",
+    href: "/dashboard/media",
+    icon: Camera,
+    descriptionKey: "media"
   }
 ];
 const labelMappings = {

package/dist/components/devtools/scheduled-actions/actions-table.d.ts

@@ -1,5 +1,6 @@
 /**
  * Scheduled Actions Table Component
+ * Clean, readable table design with improved spacing
  */
 import type { ScheduledAction } from '../../../lib/scheduled-actions/types';
 interface ActionsTableProps {

package/dist/components/devtools/scheduled-actions/actions-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actions-table.d.ts","sourceRoot":"","sources":["../../../../src/components/devtools/scheduled-actions/actions-table.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAkBH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;AAE3E,UAAU,iBAAiB;IACzB,OAAO,EAAE,eAAe,EAAE,CAAA;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE,iBAAiB,2CA2I1D"}
+{"version":3,"file":"actions-table.d.ts","sourceRoot":"","sources":["../../../../src/components/devtools/scheduled-actions/actions-table.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAmBH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;AAG3E,UAAU,iBAAiB;IACzB,OAAO,EAAE,eAAe,EAAE,CAAA;CAC3B;AAsCD,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE,iBAAiB,2CAuR1D"}

package/dist/components/devtools/scheduled-actions/actions-table.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslations } from "next-intl";
-import { useState } from "react";
+import { Fragment, useState } from "react";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { Badge } from "../../ui/badge.js";
 import {
   Table,
@@ -12,11 +13,63 @@ import {
   TableRow
 } from "../../ui/table.js";
 import { Button } from "../../ui/button.js";
-import { ChevronDownIcon, ChevronRightIcon } from "lucide-react";
+import { ChevronDownIcon, ChevronRightIcon, RotateCcwIcon, PlayIcon } from "lucide-react";
 import { sel } from "../../../lib/test/index.js";
+import { toast } from "sonner";
+async function retryAction(actionId) {
+  const response = await fetch("/api/v1/devtools/scheduled-actions", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({ actionId })
+  });
+  if (!response.ok) {
+    const error = await response.json();
+    throw new Error(error.error || "Failed to retry action");
+  }
+  const data = await response.json();
+  return data.data;
+}
+async function runAction(actionId) {
+  const response = await fetch("/api/v1/devtools/scheduled-actions/run", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({ actionId })
+  });
+  if (!response.ok) {
+    const error = await response.json();
+    throw new Error(error.error || "Failed to run action");
+  }
+  const data = await response.json();
+  return data.data;
+}
 function ActionsTable({ actions }) {
   const t = useTranslations("devtools.scheduledActions");
   const [expandedRows, setExpandedRows] = useState(/* @__PURE__ */ new Set());
+  const queryClient = useQueryClient();
+  const retryMutation = useMutation({
+    mutationFn: retryAction,
+    onSuccess: () => {
+      toast.success(t("retry.success"));
+      queryClient.invalidateQueries({ queryKey: ["scheduled-actions"] });
+    },
+    onError: (error) => {
+      toast.error(t("retry.error", { message: error.message }));
+    }
+  });
+  const runMutation = useMutation({
+    mutationFn: runAction,
+    onSuccess: () => {
+      toast.success(t("run.success"));
+      queryClient.invalidateQueries({ queryKey: ["scheduled-actions"] });
+    },
+    onError: (error) => {
+      toast.error(t("run.error", { message: error.message }));
+    }
+  });
   const toggleRow = (id) => {
     setExpandedRows((prev) => {
       const next = new Set(prev);
@@ -36,67 +89,150 @@ function ActionsTable({ actions }) {
       failed: { variant: "destructive", cy: sel("devtools.scheduledActions.statusFailed") }
     };
     const config = variants[status];
-    return /* @__PURE__ */ jsx(Badge, { variant: config.variant, "data-cy": config.cy, children: t(`status.${status}`) });
+    return /* @__PURE__ */ jsx(Badge, { variant: config.variant, "data-cy": config.cy, className: "font-medium", children: t(`status.${status}`) });
   };
   const formatDate = (date) => {
-    return new Date(date).toLocaleString();
+    return new Date(date).toLocaleString("es-ES", {
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit",
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit"
+    });
+  };
+  const calculateDuration = (startedAt, completedAt) => {
+    if (!startedAt || !completedAt) return null;
+    const diff = new Date(completedAt).getTime() - new Date(startedAt).getTime();
+    const seconds = Math.floor(diff / 1e3);
+    if (seconds < 60) return `${seconds}s`;
+    const minutes = Math.floor(seconds / 60);
+    const remainingSeconds = seconds % 60;
+    return `${minutes}m ${remainingSeconds}s`;
   };
   if (actions.length === 0) {
     return /* @__PURE__ */ jsxs(
       "div",
       {
-        className: "text-center py-12 text-muted-foreground",
+        className: "text-center py-16 text-muted-foreground",
         "data-cy": sel("devtools.scheduledActions.emptyState"),
         children: [
           /* @__PURE__ */ jsx("p", { className: "text-lg font-medium", children: t("empty") }),
-          /* @__PURE__ */ jsx("p", { className: "text-sm mt-1", children: t("emptyDescription") })
+          /* @__PURE__ */ jsx("p", { className: "text-sm mt-2", children: t("emptyDescription") })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsx("div", { className: "border rounded-lg", "data-cy": sel("devtools.scheduledActions.table"), children: /* @__PURE__ */ jsxs(Table, { children: [
-    /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
-      /* @__PURE__ */ jsx(TableHead, { className: "w-[40px]" }),
-      /* @__PURE__ */ jsx(TableHead, { "data-cy": sel("devtools.scheduledActions.cellType"), children: t("table.type") }),
-      /* @__PURE__ */ jsx(TableHead, { "data-cy": sel("devtools.scheduledActions.cellStatus"), children: t("table.status") }),
-      /* @__PURE__ */ jsx(TableHead, { "data-cy": sel("devtools.scheduledActions.cellScheduledAt"), children: t("table.scheduledAt") }),
-      /* @__PURE__ */ jsx(TableHead, { "data-cy": sel("devtools.scheduledActions.cellTeam"), children: t("table.team") }),
-      /* @__PURE__ */ jsx(TableHead, { "data-cy": sel("devtools.scheduledActions.cellPayload"), children: t("table.payload") }),
-      /* @__PURE__ */ jsx(TableHead, { "data-cy": sel("devtools.scheduledActions.cellError"), children: t("table.error") })
+  return /* @__PURE__ */ jsx("div", { className: "border rounded-lg overflow-hidden", "data-cy": sel("devtools.scheduledActions.table"), children: /* @__PURE__ */ jsxs(Table, { children: [
+    /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { className: "bg-muted/50", children: [
+      /* @__PURE__ */ jsx(TableHead, { className: "w-[50px]" }),
+      /* @__PURE__ */ jsx(TableHead, { className: "font-semibold", "data-cy": sel("devtools.scheduledActions.cellType"), children: t("table.type") }),
+      /* @__PURE__ */ jsx(TableHead, { className: "font-semibold", "data-cy": sel("devtools.scheduledActions.cellStatus"), children: t("table.status") }),
+      /* @__PURE__ */ jsx(TableHead, { className: "font-semibold", "data-cy": sel("devtools.scheduledActions.cellAttempts"), children: t("table.attempts") }),
+      /* @__PURE__ */ jsx(TableHead, { className: "font-semibold", "data-cy": sel("devtools.scheduledActions.cellScheduledAt"), children: t("table.scheduledAt") }),
+      /* @__PURE__ */ jsx(TableHead, { className: "font-semibold", "data-cy": sel("devtools.scheduledActions.cellStartedAt"), children: t("table.startedAt") }),
+      /* @__PURE__ */ jsx(TableHead, { className: "font-semibold", "data-cy": sel("devtools.scheduledActions.cellCompletedAt"), children: t("table.completedAt") }),
+      /* @__PURE__ */ jsx(TableHead, { className: "font-semibold", "data-cy": sel("devtools.scheduledActions.cellTeam"), children: t("table.team") }),
+      /* @__PURE__ */ jsx(TableHead, { className: "font-semibold text-right", "data-cy": sel("devtools.scheduledActions.cellActions"), children: t("table.actions") })
     ] }) }),
     /* @__PURE__ */ jsx(TableBody, { children: actions.map((action) => {
       const isExpanded = expandedRows.has(action.id);
-      return /* @__PURE__ */ jsxs(
-        TableRow,
-        {
-          "data-cy": sel("devtools.scheduledActions.row", { id: action.id }),
-          children: [
-            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "ghost",
-                size: "sm",
-                className: "h-8 w-8 p-0",
-                onClick: () => toggleRow(action.id),
-                children: isExpanded ? /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-4 w-4" })
-              }
-            ) }),
-            /* @__PURE__ */ jsx(TableCell, { className: "font-mono text-sm", children: action.actionType }),
-            /* @__PURE__ */ jsx(TableCell, { children: getStatusBadge(action.status) }),
-            /* @__PURE__ */ jsx(TableCell, { className: "text-sm", children: formatDate(action.scheduledAt) }),
-            /* @__PURE__ */ jsx(TableCell, { className: "text-sm", children: action.teamId ? /* @__PURE__ */ jsxs("code", { className: "text-xs", children: [
-              action.teamId.slice(0, 8),
-              "..."
-            ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("table.noTeam") }) }),
-            /* @__PURE__ */ jsx(TableCell, { children: isExpanded ? /* @__PURE__ */ jsx("pre", { className: "text-xs bg-muted p-2 rounded max-w-md overflow-auto", children: JSON.stringify(action.payload, null, 2) }) : /* @__PURE__ */ jsxs("code", { className: "text-xs text-muted-foreground", children: [
-              JSON.stringify(action.payload).slice(0, 50),
-              "..."
-            ] }) }),
-            /* @__PURE__ */ jsx(TableCell, { children: action.errorMessage ? /* @__PURE__ */ jsx("code", { className: "text-xs text-destructive", children: isExpanded ? action.errorMessage : `${action.errorMessage.slice(0, 30)}...` }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "-" }) })
-          ]
-        },
-        action.id
-      );
+      const duration = calculateDuration(action.startedAt, action.completedAt);
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(
+          TableRow,
+          {
+            className: "hover:bg-muted/50 transition-colors",
+            "data-cy": sel("devtools.scheduledActions.row", { id: action.id }),
+            children: [
+              /* @__PURE__ */ jsx(TableCell, { className: "py-4", children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: "h-8 w-8 p-0",
+                  onClick: () => toggleRow(action.id),
+                  children: isExpanded ? /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-4 w-4" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(TableCell, { className: "font-mono text-sm py-4", children: action.actionType }),
+              /* @__PURE__ */ jsx(TableCell, { className: "py-4", children: getStatusBadge(action.status) }),
+              /* @__PURE__ */ jsx(TableCell, { className: "text-sm font-medium py-4", children: action.status === "failed" ? /* @__PURE__ */ jsxs("span", { className: "text-destructive", children: [
+                action.attempts,
+                "/",
+                action.maxRetries
+              ] }) : action.status === "completed" && action.attempts > 1 ? /* @__PURE__ */ jsxs("span", { className: "text-green-600 dark:text-green-500", children: [
+                action.attempts,
+                "/",
+                action.maxRetries
+              ] }) : action.status === "running" ? /* @__PURE__ */ jsxs("span", { className: "text-blue-600 dark:text-blue-500", children: [
+                action.attempts,
+                "/",
+                action.maxRetries
+              ] }) : action.status === "pending" && action.attempts > 0 ? /* @__PURE__ */ jsxs("span", { className: "text-amber-600 dark:text-amber-500", children: [
+                action.attempts,
+                "/",
+                action.maxRetries
+              ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "-" }) }),
+              /* @__PURE__ */ jsx(TableCell, { className: "text-sm py-4 whitespace-nowrap", children: formatDate(action.scheduledAt) }),
+              /* @__PURE__ */ jsx(TableCell, { className: "text-sm py-4 whitespace-nowrap", children: action.startedAt ? formatDate(action.startedAt) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "-" }) }),
+              /* @__PURE__ */ jsx(TableCell, { className: "text-sm py-4 whitespace-nowrap", children: action.completedAt ? /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx("div", { children: formatDate(action.completedAt) }),
+                duration && /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
+                  "(",
+                  duration,
+                  ")"
+                ] })
+              ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "-" }) }),
+              /* @__PURE__ */ jsx(TableCell, { className: "text-sm py-4", children: action.teamId ? /* @__PURE__ */ jsx("code", { className: "text-xs bg-muted px-2 py-1 rounded", children: action.teamId.slice(0, 8) }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("table.noTeam") }) }),
+              /* @__PURE__ */ jsx(TableCell, { className: "text-right py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+                action.status === "failed" && /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    variant: "outline",
+                    size: "sm",
+                    onClick: () => retryMutation.mutate(action.id),
+                    disabled: retryMutation.isPending,
+                    "data-cy": sel("devtools.scheduledActions.retryBtn", { id: action.id }),
+                    children: [
+                      /* @__PURE__ */ jsx(RotateCcwIcon, { className: "h-3.5 w-3.5 mr-1.5" }),
+                      t("retry.button")
+                    ]
+                  }
+                ),
+                action.status === "pending" && /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    variant: "default",
+                    size: "sm",
+                    onClick: () => runMutation.mutate(action.id),
+                    disabled: runMutation.isPending,
+                    "data-cy": sel("devtools.scheduledActions.runBtn", { id: action.id }),
+                    children: [
+                      /* @__PURE__ */ jsx(PlayIcon, { className: "h-3.5 w-3.5 mr-1.5" }),
+                      t("run.button")
+                    ]
+                  }
+                )
+              ] }) })
+            ]
+          }
+        ),
+        isExpanded && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: 9, className: "bg-muted/30 py-6", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4 max-w-5xl", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold text-muted-foreground mb-1", children: "ID" }),
+            /* @__PURE__ */ jsx("code", { className: "text-xs font-mono bg-background px-2 py-1 rounded border", children: action.id })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold text-muted-foreground mb-2", children: t("table.payload") }),
+            /* @__PURE__ */ jsx("pre", { className: "text-xs bg-background p-4 rounded border overflow-auto max-h-64 font-mono", children: JSON.stringify(action.payload, null, 2) })
+          ] }),
+          action.errorMessage && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold text-destructive mb-2", children: t("table.error") }),
+            /* @__PURE__ */ jsx("div", { className: "bg-destructive/10 border border-destructive/20 rounded p-4", children: /* @__PURE__ */ jsx("code", { className: "text-sm text-destructive font-mono break-all", children: action.errorMessage }) })
+          ] })
+        ] }) }) })
+      ] }, action.id);
     }) })
   ] }) });
 }

package/dist/components/devtools/scheduled-actions/types.d.ts

@@ -18,6 +18,7 @@ export interface ScheduledActionsResponse {
         };
         meta: {
             registeredActionTypes: string[];
+            failedCount: number;
         };
     };
 }

package/dist/components/devtools/scheduled-actions/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/devtools/scheduled-actions/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAElG,MAAM,WAAW,uBAAuB;IACtC,MAAM,CAAC,EAAE,qBAAqB,CAAA;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE;QACJ,OAAO,EAAE,eAAe,EAAE,CAAA;QAC1B,UAAU,EAAE;YACV,KAAK,EAAE,MAAM,CAAA;YACb,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,UAAU,EAAE,MAAM,CAAA;SACnB,CAAA;QACD,IAAI,EAAE;YACJ,qBAAqB,EAAE,MAAM,EAAE,CAAA;SAChC,CAAA;KACF,CAAA;CACF"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/devtools/scheduled-actions/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAElG,MAAM,WAAW,uBAAuB;IACtC,MAAM,CAAC,EAAE,qBAAqB,CAAA;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE;QACJ,OAAO,EAAE,eAAe,EAAE,CAAA;QAC1B,UAAU,EAAE;YACV,KAAK,EAAE,MAAM,CAAA;YACb,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,UAAU,EAAE,MAAM,CAAA;SACnB,CAAA;QACD,IAAI,EAAE;YACJ,qBAAqB,EAAE,MAAM,EAAE,CAAA;YAC/B,WAAW,EAAE,MAAM,CAAA;SACpB,CAAA;KACF,CAAA;CACF"}

package/dist/components/media/MediaCard.d.ts

@@ -0,0 +1,23 @@
+/**
+ * MediaCard Component
+ *
+ * Individual media thumbnail card for grid view.
+ * Shows image preview, filename, selection state, and actions menu.
+ *
+ * Performance: Wrapped with memo to prevent re-renders when sibling cards change.
+ * Uses content-visibility: auto for off-screen rendering optimization.
+ */
+import type { Media } from '../../lib/media/types';
+interface MediaCardProps {
+    media: Media;
+    isSelected: boolean;
+    onSelect: (media: Media, options?: {
+        shiftKey?: boolean;
+    }) => void;
+    onEdit?: (media: Media) => void;
+    onDelete?: (media: Media) => void;
+    mode?: 'single' | 'multiple';
+}
+export declare const MediaCard: import("react").NamedExoticComponent<MediaCardProps>;
+export {};
+//# sourceMappingURL=MediaCard.d.ts.map

package/dist/components/media/MediaCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaCard.d.ts","sourceRoot":"","sources":["../../../src/components/media/MediaCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAkBH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAElD,UAAU,cAAc;IACtB,KAAK,EAAE,KAAK,CAAA;IACZ,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IAClE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IACjC,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;CAC7B;AAED,eAAO,MAAM,SAAS,sDA+JpB,CAAA"}