@manta-eu/react 0.5.1 → 0.6.0

package/src/hooks/useActionGraph.ts

@@ -0,0 +1,41 @@
+import {
+  runActionGraph,
+  type ActionGraphql,
+  type GraphOp,
+  type GraphRun,
+  type GraphRunOptions,
+} from "@manta-eu/client/shared/action-graph";
+import { useMutation, useQueryClient, type UseMutationResult } from "@tanstack/react-query";
+import { uniq } from "ramda";
+import { useSparqlOptions } from "#hooks/use-sparql-options";
+import { useMantaClient } from "#providers/MantaClientProvider";
+import { invalidateActionPlanQueries } from "#shared/query-keys";
+
+export type UseActionGraphOptions = Omit<GraphRunOptions, "graphql" | "readOptions">;
+
+export const actionGraphMutationKey = ["ExecuteActionGraph"] as const;
+
+const planGraphIris = ({ results }: GraphRun): string[] =>
+  uniq(results.flatMap((result) => ("planGraphIri" in result ? [result.planGraphIri] : [])));
+
+/** Sends a change of several entities as one plan and reads back what each op did; `results[i]` is `ops[i]`. */
+export function useActionGraph(
+  options: UseActionGraphOptions = {},
+): UseMutationResult<GraphRun, Error, readonly GraphOp[]> {
+  const { mantaClient } = useMantaClient();
+  const readOptions = useSparqlOptions();
+  const queryClient = useQueryClient();
+
+  const graphql: ActionGraphql = (document, variables, request) =>
+    mantaClient.request({ document, variables, signal: request?.signal });
+
+  return useMutation<GraphRun, Error, readonly GraphOp[]>({
+    mutationKey: actionGraphMutationKey,
+    mutationFn: (ops) => runActionGraph(ops, { ...options, graphql, readOptions }),
+    onSuccess: async (run) => {
+      await Promise.all(
+        planGraphIris(run).map((planGraphIri) => invalidateActionPlanQueries(queryClient, planGraphIri)),
+      );
+    },
+  });
+}

package/src/lib/tool-icons.ts

@@ -44,6 +44,7 @@ const toolIconMap: Record<ToolName, LucideIcon> = {
   setDailyChangeLimit: DollarSign,
   markAsLowRisk: CheckCircle2,
   readUploadedFile: Paperclip,
+  requestBudgetChange: DollarSign,
 };
 
 type StepIconName =

package/src/routes/plans/components/ActionPlansPage.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import { GQLActionPlanState } from "@manta-eu/client";
 import { buildPlanHref as defaultBuildPlanHref } from "@manta-eu/client/shared/agent-mode";
 import { isPresent } from "@manta-eu/lib/present";
 import type { SortingState } from "@tanstack/react-table";
@@ -32,6 +31,7 @@ import {
 } from "./actionPlansTableConfig";
 import { renderDefaultActionPlansFrame, type ActionPlansFrameProps } from "./frame";
 import { ExecutePlanDialog } from "#components/planning/ExecutePlanDialog";
+import { canNeedApproval } from "#components/planning/plan-detail-utils";
 import { createTableConfig, useTableState } from "#components/table/index";
 import { useActionPlans } from "#hooks/useActionPlans";
 import { useFittedPagination } from "#hooks/useFittedPagination";
@@ -168,13 +168,13 @@ export function ActionPlansPage(props: ActionPlansPageProps) {
     }
   }, [count, isLoading, pageIndex, totalPages]);
 
-  const runningPlanIris = useMemo(
-    () => plans.filter((plan) => plan.state === GQLActionPlanState.Running).map((plan) => plan.iri),
+  const approvablePlanIris = useMemo(
+    () => plans.filter((plan) => canNeedApproval(plan.state)).map((plan) => plan.iri),
     [plans],
   );
 
   const { data: manualActionsByPlan } = useManualActionsForPlans({
-    planGraphIris: runningPlanIris,
+    planGraphIris: approvablePlanIris,
     refetchIntervalMs: 10000,
   });
 

package/src/routes/plans/components/PlanDetailRouteContent.tsx

@@ -21,6 +21,7 @@ import type { PlanViewMode } from "#components/planning/TopBar";
 import { useActionPlanDetail } from "#hooks/useActionPlanDetail";
 import { useActionPlanExecution } from "#hooks/useActionPlanExecution";
 import { ActionPlanChangesTable, useActionPlanExecutionProvenance, useManualActions } from "#ldo-ui";
+import { getPendingManualActions } from "#lib/manual-actions";
 import { useMantaClient } from "#providers/MantaClientProvider";
 import { ActivityDetail } from "#routes/activity/detail/ActivityDetail";
 import { invalidateActionPlanQueries } from "#shared/query-keys";
@@ -138,6 +139,7 @@ export function PlanDetailRouteContent(props: PlanDetailRouteContentProps) {
     triggeredAtMs: executionControl.triggeredAtMs,
     isRunningOverride: hasConfirmedExecution || hasExecutionEvidence,
   });
+  const pendingApprovalCount = getPendingManualActions(manualActions).length;
   const { triggeredAtMs, dryRun } = executionControl;
   const isDryRun = deriveIsDryRun({ provenance: executionProvenance ?? null, triggeredAtMs, dryRun });
   const shouldShowActioningSurface =
@@ -180,6 +182,7 @@ export function PlanDetailRouteContent(props: PlanDetailRouteContentProps) {
         viewMode={activeViewMode}
         stateOverride={derivedPlanState}
         isDryRun={isDryRun}
+        pendingApprovalCount={pendingApprovalCount}
         onViewModeChange={setViewMode}
         onExecute={detailExecuteAction}
         onCancel={detailCancelAction}