@burdenoff/fluidgrids-fe-sdk 2026.510.105

package/dist/chunk-UOCR65PI.js

@@ -0,0 +1,262 @@
+import { useExecutionsStore, useExecutionsWithStore, useExecutionStats, useExecutionActions, useAutoRefresh, ExecutionStats, ExecutionFilters, ExecutionTable, ExecutionCards, ExecutionTimeline, Pagination } from './chunk-WD52O45G.js';
+import { useWorkflowDefinitions } from './chunk-4FFPGQD3.js';
+import { useCallback, useMemo } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { Icon } from '@iconify/react';
+import { Button } from '@burdenoff/fe-libs/button';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ExecutionsListPage() {
+  const navigate = useNavigate();
+  const {
+    viewMode,
+    setViewMode,
+    setSelectedExecution,
+    selection,
+    clearSelection,
+    setStatusFilter,
+    autoRefresh,
+    autoRefreshInterval
+  } = useExecutionsStore();
+  const { executions, total, loading, error, refetch } = useExecutionsWithStore();
+  const {
+    stats,
+    loading: statsLoading,
+    refetch: refetchStats
+  } = useExecutionStats();
+  const { workflows } = useWorkflowDefinitions({ limit: 100 });
+  const { cancelExecution, pauseExecution, resumeExecution } = useExecutionActions();
+  useAutoRefresh(
+    useCallback(() => {
+      refetch();
+      refetchStats();
+    }, [refetch, refetchStats]),
+    autoRefresh,
+    autoRefreshInterval
+  );
+  const executionStats = useMemo(() => {
+    if (!stats) return null;
+    return {
+      total: stats.runsCountTotal,
+      running: stats.runsRunningCount,
+      completed: stats.runsCompletedCount,
+      failed: stats.runsFailedCount,
+      cancelled: stats.runsCancelledCount ?? 0,
+      pending: stats.runsPendingCount,
+      waiting: stats.runsWaitingCount ?? 0,
+      successRate: stats.workflowSuccessRate,
+      avgDuration: stats.avgWorkflowExecutionTimeSeconds
+    };
+  }, [stats]);
+  const workflowOptions = useMemo(
+    () => workflows.map((w) => ({
+      workflowKey: w.workflowKey,
+      name: w.name
+    })),
+    [workflows]
+  );
+  const handleRowClick = (execution) => {
+    setSelectedExecution(execution);
+    navigate(`../runs/${execution.id}`);
+  };
+  const handleAction = async (action, execution) => {
+    switch (action) {
+      case "cancel":
+        await cancelExecution(execution.id);
+        break;
+      case "pause":
+        await pauseExecution(execution.id);
+        break;
+      case "resume":
+        await resumeExecution(execution.id);
+        break;
+      case "retry":
+        navigate(`../runs/${execution.id}`);
+        break;
+      case "view":
+        navigate(`../runs/${execution.id}`);
+        break;
+    }
+    refetch();
+  };
+  const handleFilterByStatus = (status) => {
+    setStatusFilter(status);
+  };
+  const handleBulkAction = async (action) => {
+    if (selection.runIds.length === 0) return;
+    const promises = selection.runIds.map((id) => {
+      switch (action) {
+        case "cancel":
+          return cancelExecution(id);
+        case "pause":
+          return pauseExecution(id);
+        case "resume":
+          return resumeExecution(id);
+      }
+    });
+    const results = await Promise.allSettled(promises);
+    const failures = results.filter((r) => r.status === "rejected");
+    if (failures.length > 0) {
+      console.error(
+        `Bulk action partially failed: ${failures.length}/${results.length} failed`
+      );
+    }
+    clearSelection();
+    refetch();
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "p-4 sm:p-6 bg-background-primary min-h-screen", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-6", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl sm:text-3xl font-bold text-text-primary", children: "Executions" }),
+        /* @__PURE__ */ jsx("p", { className: "text-text-secondary mt-1", children: "Monitor and manage your workflow runs" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center bg-background-secondary rounded-lg border border-border-secondary p-1", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => setViewMode("table"),
+              className: `p-2 rounded ${viewMode === "table" ? "bg-background-tertiary text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
+              title: "Table View",
+              children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:table", width: 18 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => setViewMode("cards"),
+              className: `p-2 rounded ${viewMode === "cards" ? "bg-background-tertiary text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
+              title: "Card View",
+              children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:view-grid", width: 18 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => setViewMode("timeline"),
+              className: `p-2 rounded ${viewMode === "timeline" ? "bg-background-tertiary text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
+              title: "Timeline View",
+              children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:timeline", width: 18 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: () => navigate("../list"), children: [
+          /* @__PURE__ */ jsx(Icon, { icon: "mdi:arrow-left", className: "mr-2", width: 16 }),
+          "Back to Workflows"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "mb-6", children: /* @__PURE__ */ jsx(
+      ExecutionStats,
+      {
+        stats: executionStats,
+        loading: statsLoading,
+        onFilterByStatus: handleFilterByStatus
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "mb-6", children: /* @__PURE__ */ jsx(ExecutionFilters, { workflows: workflowOptions, onRefresh: refetch }) }),
+    selection.runIds.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mb-4 p-3 bg-action-primary-bg/10 rounded-lg flex flex-wrap items-center gap-3", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-sm text-text-primary", children: [
+        selection.runIds.length,
+        " execution",
+        selection.runIds.length > 1 ? "s" : "",
+        " selected"
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => handleBulkAction("cancel"),
+            children: [
+              /* @__PURE__ */ jsx(Icon, { icon: "mdi:stop", className: "mr-1", width: 14 }),
+              "Cancel"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => handleBulkAction("pause"),
+            children: [
+              /* @__PURE__ */ jsx(Icon, { icon: "mdi:pause", className: "mr-1", width: 14 }),
+              "Pause"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => handleBulkAction("resume"),
+            children: [
+              /* @__PURE__ */ jsx(Icon, { icon: "mdi:play", className: "mr-1", width: 14 }),
+              "Resume"
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: clearSelection,
+          className: "ml-auto text-sm text-text-secondary hover:text-text-primary",
+          children: "Clear selection"
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsxs("div", { className: "mb-6 p-4 bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)] rounded-lg", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[var(--color-status-error-text)]", children: [
+        /* @__PURE__ */ jsx(Icon, { icon: "mdi:alert-circle", width: 20 }),
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Error loading executions" })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-[var(--color-status-error-text)]", children: error.message }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: refetch,
+          className: "mt-3 border-[var(--color-status-error-border)] text-[var(--color-status-error-text)] hover:bg-[var(--color-status-error-bg-subtle)]",
+          children: "Retry"
+        }
+      )
+    ] }),
+    viewMode === "table" && /* @__PURE__ */ jsx(
+      ExecutionTable,
+      {
+        executions,
+        loading,
+        onRowClick: handleRowClick,
+        onAction: handleAction
+      }
+    ),
+    viewMode === "cards" && /* @__PURE__ */ jsx(
+      ExecutionCards,
+      {
+        executions,
+        loading,
+        onCardClick: handleRowClick,
+        onAction: handleAction
+      }
+    ),
+    viewMode === "timeline" && /* @__PURE__ */ jsx(
+      ExecutionTimeline,
+      {
+        executions,
+        loading,
+        onItemClick: handleRowClick,
+        onAction: handleAction
+      }
+    ),
+    /* @__PURE__ */ jsx(Pagination, { totalItems: total })
+  ] });
+}
+
+export { ExecutionsListPage };
+//# sourceMappingURL=chunk-UOCR65PI.js.map
+//# sourceMappingURL=chunk-UOCR65PI.js.map

package/dist/chunk-UOCR65PI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modules/executions/pages/ExecutionsListPage.tsx"],"names":[],"mappings":"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","file":"chunk-UOCR65PI.js","sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport { Icon } from \"@iconify/react\";\nimport { Button } from \"@burdenoff/fe-libs/button\";\nimport {\n  ExecutionFilters,\n  ExecutionStats,\n  ExecutionTable,\n  ExecutionCards,\n  ExecutionTimeline,\n  Pagination,\n} from \"../components\";\nimport { useExecutionsStore } from \"../store/executionsStore\";\nimport {\n  useExecutionsWithStore,\n  useExecutionStats,\n  useExecutionActions,\n  useAutoRefresh,\n} from \"../hooks/useExecutions\";\nimport { useWorkflowDefinitions } from \"../../../hooks/useWorkflows\";\nimport type { WorkflowRun, RunStatus, ExecutionAction } from \"../types\";\n\nexport function ExecutionsListPage() {\n  const navigate = useNavigate();\n\n  // Store state\n  const {\n    viewMode,\n    setViewMode,\n    setSelectedExecution,\n    selection,\n    clearSelection,\n    setStatusFilter,\n    autoRefresh,\n    autoRefreshInterval,\n  } = useExecutionsStore();\n\n  // Data fetching\n  const { executions, total, loading, error, refetch } =\n    useExecutionsWithStore();\n  const {\n    stats,\n    loading: statsLoading,\n    refetch: refetchStats,\n  } = useExecutionStats();\n  const { workflows } = useWorkflowDefinitions({ limit: 100 });\n  const { cancelExecution, pauseExecution, resumeExecution } =\n    useExecutionActions();\n\n  // Auto-refresh\n  useAutoRefresh(\n    useCallback(() => {\n      refetch();\n      refetchStats();\n    }, [refetch, refetchStats]),\n    autoRefresh,\n    autoRefreshInterval,\n  );\n\n  // Transform stats for component\n  const executionStats = useMemo(() => {\n    if (!stats) return null;\n    return {\n      total: stats.runsCountTotal,\n      running: stats.runsRunningCount,\n      completed: stats.runsCompletedCount,\n      failed: stats.runsFailedCount,\n      cancelled: stats.runsCancelledCount ?? 0,\n      pending: stats.runsPendingCount,\n      waiting: stats.runsWaitingCount ?? 0,\n      successRate: stats.workflowSuccessRate,\n      avgDuration: stats.avgWorkflowExecutionTimeSeconds,\n    };\n  }, [stats]);\n\n  // Transform workflows for filter\n  const workflowOptions = useMemo(\n    () =>\n      workflows.map((w) => ({\n        workflowKey: w.workflowKey,\n        name: w.name,\n      })),\n    [workflows],\n  );\n\n  // Handlers\n  const handleRowClick = (execution: WorkflowRun) => {\n    setSelectedExecution(execution);\n    navigate(`../runs/${execution.id}`);\n  };\n\n  const handleAction = async (\n    action: ExecutionAction,\n    execution: WorkflowRun,\n  ) => {\n    switch (action) {\n      case \"cancel\":\n        await cancelExecution(execution.id);\n        break;\n      case \"pause\":\n        await pauseExecution(execution.id);\n        break;\n      case \"resume\":\n        await resumeExecution(execution.id);\n        break;\n      case \"retry\":\n        // Navigate to detail page for retry\n        navigate(`../runs/${execution.id}`);\n        break;\n      case \"view\":\n        navigate(`../runs/${execution.id}`);\n        break;\n      case \"delete\":\n        // TODO: implement delete action\n        break;\n    }\n    refetch();\n  };\n\n  const handleFilterByStatus = (status: RunStatus | \"all\") => {\n    setStatusFilter(status);\n  };\n\n  const handleBulkAction = async (action: \"cancel\" | \"pause\" | \"resume\") => {\n    if (selection.runIds.length === 0) return;\n\n    const promises = selection.runIds.map((id) => {\n      switch (action) {\n        case \"cancel\":\n          return cancelExecution(id);\n        case \"pause\":\n          return pauseExecution(id);\n        case \"resume\":\n          return resumeExecution(id);\n      }\n    });\n\n    const results = await Promise.allSettled(promises);\n    const failures = results.filter((r) => r.status === \"rejected\");\n    if (failures.length > 0) {\n      console.error(\n        `Bulk action partially failed: ${failures.length}/${results.length} failed`,\n      );\n    }\n    clearSelection();\n    refetch();\n  };\n\n  return (\n    <div className=\"p-4 sm:p-6 bg-background-primary min-h-screen\">\n      {/* Header */}\n      <div className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-6\">\n        <div>\n          <h1 className=\"text-2xl sm:text-3xl font-bold text-text-primary\">\n            Executions\n          </h1>\n          <p className=\"text-text-secondary mt-1\">\n            Monitor and manage your workflow runs\n          </p>\n        </div>\n        <div className=\"flex items-center gap-3\">\n          {/* View Mode Toggle */}\n          <div className=\"flex items-center bg-background-secondary rounded-lg border border-border-secondary p-1\">\n            <button\n              onClick={() => setViewMode(\"table\")}\n              className={`p-2 rounded ${\n                viewMode === \"table\"\n                  ? \"bg-background-tertiary text-text-primary\"\n                  : \"text-text-secondary hover:text-text-primary\"\n              }`}\n              title=\"Table View\"\n            >\n              <Icon icon=\"mdi:table\" width={18} />\n            </button>\n            <button\n              onClick={() => setViewMode(\"cards\")}\n              className={`p-2 rounded ${\n                viewMode === \"cards\"\n                  ? \"bg-background-tertiary text-text-primary\"\n                  : \"text-text-secondary hover:text-text-primary\"\n              }`}\n              title=\"Card View\"\n            >\n              <Icon icon=\"mdi:view-grid\" width={18} />\n            </button>\n            <button\n              onClick={() => setViewMode(\"timeline\")}\n              className={`p-2 rounded ${\n                viewMode === \"timeline\"\n                  ? \"bg-background-tertiary text-text-primary\"\n                  : \"text-text-secondary hover:text-text-primary\"\n              }`}\n              title=\"Timeline View\"\n            >\n              <Icon icon=\"mdi:timeline\" width={18} />\n            </button>\n          </div>\n\n          <Button variant=\"outline\" onClick={() => navigate(\"../list\")}>\n            <Icon icon=\"mdi:arrow-left\" className=\"mr-2\" width={16} />\n            Back to Workflows\n          </Button>\n        </div>\n      </div>\n\n      {/* Stats Cards */}\n      <div className=\"mb-6\">\n        <ExecutionStats\n          stats={executionStats}\n          loading={statsLoading}\n          onFilterByStatus={handleFilterByStatus}\n        />\n      </div>\n\n      {/* Filters */}\n      <div className=\"mb-6\">\n        <ExecutionFilters workflows={workflowOptions} onRefresh={refetch} />\n      </div>\n\n      {/* Bulk Actions */}\n      {selection.runIds.length > 0 && (\n        <div className=\"mb-4 p-3 bg-action-primary-bg/10 rounded-lg flex flex-wrap items-center gap-3\">\n          <span className=\"text-sm text-text-primary\">\n            {selection.runIds.length} execution\n            {selection.runIds.length > 1 ? \"s\" : \"\"} selected\n          </span>\n          <div className=\"flex gap-2\">\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => handleBulkAction(\"cancel\")}\n            >\n              <Icon icon=\"mdi:stop\" className=\"mr-1\" width={14} />\n              Cancel\n            </Button>\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => handleBulkAction(\"pause\")}\n            >\n              <Icon icon=\"mdi:pause\" className=\"mr-1\" width={14} />\n              Pause\n            </Button>\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => handleBulkAction(\"resume\")}\n            >\n              <Icon icon=\"mdi:play\" className=\"mr-1\" width={14} />\n              Resume\n            </Button>\n          </div>\n          <button\n            onClick={clearSelection}\n            className=\"ml-auto text-sm text-text-secondary hover:text-text-primary\"\n          >\n            Clear selection\n          </button>\n        </div>\n      )}\n\n      {/* Error State */}\n      {error && (\n        <div className=\"mb-6 p-4 bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)] rounded-lg\">\n          <div className=\"flex items-center gap-2 text-[var(--color-status-error-text)]\">\n            <Icon icon=\"mdi:alert-circle\" width={20} />\n            <span className=\"font-medium\">Error loading executions</span>\n          </div>\n          <p className=\"mt-1 text-sm text-[var(--color-status-error-text)]\">\n            {error.message}\n          </p>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={refetch}\n            className=\"mt-3 border-[var(--color-status-error-border)] text-[var(--color-status-error-text)] hover:bg-[var(--color-status-error-bg-subtle)]\"\n          >\n            Retry\n          </Button>\n        </div>\n      )}\n\n      {/* Executions View — switches between table, cards, and timeline */}\n      {viewMode === \"table\" && (\n        <ExecutionTable\n          executions={executions}\n          loading={loading}\n          onRowClick={handleRowClick}\n          onAction={handleAction}\n        />\n      )}\n      {viewMode === \"cards\" && (\n        <ExecutionCards\n          executions={executions}\n          loading={loading}\n          onCardClick={handleRowClick}\n          onAction={handleAction}\n        />\n      )}\n      {viewMode === \"timeline\" && (\n        <ExecutionTimeline\n          executions={executions}\n          loading={loading}\n          onItemClick={handleRowClick}\n          onAction={handleAction}\n        />\n      )}\n\n      {/* Pagination */}\n      <Pagination totalItems={total} />\n    </div>\n  );\n}\n"]}