@burdenoff/fluidgrids-fe-sdk 2026.1022.5 → 2026.1022.6

package/dist/{chunk-HIXQIM22.js → chunk-CV56O5R4.js}

@@ -1,17 +1,13 @@
-import { REPLAY_WORKFLOW_RUN, RETRY_WORKFLOW_RUNS } from './chunk-QBFAJNUC.js';
+import { validateDateRange } from './chunk-VGIH3SOT.js';
 import { executionsControls } from './chunk-D3UWK7GY.js';
 import { useExecutionsStore } from './chunk-UZG3ZIQM.js';
 import { useFluidGridsPageControls } from './chunk-PJAWNFJV.js';
-import { ExecutionDetailDocument, ExecutionStatsDocument, PauseExecutionDocument, ResumeExecutionDocument, CancelExecutionDocument, RetryNodeDocument, TriggerWorkflowDocument, TerminateExecutionDocument, ExecutionsListDocument } from './chunk-SAZVBFMO.js';
-import { throwIfResultError, openRunQuotaUpgradePrompt } from './chunk-4UAWCWS7.js';
 import { useTr } from './chunk-UULVIT25.js';
-import { getFluidGridsClient } from './chunk-NTWG3CJX.js';
 import { Icon } from '@iconify/react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useMemo, useState, useCallback, useRef, useEffect } from 'react';
 import { Button } from '@burdenoff/fe-libs/button';
 import { useNavigate } from 'react-router';
-import { gql } from '@apollo/client';
 
 // src/modules/executions/types/index.ts
 var RUN_STATUS_CONFIG = {
@@ -252,38 +248,6 @@ function NodeStatusBadge({
     }
   );
 }
-
-// src/modules/executions/utils/date-range.ts
-function toDate(value) {
-  if (value === null || value === void 0 || value === "") return null;
-  const date = value instanceof Date ? value : new Date(value);
-  return Number.isNaN(date.getTime()) ? null : date;
-}
-function validateDateRange(start, end, preset) {
-  const startDate = toDate(start);
-  const endDate = toDate(end);
-  if (startDate && endDate && startDate.getTime() > endDate.getTime()) {
-    return { valid: false, start: null, end: null, preset: preset ?? "all" };
-  }
-  return {
-    valid: true,
-    start: startDate,
-    end: endDate,
-    preset: preset ?? "all"
-  };
-}
-function dateRangeToInput(start, end) {
-  const {
-    valid,
-    start: validatedStart,
-    end: validatedEnd
-  } = validateDateRange(start, end);
-  if (!valid) return {};
-  const input = {};
-  if (validatedStart) input.startDate = validatedStart.toISOString();
-  if (validatedEnd) input.endDate = validatedEnd.toISOString();
-  return input;
-}
 function ExecutionFilters({
   workflows = [],
   onRefresh
@@ -2712,438 +2676,5 @@ function Pagination({
     ] })
   ] });
 }
-gql`
-  subscription NodeStateUpdated($runId: String!) {
-    _empty
-  }
-`;
-gql`
-  subscription WorkflowCompleted($runId: String!) {
-    _empty
-  }
-`;
-gql`
-  subscription WorkflowError($runId: String!) {
-    _empty
-  }
-`;
-gql`
-  subscription ExecutionUpdated($runId: String!) {
-    _empty
-  }
-`;
-gql`
-  subscription ExecutionNodeStateUpdated($runId: String!) {
-    _empty
-  }
-`;
-gql`
-  subscription ExecutionCompleted($runId: String!) {
-    _empty
-  }
-`;
-gql`
-  subscription ExecutionError($runId: String!) {
-    _empty
-  }
-`;
-
-// src/modules/executions/utils/retry.ts
-var NON_REPLAYABLE_CONTEXT_KEYS = ["isScheduled", "workspaceId"];
-function buildRetryTriggerInput(run) {
-  if (!run.workflowKey || !run.version || !run.triggerNodeId) return null;
-  const context = {};
-  const original = run.context;
-  if (original && typeof original === "object" && !Array.isArray(original)) {
-    for (const [key, value] of Object.entries(
-      original
-    )) {
-      if (NON_REPLAYABLE_CONTEXT_KEYS.includes(key)) {
-        continue;
-      }
-      context[key] = value;
-    }
-  }
-  context.retryOfRunId = run.id;
-  return {
-    workflowKey: run.workflowKey,
-    version: run.version,
-    triggerNodeId: run.triggerNodeId,
-    triggerData: run.triggerData ?? void 0,
-    context
-  };
-}
-
-// src/modules/executions/hooks/useExecutions.ts
-function useExecutions(input = {}) {
-  const [executions, setExecutions] = useState([]);
-  const [total, setTotal] = useState(0);
-  const [hasMore, setHasMore] = useState(false);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(null);
-  const inputKey = JSON.stringify(input);
-  const reqIdRef = useRef(0);
-  const fetchData = useCallback(async () => {
-    const reqId = ++reqIdRef.current;
-    setLoading(true);
-    setError(null);
-    try {
-      const client = getFluidGridsClient();
-      const result = await client.query({
-        query: ExecutionsListDocument,
-        variables: { input: JSON.parse(inputKey) },
-        fetchPolicy: "network-only"
-      });
-      if (reqId !== reqIdRef.current) return;
-      setExecutions(result.data?.workflowRuns?.items ?? []);
-      setTotal(result.data?.workflowRuns?.total ?? 0);
-      setHasMore(result.data?.workflowRuns?.hasMore ?? false);
-    } catch (err) {
-      if (reqId !== reqIdRef.current) return;
-      setError(err);
-    } finally {
-      if (reqId === reqIdRef.current) setLoading(false);
-    }
-  }, [inputKey]);
-  useEffect(() => {
-    fetchData();
-  }, [fetchData]);
-  return {
-    executions,
-    total,
-    hasMore,
-    loading,
-    error,
-    refetch: fetchData
-  };
-}
-function useExecution(id) {
-  const [execution, setExecution] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(null);
-  const fetchData = useCallback(async () => {
-    if (!id) {
-      setLoading(false);
-      return;
-    }
-    setLoading(true);
-    setError(null);
-    try {
-      const client = getFluidGridsClient();
-      const result = await client.query({
-        query: ExecutionDetailDocument,
-        variables: { id },
-        fetchPolicy: "network-only"
-      });
-      setExecution(result.data?.workflowRun ?? null);
-    } catch (err) {
-      setError(err);
-    } finally {
-      setLoading(false);
-    }
-  }, [id]);
-  useEffect(() => {
-    fetchData();
-  }, [fetchData]);
-  return {
-    execution,
-    loading,
-    error,
-    refetch: fetchData
-  };
-}
-function useExecutionStats(options = {}) {
-  const [stats, setStats] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(null);
-  const optionsKey = JSON.stringify(options);
-  const fetchData = useCallback(async () => {
-    setLoading(true);
-    setError(null);
-    try {
-      const client = getFluidGridsClient();
-      const result = await client.query({
-        query: ExecutionStatsDocument,
-        variables: JSON.parse(optionsKey),
-        fetchPolicy: "network-only"
-      });
-      setStats(result.data?.dashboardSummary ?? null);
-    } catch (err) {
-      setError(err);
-    } finally {
-      setLoading(false);
-    }
-  }, [optionsKey]);
-  useEffect(() => {
-    fetchData();
-  }, [fetchData]);
-  return {
-    stats,
-    loading,
-    error,
-    refetch: fetchData
-  };
-}
-function useExecutionActions() {
-  const tr = useTr();
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const pauseExecution = useCallback(async (id) => {
-    setLoading(true);
-    setError(null);
-    try {
-      const client = getFluidGridsClient();
-      const result = throwIfResultError(
-        await client.mutate({
-          mutation: PauseExecutionDocument,
-          variables: { id }
-        })
-      );
-      return result.data?.pauseWorkflowRun ?? null;
-    } catch (err) {
-      setError(err);
-      return null;
-    } finally {
-      setLoading(false);
-    }
-  }, []);
-  const resumeExecution = useCallback(async (id) => {
-    setLoading(true);
-    setError(null);
-    try {
-      const client = getFluidGridsClient();
-      const result = throwIfResultError(
-        await client.mutate({
-          mutation: ResumeExecutionDocument,
-          variables: { id }
-        })
-      );
-      return result.data?.resumeWorkflowRun ?? null;
-    } catch (err) {
-      setError(err);
-      return null;
-    } finally {
-      setLoading(false);
-    }
-  }, []);
-  const cancelExecution = useCallback(async (id) => {
-    setLoading(true);
-    setError(null);
-    try {
-      const client = getFluidGridsClient();
-      const result = throwIfResultError(
-        await client.mutate({
-          mutation: CancelExecutionDocument,
-          variables: { id }
-        })
-      );
-      return result.data?.cancelWorkflowRun ?? null;
-    } catch (err) {
-      setError(err);
-      return null;
-    } finally {
-      setLoading(false);
-    }
-  }, []);
-  const retryNode = useCallback(async (runId, nodeId) => {
-    setLoading(true);
-    setError(null);
-    try {
-      const client = getFluidGridsClient();
-      const result = throwIfResultError(
-        await client.mutate({
-          mutation: RetryNodeDocument,
-          variables: { id: runId, nodeId }
-        })
-      );
-      return result.data?.retryNode ?? null;
-    } catch (err) {
-      setError(err);
-      return null;
-    } finally {
-      setLoading(false);
-    }
-  }, []);
-  const retryExecution = useCallback(
-    async (execution) => {
-      const input = buildRetryTriggerInput(execution);
-      if (!input) {
-        const message = "This run has no trigger node, so it cannot be re-run.";
-        setError(new Error(message));
-        return { ok: false, message };
-      }
-      setLoading(true);
-      setError(null);
-      try {
-        const client = getFluidGridsClient();
-        const result = throwIfResultError(
-          await client.mutate({
-            mutation: TriggerWorkflowDocument,
-            variables: { input }
-          })
-        );
-        const run = result.data?.triggerWorkflow;
-        if (!run) {
-          const message = "The workflow did not start.";
-          setError(new Error(message));
-          return { ok: false, message };
-        }
-        return { ok: true, run };
-      } catch (err) {
-        const error2 = err;
-        setError(error2);
-        openRunQuotaUpgradePrompt(err, tr);
-        return { ok: false, message: error2.message };
-      } finally {
-        setLoading(false);
-      }
-    },
-    [tr]
-  );
-  const replayExecution = useCallback(
-    async (runId) => {
-      setLoading(true);
-      setError(null);
-      try {
-        const client = getFluidGridsClient();
-        const result = throwIfResultError(
-          await client.mutate({
-            mutation: REPLAY_WORKFLOW_RUN,
-            variables: { runId }
-          })
-        );
-        return result.data?.replayWorkflowRun ?? null;
-      } catch (err) {
-        setError(err);
-        openRunQuotaUpgradePrompt(err, tr);
-        return null;
-      } finally {
-        setLoading(false);
-      }
-    },
-    [tr]
-  );
-  const retryExecutions = useCallback(
-    async (runIds) => {
-      setLoading(true);
-      setError(null);
-      try {
-        const client = getFluidGridsClient();
-        const result = throwIfResultError(
-          await client.mutate({
-            mutation: RETRY_WORKFLOW_RUNS,
-            variables: { runIds }
-          })
-        );
-        return result.data?.retryWorkflowRuns ?? [];
-      } catch (err) {
-        setError(err);
-        openRunQuotaUpgradePrompt(err, tr);
-        return [];
-      } finally {
-        setLoading(false);
-      }
-    },
-    [tr]
-  );
-  const terminateExecution = useCallback(
-    async (runId, reason) => {
-      setLoading(true);
-      setError(null);
-      try {
-        const client = getFluidGridsClient();
-        const result = throwIfResultError(
-          await client.mutate({
-            mutation: TerminateExecutionDocument,
-            variables: { runId, reason }
-          })
-        );
-        return result.data?.terminateWorkflow ?? null;
-      } catch (err) {
-        setError(err);
-        return null;
-      } finally {
-        setLoading(false);
-      }
-    },
-    []
-  );
-  return {
-    pauseExecution,
-    resumeExecution,
-    cancelExecution,
-    retryNode,
-    retryExecution,
-    replayExecution,
-    retryExecutions,
-    terminateExecution,
-    loading,
-    error
-  };
-}
-var EXECUTIONS_SEARCH_DEBOUNCE_MS = 350;
-function useExecutionsWithStore() {
-  const { filter, pagination, setTotal } = useExecutionsStore();
-  const [debouncedSearch, setDebouncedSearch] = useState(filter.search);
-  useEffect(() => {
-    const timer = setTimeout(
-      () => setDebouncedSearch(filter.search),
-      EXECUTIONS_SEARCH_DEBOUNCE_MS
-    );
-    return () => clearTimeout(timer);
-  }, [filter.search]);
-  const input = useMemo(() => {
-    const baseInput = {
-      limit: pagination.pageSize,
-      offset: (pagination.page - 1) * pagination.pageSize
-    };
-    if (filter.status !== "all") {
-      baseInput.status = filter.status;
-    }
-    if (filter.workflowKey) {
-      baseInput.workflowKey = filter.workflowKey;
-    }
-    Object.assign(
-      baseInput,
-      dateRangeToInput(filter.dateRange.start, filter.dateRange.end)
-    );
-    const term = debouncedSearch.trim();
-    if (term) {
-      baseInput.search = term;
-    }
-    if (filter.triggerType !== "all") {
-      baseInput.triggerType = filter.triggerType;
-    }
-    if (filter.durationMinSeconds !== null) {
-      baseInput.durationMinSeconds = filter.durationMinSeconds;
-    }
-    if (filter.durationMaxSeconds !== null) {
-      baseInput.durationMaxSeconds = filter.durationMaxSeconds;
-    }
-    if (filter.errorType !== "all") {
-      baseInput.errorType = filter.errorType;
-    }
-    if (filter.nodeId.trim()) {
-      baseInput.nodeId = filter.nodeId.trim();
-    }
-    return baseInput;
-  }, [filter, debouncedSearch, pagination.page, pagination.pageSize]);
-  const result = useExecutions(input);
-  useEffect(() => {
-    if (result.total !== pagination.total) {
-      setTotal(result.total);
-    }
-  }, [result.total, pagination.total, setTotal]);
-  return result;
-}
-function useAutoRefresh(refetchFn, enabled = true, interval = 5e3) {
-  useEffect(() => {
-    if (!enabled) return;
-    const timer = setInterval(() => {
-      refetchFn();
-    }, interval);
-    return () => clearInterval(timer);
-  }, [enabled, interval, refetchFn]);
-}
 
-export { ExecutionCards, ExecutionFilters, ExecutionStats, ExecutionStatusBadge, ExecutionTable, ExecutionTimeline, NodeTimeline, Pagination, RunLogViewer, buildNodeDisplayMap, formatRunVersion, useAutoRefresh, useExecution, useExecutionActions, useExecutionStats, useExecutionsWithStore };
+export { ExecutionCards, ExecutionFilters, ExecutionStats, ExecutionStatusBadge, ExecutionTable, ExecutionTimeline, NodeTimeline, Pagination, RunLogViewer, buildNodeDisplayMap, formatRunVersion };

package/dist/{chunk-BMMZQSQ3.js → chunk-K6LSRFMX.js}

@@ -636,42 +636,72 @@ function SettingsPage({
   const logStreamsEnabled = useFluidGridsFlag(FLUIDGRIDS_FLAGS.logStreams);
   const visibleTab = !logStreamsEnabled && activeTab === "log-streaming" ? "general" : activeTab;
   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: tr("fluidgrids.settings.page.title", "Settings") }),
-        /* @__PURE__ */ jsx("p", { className: "text-text-secondary mt-1", children: tr(
-          "fluidgrids.settings.page.subtitle",
-          "Configure workflow execution and notification preferences"
-        ) })
-      ] }),
-      /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: () => navigate("../list"), children: [
-        /* @__PURE__ */ jsx(Icon, { icon: "mdi:arrow-left", className: "mr-2", width: 16 }),
-        tr("fluidgrids.settings.page.backToWorkflows", "Back to Workflows")
-      ] })
-    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-6",
+        "data-tour": "fluidgrids-settings-header",
+        children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h1", { className: "text-2xl sm:text-3xl font-bold text-text-primary", children: tr("fluidgrids.settings.page.title", "Settings") }),
+            /* @__PURE__ */ jsx("p", { className: "text-text-secondary mt-1", children: tr(
+              "fluidgrids.settings.page.subtitle",
+              "Configure workflow execution and notification preferences"
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: () => navigate("../list"), children: [
+            /* @__PURE__ */ jsx(Icon, { icon: "mdi:arrow-left", className: "mr-2", width: 16 }),
+            tr("fluidgrids.settings.page.backToWorkflows", "Back to Workflows")
+          ] })
+        ]
+      }
+    ),
     /* @__PURE__ */ jsxs(Tabs, { value: visibleTab, onValueChange: setActiveTab, className: "w-full", children: [
-      /* @__PURE__ */ jsxs(TabsList, { className: "mb-6 h-auto max-w-full flex-wrap justify-start border border-border-secondary bg-background-secondary", children: [
-        /* @__PURE__ */ jsxs(TabsTrigger, { value: "general", className: "gap-1.5", children: [
-          /* @__PURE__ */ jsx(Icon, { icon: "mdi:cog", width: 16 }),
-          tr("fluidgrids.settings.page.generalTab", "General")
-        ] }),
-        /* @__PURE__ */ jsxs(TabsTrigger, { value: "execution", className: "gap-1.5", children: [
-          /* @__PURE__ */ jsx(Icon, { icon: "mdi:play-circle", width: 16 }),
-          tr("fluidgrids.settings.page.executionTab", "Execution")
-        ] }),
-        /* @__PURE__ */ jsxs(TabsTrigger, { value: "notifications", className: "gap-1.5", children: [
-          /* @__PURE__ */ jsx(Icon, { icon: "mdi:bell-outline", width: 16 }),
-          tr("fluidgrids.settings.page.notificationsTab", "Notifications")
-        ] }),
-        logStreamsEnabled ? /* @__PURE__ */ jsxs(TabsTrigger, { value: "log-streaming", className: "gap-1.5", children: [
-          /* @__PURE__ */ jsx(Icon, { icon: "mdi:transit-connection-variant", width: 16 }),
-          tr("fluidgrids.settings.page.logStreamingTab", "Log streaming")
-        ] }) : null,
-        /* @__PURE__ */ jsxs(TabsTrigger, { value: "api", className: "gap-1.5", children: [
-          /* @__PURE__ */ jsx(Icon, { icon: "mdi:api", width: 16 }),
-          tr("fluidgrids.settings.page.apiTab", "API")
-        ] })
-      ] }),
+      /* @__PURE__ */ jsxs(
+        TabsList,
+        {
+          className: "mb-6 h-auto max-w-full flex-wrap justify-start border border-border-secondary bg-background-secondary",
+          "data-tour": "fluidgrids-settings-tabs",
+          children: [
+            /* @__PURE__ */ jsxs(TabsTrigger, { value: "general", className: "gap-1.5", children: [
+              /* @__PURE__ */ jsx(Icon, { icon: "mdi:cog", width: 16 }),
+              tr("fluidgrids.settings.page.generalTab", "General")
+            ] }),
+            /* @__PURE__ */ jsxs(
+              TabsTrigger,
+              {
+                value: "execution",
+                className: "gap-1.5",
+                "data-tour": "fluidgrids-settings-execution-tab",
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { icon: "mdi:play-circle", width: 16 }),
+                  tr("fluidgrids.settings.page.executionTab", "Execution")
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(TabsTrigger, { value: "notifications", className: "gap-1.5", children: [
+              /* @__PURE__ */ jsx(Icon, { icon: "mdi:bell-outline", width: 16 }),
+              tr("fluidgrids.settings.page.notificationsTab", "Notifications")
+            ] }),
+            logStreamsEnabled ? /* @__PURE__ */ jsxs(TabsTrigger, { value: "log-streaming", className: "gap-1.5", children: [
+              /* @__PURE__ */ jsx(Icon, { icon: "mdi:transit-connection-variant", width: 16 }),
+              tr("fluidgrids.settings.page.logStreamingTab", "Log streaming")
+            ] }) : null,
+            /* @__PURE__ */ jsxs(
+              TabsTrigger,
+              {
+                value: "api",
+                className: "gap-1.5",
+                "data-tour": "fluidgrids-settings-api-tab",
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { icon: "mdi:api", width: 16 }),
+                  tr("fluidgrids.settings.page.apiTab", "API")
+                ]
+              }
+            )
+          ]
+        }
+      ),
       /* @__PURE__ */ jsx(TabsContent, { value: "general", children: /* @__PURE__ */ jsx(GeneralTab, {}) }),
       /* @__PURE__ */ jsx(TabsContent, { value: "execution", children: /* @__PURE__ */ jsx(ExecutionTab, { workflowKey }) }),
       /* @__PURE__ */ jsx(TabsContent, { value: "notifications", children: /* @__PURE__ */ jsx(NotificationsTab, {}) }),

package/dist/{chunk-3FI4DCIY.js → chunk-MANNJ7P3.js}

@@ -1,4 +1,4 @@
-import { FluidGridsProvider, Card, FluidGridsMark } from './chunk-T3UCFY7J.js';
+import { FluidGridsProvider, Card, FluidGridsMark } from './chunk-36RTRUCM.js';
 import { Input } from './chunk-IEVSFCFS.js';
 import { Button } from './chunk-BQXVT32O.js';
 import { cn } from './chunk-JL7CASN5.js';