@burdenoff/fluidgrids-fe-sdk 2026.1111.21 → 2026.1111.23

package/README.md

@@ -345,6 +345,19 @@ with the pages and the main entry.
 `./flags` carries only the FluidGrids feature flag hooks, for a shell that reads
 a flag on every page (for example to list a navigation item).
 
+`./quota` carries only `readRunsQuota` and the `RunsQuota` type, for a host
+surface (a plan or profile popup) that reads the workspace's run allowance
+outside the builder:
+
+```ts
+import {
+  readRunsQuota,
+  type RunsQuota,
+} from "@burdenoff/fluidgrids-fe-sdk/quota";
+
+const quota: RunsQuota | null = await readRunsQuota(apolloClient, workspaceId);
+```
+
 ## Agent tools (optional)
 
 `./agent-tools` carries FluidGrids' AI agent tools (`createFluidGridsAgentTools`)

package/dist/{AiStudioPage-CJdzRL26.js → AiStudioPage-CLrMe8v8.js}

@@ -1,15 +1,15 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
 import { t as ThemeProvider } from "./theme-provider-B3mIuz2d.js";
-import { a as useAiWorkflowTemplates, i as enrichDraftNodes, n as AI_DRAFT_MAX_PROMPT_LENGTH, r as draftToCanvas, t as FlowBuilderPage } from "./flow-builder-Dwev-C_g.js";
-import { Ot as builderPathOf, kt as classifyCreateRefusal, u as ensureNodeTypesLoaded, z as buildOperationSeed } from "./FluidGridsProvider-CbY91ZQq.js";
+import { a as useAiWorkflowTemplates, i as enrichDraftNodes, n as AI_DRAFT_MAX_PROMPT_LENGTH, r as draftToCanvas, t as FlowBuilderPage } from "./flow-builder-xokwiaT1.js";
+import { Ot as builderPathOf, kt as classifyCreateRefusal, u as ensureNodeTypesLoaded, z as buildOperationSeed } from "./FluidGridsProvider-CWyQ8ziM.js";
 import { _ as throwIfResultError, n as getFluidGridsClient } from "./client-C9XSzSXr.js";
 import { a as notifyFluidGridsAiCreditsUpdated, t as AiCreditBalanceSlot } from "./aiCreditsBridge-BuE92tKo.js";
 import { Pr as WorkflowGenerationDocument, y as CancelWorkflowGenerationDocument, yt as GenerateWorkflowFromPromptDocument } from "./graphql-operation-types-kX-MMjgW.js";
-import { n as useCreateWorkflow } from "./useWorkflows-Czz5DlL0.js";
+import { n as useCreateWorkflow } from "./useWorkflows-D1-rYzGK.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
-import { f as BILLING_PLANS_PATH } from "./fluidgridsEvents-CNdcrUNN.js";
-import { T as CreateWorkflowRefusalDialog } from "./useWorkflowCodeExport-CUWMlJbi.js";
+import { t as BILLING_PLANS_PATH } from "./quota-Cdt8yz7N.js";
+import { T as CreateWorkflowRefusalDialog } from "./useWorkflowCodeExport-DebpM48M.js";
 import { s as useFluidGridsPermission, t as FLUIDGRIDS_PERMISSIONS } from "./constants-B2lhWNoN.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useNavigate } from "react-router";

package/dist/{ApprovalInboxPage-dbBDSJ-f.js → ApprovalInboxPage-D8vhnloO.js}

@@ -1,7 +1,7 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
-import { r as usePendingHumanRequests, t as HumanRequestCard } from "./HumanRequestCard-D-ooVPDn.js";
+import { i as usePendingHumanRequests, t as HumanRequestCard } from "./HumanRequestCard-mOhr-Ic9.js";
 import { t as FluidGridsDocsLink } from "./FluidGridsDocsLink-JxkBpOeb.js";
 import { _ as throwIfResultError, h as isForbiddenError, n as getFluidGridsClient } from "./client-C9XSzSXr.js";
 import { i as SdkPermissionButton, s as useFluidGridsPermission, t as FLUIDGRIDS_PERMISSIONS } from "./constants-B2lhWNoN.js";

package/dist/{DataSinkDashboardPage-hrwQSvks.js → DataSinkDashboardPage-DDvNPS8Z.js}

@@ -1,7 +1,7 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
-import { n as useDataSinks, t as useDataSinkData } from "./useObservability-FfQGgW6W.js";
+import { n as useDataSinks, t as useDataSinkData } from "./useObservability-BmbeK5bG.js";
 import { s as prettyJson, t as formatBytes } from "./utils-uaL5UVxb.js";
 import { useEffect, useMemo, useState } from "react";
 import { Icon } from "@iconify/react";

package/dist/{DataTablesPage-BZy2z0LB.js → DataTablesPage-BpnF13UT.js}

@@ -5,6 +5,7 @@ import { t as TagFilterSelect } from "./TagFilterSelect-DCBOH6Ou.js";
 import { _ as throwIfResultError, m as describeOperationError, n as getFluidGridsClient } from "./client-C9XSzSXr.js";
 import { a as useDataTableTagOverlay, n as tagLabel } from "./useEntityTags-DhnsZcTl.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
+import { i as useOpenRequest, n as ACTION_PARAM_VALUES, r as useActionParam } from "./useActionParam-B0ebTZmg.js";
 import { i as SdkPermissionButton, s as useFluidGridsPermission, t as FLUIDGRIDS_PERMISSIONS } from "./constants-B2lhWNoN.js";
 import { t as FluidGridsDocsLink } from "./FluidGridsDocsLink-JxkBpOeb.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -1356,7 +1357,8 @@ function TableRowsPanel({ table, onTableChanged, onEditTable, onDeleteTable, del
 function DataTablesPage() {
 	const tr = useTr();
 	const navigate = useNavigate();
-	const { allowed: canCreateTable } = useFluidGridsPermission(FLUIDGRIDS_PERMISSIONS.DATA_TABLE_CREATE);
+	const createTablePermission = useFluidGridsPermission(FLUIDGRIDS_PERMISSIONS.DATA_TABLE_CREATE);
+	const canCreateTable = createTablePermission.allowed;
 	const [searchInput, setSearchInput] = useState("");
 	const [search, setSearch] = useState("");
 	const [tagFilter, setTagFilter] = useState("");
@@ -1366,6 +1368,12 @@ function DataTablesPage() {
 	const [selectedId, setSelectedId] = useState(null);
 	const [tableDialogOpen, setTableDialogOpen] = useState(false);
 	const [editingTable, setEditingTable] = useState(null);
+	const newTableRequest = useActionParam(ACTION_PARAM_VALUES.new, createTablePermission);
+	const openCreateTable = useCallback(() => {
+		setEditingTable(null);
+		setTableDialogOpen(true);
+	}, []);
+	useOpenRequest(newTableRequest.requested, openCreateTable, newTableRequest.handled);
 	const selectedTable = useMemo(() => tables.find((table) => table.id === selectedId) ?? null, [selectedId, tables]);
 	useEffect(() => {
 		if (tables.length === 0) {

package/dist/{ExecutionDetailPage-DKp421Fj.js → ExecutionDetailPage-DmICvIpH.js}

@@ -1,29 +1,29 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
-import { i as useRunPending, n as useDurableParityRunFields, o as ExecutionStatusBadge, r as useRunMetadata, s as NodeStatusBadge, t as setRunVersioningOverride } from "./useDurableParity-BScby67i.js";
+import { i as useRunPending, n as useDurableParityRunFields, o as ExecutionStatusBadge, r as useRunMetadata, s as NodeStatusBadge, t as setRunVersioningOverride } from "./useDurableParity-BApRraSO.js";
 import { n as formatRunVersion, r as nodeDisplayTitle, t as buildNodeDisplayMap } from "./run-display-BycKYSU0.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
 import { s as isAgentNodeType } from "./agent-form-Bfvm32j1.js";
-import { Cn as canSignalRun, I as describeRunError, L as describeRunStep, On as runSignalTargets, Tn as durableInterfaceOf, cn as nodeStateDurationMs, ln as runDurationMs, sn as formatElapsedMs } from "./FluidGridsProvider-CbY91ZQq.js";
+import { Cn as canSignalRun, I as describeRunError, L as describeRunStep, On as runSignalTargets, Tn as durableInterfaceOf, cn as nodeStateDurationMs, ln as runDurationMs, sn as formatElapsedMs } from "./FluidGridsProvider-CWyQ8ziM.js";
 import { n as useFgAskable, r as useFgAskableSelection } from "./askAboutBridge-BV8m95kk.js";
-import { f as callbackTone, g as shortRunId, h as runChainLinks, m as parseMetadataDefinition, n as useExecution, p as overrideRequestOf, r as useExecutionActions, t as useAutoRefresh } from "./useExecutions-B0VzQcY2.js";
+import { f as callbackTone, g as shortRunId, h as runChainLinks, m as parseMetadataDefinition, n as useExecution, p as overrideRequestOf, r as useExecutionActions, t as useAutoRefresh } from "./useExecutions-C2a4EcvC.js";
 import { _ as throwIfResultError, m as describeOperationError, n as getFluidGridsClient, r as getFluidGridsClientSafe, x as getFluidGridsConfig } from "./client-C9XSzSXr.js";
 import { Yr as WorkflowRunHierarchyDocument, dn as RunAiUsageDocument, o as AgentStepUpdatedDocument, s as AgentTraceDocument, ut as ExplainRunDocument, xn as RunLogsDocument, yn as RunLogAppendedDocument } from "./graphql-operation-types-kX-MMjgW.js";
 import { i as SdkPermissionButton, s as useFluidGridsPermission, t as FLUIDGRIDS_PERMISSIONS } from "./constants-B2lhWNoN.js";
 import { t as EntityTagPicker } from "./EntityTagPicker-BqRNsLCQ.js";
-import { a as useRunHumanRequests, n as channelLabel, o as useRecipientLabel } from "./HumanRequestCard-D-ooVPDn.js";
+import { n as channelLabel, o as useRunHumanRequests, r as ApprovalApprovers, s as useRecipientLabel } from "./HumanRequestCard-mOhr-Ic9.js";
 import { a as encodedPayloadBytes, f as EffectBadge, h as useRunPolicyDecisions, i as decodePayloads, l as formatBudgetUsd, n as checkCodecServerUrl, o as isEncodedPayload, r as containsEncodedPayload, t as CodecServerError } from "./codec-client-CJ95Rmqo.js";
 import { n as useWorkflowProposal, o as canSaveRunAsTestCase, r as saveRunAsTestCase, t as WorkflowProposalCard } from "./WorkflowProposalCard-qrEeNyYG.js";
 import { t as AiCreditBalanceSlot } from "./aiCreditsBridge-BuE92tKo.js";
 import { a as fetchRunFailureClusters, i as dismissRunFailureCluster, r as OPEN_STATUSES, t as BUCKET_LABELS } from "./FailureTriagePanel-B9hDQymi.js";
-import { a as useDurableRunFields, i as useDeterminismStatus, n as SignalRunDialog, o as useRunStackTrace, r as terminateDurableRun, s as RunHistoryView, t as useRunHistory } from "./useRunHistory-BZJg72kd.js";
+import { a as useDurableRunFields, i as useDeterminismStatus, n as SignalRunDialog, o as useRunStackTrace, r as terminateDurableRun, s as RunHistoryView, t as useRunHistory } from "./useRunHistory-CqfDFRzr.js";
 import { $u as ErrorType, L as AgentStepKind, LF as WorkflowQueryRejectCondition, tI as WorkflowUpdateWaitFor, yP as VersioningBehavior } from "./graphql-types-CDKVWH2R.js";
 import { a as formatTokens, d as formatMicroUsd, o as modelLabel, r as aiCost } from "./ai-usage-glCwHyQz.js";
 import { c as useDurableParityEnabled, f as usePhaseCFlags, m as useWorkflowTestsEnabled, s as useDurableFunctionNodesEnabled } from "./feature-flags-DM5myWaD.js";
 import { A as revokeSignalToken, B as updateActivityOptions, D as resetActivities, E as queryRun, N as sendRunUpdate, O as resetRun, R as unpauseActivities, S as fetchSignalTokens, V as upsertRunSearchAttributes, _ as fetchPauseRules, b as fetchRunUpdate, d as failActivityById, g as fetchCodecServerSettings, i as completeActivityById, k as resetRunToLastCleanTask, s as createSignalToken, v as fetchRunControlFields, w as pauseActivities, y as fetchRunHistoryArchive } from "./api-BrCHB5oA.js";
 import { a as fetchTaskQueueStats } from "./api-C8e0iV-Q.js";
 import { a as RUN_CONTROL_DIALOG_STYLE, c as parseJsonInput, i as NativeSelect, l as parseJsonObjectInput, n as JsonBlock, o as StatusPill, r as JsonField, s as newRunControlId, t as FieldError, u as useResource } from "./shared-CMfn30xT.js";
-import { v as useWorkflowVersions } from "./useWorkflows-Czz5DlL0.js";
+import { v as useWorkflowVersions } from "./useWorkflows-D1-rYzGK.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Link, useNavigate, useParams, useSearchParams } from "react-router";
 import { Icon } from "@iconify/react";
@@ -1355,7 +1355,8 @@ function answerRows(request, tr) {
 // src/modules/human-response/components/RunHumanRequests.tsx
 /**
 * Run detail: the asks a "Send and Wait for Response" node made (BOFF-7651) — who was asked, by
-* which channel, until when, and what came back. Renders nothing for runs that asked nobody.
+* which channel, until when, and what came back. An approval lists its approvers with each one's
+* answer and comment (BOFF-9956). Renders nothing for runs that asked nobody.
 */
 function outcome(request, tr) {
 	const when = request.respondedAt ? new Date(request.respondedAt).toLocaleString() : "";
@@ -1405,6 +1406,10 @@ function RunHumanRequestRow({ request }) {
 					outcome(request, tr)
 				]
 			}),
+			(request.approvals?.length ?? 0) > 0 && /* @__PURE__ */ jsx("div", {
+				className: "mt-1 w-full sm:mt-0",
+				children: /* @__PURE__ */ jsx(ApprovalApprovers, { request })
+			}),
 			answer.length > 0 && /* @__PURE__ */ jsx("dl", {
 				className: "mt-1 w-full space-y-0.5 text-xs sm:mt-0",
 				"data-testid": "run-human-answer",

package/dist/{ExecutionsListPage-DwJQfDPt.js → ExecutionsListPage-D63aCXJH.js}

@@ -1,17 +1,17 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
 import { M as DEFAULT_EXECUTIONS_FILTER, N as useExecutionsStore, m as describeOperationError, n as getFluidGridsClient } from "./client-C9XSzSXr.js";
-import { c as OPERATORS_BY_TYPE, i as useExecutionStats, l as buildSearchAttributeFilter, o as useExecutionsWithStore, r as useExecutionActions, s as EMPTY_SEARCH_FILTER, t as useAutoRefresh, u as searchFilterConflicts, y as validateDateRange } from "./useExecutions-B0VzQcY2.js";
+import { c as OPERATORS_BY_TYPE, i as useExecutionStats, l as buildSearchAttributeFilter, o as useExecutionsWithStore, r as useExecutionActions, s as EMPTY_SEARCH_FILTER, t as useAutoRefresh, u as searchFilterConflicts, y as validateDateRange } from "./useExecutions-C2a4EcvC.js";
 import { c as useDurableParityEnabled, f as usePhaseCFlags } from "./feature-flags-DM5myWaD.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
 import { n as useFluidGridsPageControls } from "./pageControlsBridge-0pX9s-3k.js";
 import { t as executionsControls } from "./pageControlSpecs-DZJ9K37m.js";
 import { t as TagFilterSelect } from "./TagFilterSelect-DCBOH6Ou.js";
-import { a as useRunStatusCounts, c as runStatusLabels, l as RUN_STATUS_CONFIG, o as ExecutionStatusBadge } from "./useDurableParity-BScby67i.js";
+import { a as useRunStatusCounts, c as runStatusLabels, l as RUN_STATUS_CONFIG, o as ExecutionStatusBadge } from "./useDurableParity-BApRraSO.js";
 import { n as formatRunVersion } from "./run-display-BycKYSU0.js";
-import { ln as runDurationMs, sn as formatElapsedMs } from "./FluidGridsProvider-CbY91ZQq.js";
+import { ln as runDurationMs, sn as formatElapsedMs } from "./FluidGridsProvider-CWyQ8ziM.js";
 import { n as runListLinkKey, t as runListFilterFromSearch } from "./run-list-links-ByYC0OlV.js";
-import { h as useWorkflowDefinitions } from "./useWorkflows-Czz5DlL0.js";
+import { h as useWorkflowDefinitions } from "./useWorkflows-D1-rYzGK.js";
 import { t as FluidGridsDocsLink } from "./FluidGridsDocsLink-JxkBpOeb.js";
 import { s as useFluidGridsPermission, t as FLUIDGRIDS_PERMISSIONS } from "./constants-B2lhWNoN.js";
 import { C as jsonArg, F as startBatchOperation, I as startBatchTerminate, P as startBatchExport, m as fetchBatchOperations, n as cancelBatchOperation, p as fetchBatchOperation, x as fetchSearchAttributes } from "./api-BrCHB5oA.js";

package/dist/{FluidGridsProvider-CbY91ZQq.js → FluidGridsProvider-CWyQ8ziM.js}

@@ -6,7 +6,8 @@ import { A as nodeAccent, C as nodeAdaptersOf, D as NodeCard, E as resolveOutput
 import { n as FluidGridsTranslationProvider, r as useTr, t as ENGLISH_FALLBACK_TRANSLATOR } from "./TranslationBridge-Da-TPgQm.js";
 import { s as useDurableFunctionNodesEnabled } from "./feature-flags-DM5myWaD.js";
 import { A as CreateWorkflowDefinitionDocument, At as NodePaletteEntriesDocument, Er as WorkflowDefinitionDocument, L as CreateWorkflowVersionDocument, Tn as SaveWorkflowDraftDocument, _n as RunFromNodeDocument, at as ExecuteStepDocument, it as EventRegistrationsDocument, kt as NodeManifestsDocument, ot as ExecutionDetailDocument, qn as TriggerWorkflowDocument, qr as WorkflowRunDocument } from "./graphql-operation-types-kX-MMjgW.js";
-import { _ as errorCodesOf, g as collectExtensions, i as emitRunStarted, m as RUNS_QUOTA_NAME, n as emitRunFailed, p as QUOTA_EXHAUSTED_CODE, r as emitRunLimitHit, s as emitWorkflowCreated, v as findQuotaRefusal } from "./fluidgridsEvents-CNdcrUNN.js";
+import { a as collectExtensions, n as QUOTA_EXHAUSTED_CODE, o as errorCodesOf, r as RUNS_QUOTA_NAME, s as findQuotaRefusal } from "./quota-Cdt8yz7N.js";
+import { i as emitRunStarted, n as emitRunFailed, r as emitRunLimitHit, s as emitWorkflowCreated } from "./fluidgridsEvents-Dm5CaHtr.js";
 import { n as useFgAskable } from "./askAboutBridge-BV8m95kk.js";
 import { t as fetchAllNodeEndpointConfigs } from "./node-endpoint-configs-B5bjNMDW.js";
 import { createContext, memo, useCallback, useContext, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";

package/dist/{HistoryPage-BLXZJDoJ.js → HistoryPage-CNXgUMb0.js}

@@ -1,6 +1,6 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
-import { d as useRestoreWorkflowVersion, h as useWorkflowDefinitions } from "./useWorkflows-Czz5DlL0.js";
+import { d as useRestoreWorkflowVersion, h as useWorkflowDefinitions } from "./useWorkflows-D1-rYzGK.js";
 import { i as versionsOfWorkflow, t as VersionDiffDialog } from "./VersionDiffDialog-DSN0mU0f.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
 import { x as getFluidGridsConfig } from "./client-C9XSzSXr.js";

package/dist/{HumanRequestCard-D-ooVPDn.js → HumanRequestCard-mOhr-Ic9.js}

@@ -3,7 +3,7 @@ import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
 import { _ as throwIfResultError, n as getFluidGridsClient, x as getFluidGridsConfig } from "./client-C9XSzSXr.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Icon } from "@iconify/react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { toast } from "sonner";
 import { gql } from "@apollo/client";
 import { Badge, Card, CardContent, CardHeader, Input, Label, Textarea } from "@burdenoff/fe-libs/ui";
@@ -90,6 +90,19 @@ const HUMAN_REQUEST_FIELDS = gql`
     respondedAt
     createdAt
     canRespond
+    quorum
+    requiredApprovals
+    myDecision
+    approvals {
+      id
+      requestId
+      approverId
+      assignedVia
+      assignedFrom
+      decision
+      comment
+      answeredAt
+    }
   }
 `;
 const GET_PENDING_HUMAN_REQUESTS = gql`
@@ -223,7 +236,11 @@ function useRunHumanRequests(runId, options) {
 		refetch: fetchData
 	};
 }
-/** Answer an in-app ask. Resolves to the decision; throws with the service's reason. */
+/**
+* Answer an in-app ask. Resolves to the decision the run continued with, or null when the answer
+* was recorded and an approval quorum still needs more answers (BOFF-9956). Throws with the
+* service's reason.
+*/
 function useRespondToHumanRequest() {
 	const [loading, setLoading] = useState(false);
 	return {
@@ -247,11 +264,163 @@ function useRespondToHumanRequest() {
 	};
 }
 
+// src/modules/human-response/utils/approval-progress.ts
+function approvalCounts(approvals) {
+	let approved = 0;
+	let rejected = 0;
+	for (const approval of approvals) if (approval.decision === "APPROVED") approved++;
+	else if (approval.decision === "REJECTED") rejected++;
+	return {
+		approved,
+		rejected,
+		total: approvals.length
+	};
+}
+/** True for an approval that counts several answers (all, or N of them). */
+function hasQuorum(request) {
+	return request.responseType === "APPROVAL" && (request.quorum === "all" || request.quorum === "count");
+}
+/** "1 of 2 approvals · 1 declined", or null for an ask without a quorum. */
+function approvalProgressText(request, tr) {
+	if (!hasQuorum(request)) return null;
+	const counts = approvalCounts(request.approvals ?? []);
+	const required = request.requiredApprovals ?? counts.total;
+	const progress = request.quorum === "all" ? tr("fluidgrids.humanResponse.approvalProgressAll", "{{approved}} of {{required}} approvals (everyone must approve)", {
+		approved: counts.approved,
+		required
+	}) : tr("fluidgrids.humanResponse.approvalProgressCount", "{{approved}} of {{required}} approvals needed, from {{total}} approvers", {
+		approved: counts.approved,
+		required,
+		total: counts.total
+	});
+	if (counts.rejected === 0) return progress;
+	return `${progress} · ${tr("fluidgrids.humanResponse.approvalDeclinedCount", "{{count}} declined", { count: counts.rejected })}`;
+}
+/** An approver's answer in words. A missing answer reads differently once the ask closed. */
+function approverDecisionLabel(decision, askOpen, tr) {
+	if (decision === "APPROVED") return tr("fluidgrids.humanResponse.approverApproved", "Approved");
+	if (decision === "REJECTED") return tr("fluidgrids.humanResponse.approverDeclined", "Declined");
+	return askOpen ? tr("fluidgrids.humanResponse.approverWaiting", "Not answered yet") : tr("fluidgrids.humanResponse.approverNoAnswer", "Did not answer");
+}
+/** The toast after an in-app answer: the run continued, or the answer waits for the others. */
+function answeredToastText(decision, tr) {
+	if (decision === null) return tr("fluidgrids.humanResponse.approvalRecordedToast", "Your answer is recorded. The workflow continues once enough approvers have answered.");
+	return decision === "declined" ? tr("fluidgrids.humanResponse.declinedToast", "Declined — the workflow is continuing") : tr("fluidgrids.humanResponse.answeredToast", "Response sent — the workflow is continuing");
+}
+/**
+* Why the caller cannot answer this ask here: they already answered it, it went to someone else,
+* or it is answered through the link in its message.
+*/
+function notAnswerableText(request, channelName, tr) {
+	if (request.myDecision === "APPROVED") return tr("fluidgrids.humanResponse.youApproved", "You approved this. It is waiting for the other approvers.");
+	if (request.myDecision === "REJECTED") return tr("fluidgrids.humanResponse.youDeclined", "You declined this. It is waiting for the other approvers.");
+	return request.channel === "IN_APP" ? tr("fluidgrids.humanResponse.notForYou", "This request was sent to someone else.") : tr("fluidgrids.humanResponse.answerByLink", "Answered through the link in the {{channel}} message.", { channel: channelName });
+}
+
+// src/modules/human-response/hooks/useApproverNames.ts
+/**
+* Names for the approvers of an approval (BOFF-9956). Approvers are stored as user ids; they are
+* resolved through the shared actor-profile cache, the same lookup the run page uses for
+* "triggered by" and `useRecipientLabel` uses for who an ask went to.
+*/
+/** Display name per user id; ids the profile service does not know get the shared fallback. */
+function useApproverNames(userIds) {
+	const idsKey = [...new Set(userIds)].join(",");
+	const inputs = useMemo(() => idsKey ? idsKey.split(",").map((actorId) => ({
+		actorId,
+		actorType: "user"
+	})) : [], [idsKey]);
+	const config = getFluidGridsConfig();
+	const profiles = useActorProfiles(inputs, {
+		workspaceId: config.workspaceId || void 0,
+		orgId: config.organizationId,
+		authToken: config.authToken
+	});
+	return useMemo(() => {
+		const names = {};
+		for (const input of inputs) names[input.actorId] = profiles[input.actorId]?.displayName ?? buildActorFallback({
+			actorId: input.actorId,
+			actorType: "user"
+		}).displayName;
+		return names;
+	}, [inputs, profiles]);
+}
+
+// src/modules/human-response/components/ApprovalApprovers.tsx
+/**
+* The approvers of an in-app approval (BOFF-9956): where the quorum stands, and who was asked, how
+* (by name or through a role), what each answered, when, and their comment. Shown on the run page
+* and in the Approvals inbox. Renders nothing for an ask that named no approvers and has no answer.
+*/
+const DECISION_ICON = {
+	APPROVED: "mdi:check-circle-outline",
+	REJECTED: "mdi:close-circle-outline",
+	PENDING: "mdi:clock-outline"
+};
+const DECISION_TONE = {
+	APPROVED: "text-status-success-text",
+	REJECTED: "text-status-error-text",
+	PENDING: "text-text-secondary"
+};
+/** "1 of 2 approvals needed, from 3 approvers"; nothing for an ask without a quorum. */
+function ApprovalProgress({ request }) {
+	const tr = useTr();
+	const text = approvalProgressText(request, tr);
+	if (!text) return null;
+	return /* @__PURE__ */ jsx("p", {
+		className: "text-xs font-medium text-text-primary",
+		"data-testid": "approval-progress",
+		children: text
+	});
+}
+function ApprovalApprovers({ request }) {
+	const tr = useTr();
+	const approvals = request.approvals ?? [];
+	const names = useApproverNames(approvals.map((approval) => approval.approverId));
+	if (approvals.length === 0) return null;
+	const askOpen = request.status === "PENDING";
+	return /* @__PURE__ */ jsxs("div", {
+		className: "w-full space-y-1.5",
+		"data-testid": "approval-approvers",
+		children: [/* @__PURE__ */ jsx(ApprovalProgress, { request }), /* @__PURE__ */ jsx("ul", {
+			className: "space-y-1",
+			children: approvals.map((approval) => /* @__PURE__ */ jsxs("li", {
+				className: "flex flex-col gap-0.5 text-xs sm:flex-row sm:flex-wrap sm:items-baseline sm:gap-x-2",
+				"data-testid": "approval-approver",
+				"data-decision": approval.decision,
+				children: [
+					/* @__PURE__ */ jsxs("span", {
+						className: "flex items-center gap-1 font-medium text-text-primary",
+						children: [/* @__PURE__ */ jsx(Icon, {
+							icon: DECISION_ICON[approval.decision],
+							width: 14,
+							className: DECISION_TONE[approval.decision]
+						}), names[approval.approverId] ?? approval.approverId]
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						className: "text-text-secondary",
+						children: [
+							approverDecisionLabel(approval.decision, askOpen, tr),
+							approval.answeredAt && ` · ${new Date(approval.answeredAt).toLocaleString()}`,
+							approval.assignedFrom && ` · ${tr("fluidgrids.humanResponse.approverViaRole", "asked as {{role}}", { role: approval.assignedFrom })}`
+						]
+					}),
+					approval.comment && /* @__PURE__ */ jsx("q", {
+						className: "w-full whitespace-pre-wrap break-words text-text-primary",
+						children: approval.comment
+					})
+				]
+			}, approval.id))
+		})]
+	});
+}
+
 // src/modules/human-response/components/HumanRequestCard.tsx
 /**
 * One "Send and Wait for Response" ask in the in-app inbox (BOFF-7651): what was asked, of whom,
 * through which channel and until when — and, when the caller may answer it in-app, the controls
-* to do so (Approve / Decline, a text box, or the custom form).
+* to do so (Approve / Decline, a text box, or the custom form). An approval with several approvers
+* (BOFF-9956) also shows where its quorum stands and takes an optional comment with the answer.
 */
 const CHANNEL_ICON = {
 	EMAIL: "mdi:email-outline",
@@ -315,6 +484,62 @@ function FormControls({ requestId, fields, values, onChange }) {
 		})
 	});
 }
+/** Approve / Decline, with an optional comment that is recorded with the answer (BOFF-9956). */
+function ApprovalControls({ request, loading, onAnswer }) {
+	const tr = useTr();
+	const [comment, setComment] = useState("");
+	const note = comment.trim() ? { comment: comment.trim() } : {};
+	const commentId = `human-comment-${request.id}`;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2 pt-1",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "space-y-1.5",
+			children: [/* @__PURE__ */ jsx(Label, {
+				htmlFor: commentId,
+				children: tr("fluidgrids.humanResponse.commentLabel", "Comment (optional)")
+			}), /* @__PURE__ */ jsx(Textarea, {
+				id: commentId,
+				value: comment,
+				maxLength: 2e3,
+				placeholder: tr("fluidgrids.humanResponse.commentPlaceholder", "Why you approve or decline. It is saved with your answer on the run."),
+				onChange: (event) => setComment(event.target.value),
+				"data-testid": "human-request-comment"
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-wrap items-center gap-2",
+			children: [/* @__PURE__ */ jsxs(Button$1, {
+				"data-agent": "confirm",
+				size: "sm",
+				disabled: loading,
+				onClick: () => onAnswer({
+					action: "approve",
+					...note
+				}),
+				"data-testid": "human-request-approve",
+				children: [/* @__PURE__ */ jsx(Icon, {
+					icon: "mdi:check",
+					className: "mr-1.5",
+					width: 16
+				}), request.approveLabel]
+			}), request.approvalType === "double" && /* @__PURE__ */ jsxs(Button$1, {
+				"data-agent": "confirm",
+				size: "sm",
+				variant: "destructive",
+				disabled: loading,
+				onClick: () => onAnswer({
+					action: "decline",
+					...note
+				}),
+				"data-testid": "human-request-decline",
+				children: [/* @__PURE__ */ jsx(Icon, {
+					icon: "mdi:close",
+					className: "mr-1.5",
+					width: 16
+				}), request.declineLabel]
+			})]
+		})]
+	});
+}
 function HumanRequestCard({ request, onAnswered }) {
 	const tr = useTr();
 	const { respond, loading } = useRespondToHumanRequest();
@@ -323,7 +548,7 @@ function HumanRequestCard({ request, onAnswered }) {
 	const submit = async (answer) => {
 		try {
 			const decision = await respond(request.id, answer);
-			toast.success(decision === "declined" ? tr("fluidgrids.humanResponse.declinedToast", "Declined — the workflow is continuing") : tr("fluidgrids.humanResponse.answeredToast", "Response sent — the workflow is continuing"));
+			toast.success(answeredToastText(decision, tr));
 			onAnswered();
 		} catch (err) {
 			toast.error(err instanceof Error ? err.message : tr("fluidgrids.humanResponse.failed", "Your response could not be recorded"));
@@ -369,9 +594,10 @@ function HumanRequestCard({ request, onAnswered }) {
 					className: "whitespace-pre-wrap break-words text-sm text-text-primary",
 					children: request.message
 				}),
+				/* @__PURE__ */ jsx(ApprovalApprovers, { request }),
 				!request.canRespond && /* @__PURE__ */ jsx("p", {
 					className: "text-xs text-text-secondary",
-					children: request.channel === "IN_APP" ? tr("fluidgrids.humanResponse.notForYou", "This request was sent to someone else.") : tr("fluidgrids.humanResponse.answerByLink", "Answered through the link in the {{channel}} message.", { channel: channelLabel(request.channel, tr) })
+					children: notAnswerableText(request, channelLabel(request.channel, tr), tr)
 				}),
 				request.canRespond && request.responseType === "FREE_TEXT" && /* @__PURE__ */ jsxs("div", {
 					className: "space-y-1.5",
@@ -393,32 +619,14 @@ function HumanRequestCard({ request, onAnswered }) {
 						[name]: value
 					}))
 				}),
-				request.canRespond && /* @__PURE__ */ jsx("div", {
+				request.canRespond && request.responseType === "APPROVAL" && /* @__PURE__ */ jsx(ApprovalControls, {
+					request,
+					loading,
+					onAnswer: submit
+				}),
+				request.canRespond && request.responseType !== "APPROVAL" && /* @__PURE__ */ jsx("div", {
 					className: "flex flex-wrap items-center gap-2 pt-1",
-					children: request.responseType === "APPROVAL" ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Button$1, {
-						"data-agent": "confirm",
-						size: "sm",
-						disabled: loading,
-						onClick: () => submit({ action: "approve" }),
-						"data-testid": "human-request-approve",
-						children: [/* @__PURE__ */ jsx(Icon, {
-							icon: "mdi:check",
-							className: "mr-1.5",
-							width: 16
-						}), request.approveLabel]
-					}), request.approvalType === "double" && /* @__PURE__ */ jsxs(Button$1, {
-						"data-agent": "confirm",
-						size: "sm",
-						variant: "destructive",
-						disabled: loading,
-						onClick: () => submit({ action: "decline" }),
-						"data-testid": "human-request-decline",
-						children: [/* @__PURE__ */ jsx(Icon, {
-							icon: "mdi:close",
-							className: "mr-1.5",
-							width: 16
-						}), request.declineLabel]
-					})] }) : /* @__PURE__ */ jsxs(Button$1, {
+					children: /* @__PURE__ */ jsxs(Button$1, {
 						"data-agent": "confirm",
 						size: "sm",
 						disabled: loading || missingRequired || emptyText,
@@ -436,4 +644,4 @@ function HumanRequestCard({ request, onAnswered }) {
 	});
 }
 
-export { useRunHumanRequests as a, useRespondToHumanRequest as i, channelLabel as n, useRecipientLabel as o, usePendingHumanRequests as r, HumanRequestCard as t };
+export { useRespondToHumanRequest as a, usePendingHumanRequests as i, channelLabel as n, useRunHumanRequests as o, ApprovalApprovers as r, useRecipientLabel as s, HumanRequestCard as t };

package/dist/{InsightsPage-ChnoW5U4.js → InsightsPage-Duo83yAM.js}

@@ -1,7 +1,7 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
-import { o as useRunReplayActions, r as useInsightsData } from "./useObservability-FfQGgW6W.js";
+import { o as useRunReplayActions, r as useInsightsData } from "./useObservability-BmbeK5bG.js";
 import { a as getTopFailingWorkflows, i as getTopFailingNodes, n as formatDuration, o as percentage, r as getFailureBreakdown } from "./utils-uaL5UVxb.js";
 import { n as FailureTriagePanel } from "./FailureTriagePanel-B9hDQymi.js";
 import { o as useContinuousOptimisationEnabled } from "./feature-flags-DM5myWaD.js";

package/dist/{MissingNodesInstallModal-mYFfy9Gg.js → MissingNodesInstallModal-Q3RYBvS8.js}

@@ -1,7 +1,7 @@
 "use client";
 import { a as DialogFooter, i as DialogDescription, l as DialogTitle, o as DialogHeader, r as DialogContent, t as Dialog } from "./dialog-Cjb4lB4D.js";
 import { t as Button } from "./button-DG7y_FVJ.js";
-import { r as Badge } from "./TemplateCard-HIMsb47R.js";
+import { r as Badge } from "./TemplateCard-6W2q2wiK.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { AlertTriangle, CheckCircle2, Download, ExternalLink, Loader2, Puzzle, ShoppingCart } from "lucide-react";
 

package/dist/{QuotaExhaustedDialog-DWm_YWL7.js → QuotaExhaustedDialog-ChBoJnRo.js}

@@ -1,7 +1,8 @@
 "use client";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
-import { gn as useFluidGridsAnalytics } from "./FluidGridsProvider-CbY91ZQq.js";
-import { c as emitWorkflowLimitHit, h as WORKFLOWS_QUOTA_NAME, o as emitUpgradeClicked } from "./fluidgridsEvents-CNdcrUNN.js";
+import { gn as useFluidGridsAnalytics } from "./FluidGridsProvider-CWyQ8ziM.js";
+import { c as emitWorkflowLimitHit, o as emitUpgradeClicked } from "./fluidgridsEvents-Dm5CaHtr.js";
+import { i as WORKFLOWS_QUOTA_NAME } from "./quota-Cdt8yz7N.js";
 import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@burdenoff/fe-libs/ui";

package/dist/{SettingsPage-CXoKX0px.js → SettingsPage-DI_vIG7t.js}

@@ -11,8 +11,8 @@ import { M as saveCodecServerSettings, _ as fetchPauseRules, a as createPauseRul
 import { i as NativeSelect, o as StatusPill, t as FieldError, u as useResource } from "./shared-CMfn30xT.js";
 import { KF as WorkflowSearchAttributeType } from "./graphql-types-CDKVWH2R.js";
 import { H as useFlowStore } from "./node-operation-selection--oy-yEq_.js";
-import { Nt as useSaveStatusStore, tn as findSaveConflict } from "./FluidGridsProvider-CbY91ZQq.js";
-import { a as useLogStreamDestinations, i as useLogStreamDestinationActions } from "./useObservability-FfQGgW6W.js";
+import { Nt as useSaveStatusStore, tn as findSaveConflict } from "./FluidGridsProvider-CWyQ8ziM.js";
+import { a as useLogStreamDestinations, i as useLogStreamDestinationActions } from "./useObservability-BmbeK5bG.js";
 import { n as useConnections } from "./useConnections-Cs7LCWEM.js";
 import { Nt as useUpdateWorkflowDefinitionMutation, Rt as useWorkflowDefinitionQuery, Vt as useWorkflowDefinitionsQuery, n as useAgentDefinitions } from "./useAgentDefinitions-B0dam3_o.js";
 import { a as formToInput$2, i as emptyAgentForm, n as agentToForm, o as grantDays, r as describeRule, t as AgentFormError } from "./agent-form-Bfvm32j1.js";

package/dist/{TemplateCard-HIMsb47R.js → TemplateCard-6W2q2wiK.js}

@@ -1,9 +1,10 @@
 "use client";
 import { _ as throwIfResultError, n as getFluidGridsClient, x as getFluidGridsConfig } from "./client-C9XSzSXr.js";
 import { i as getGlobalStoreClient } from "./node-registry-refresh-Dy0uRg9f.js";
-import { A as StoreNodeProductsByTypeDocument, C as GetMyNodeInstallationsDocument, D as InstallWorkflowNodeDocument, c as ensureInstalledNodeTypesLoaded, d as ensureRegistryNodeTypesLoaded, gn as useFluidGridsAnalytics, i as AVAILABLE_NODES, o as NODE_CONFIGS, t as FluidGridsContext, x as BrowseWorkflowTemplatesDocument } from "./FluidGridsProvider-CbY91ZQq.js";
+import { A as StoreNodeProductsByTypeDocument, C as GetMyNodeInstallationsDocument, D as InstallWorkflowNodeDocument, c as ensureInstalledNodeTypesLoaded, d as ensureRegistryNodeTypesLoaded, gn as useFluidGridsAnalytics, i as AVAILABLE_NODES, o as NODE_CONFIGS, t as FluidGridsContext, x as BrowseWorkflowTemplatesDocument } from "./FluidGridsProvider-CWyQ8ziM.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
-import { a as emitTemplateUsed, s as emitWorkflowCreated, t as emitNodeInstalled, y as isQuotaExhaustedFailure } from "./fluidgridsEvents-CNdcrUNN.js";
+import { c as isQuotaExhaustedFailure } from "./quota-Cdt8yz7N.js";
+import { a as emitTemplateUsed, s as emitWorkflowCreated, t as emitNodeInstalled } from "./fluidgridsEvents-Dm5CaHtr.js";
 import { t as cn } from "./cn-QqidFIgr.js";
 import { t as Button } from "./button-DG7y_FVJ.js";
 import { i as SdkPermissionButton, t as FLUIDGRIDS_PERMISSIONS } from "./constants-B2lhWNoN.js";
@@ -1079,7 +1080,7 @@ async function dismissToastWhenShown(id) {
 }
 
 // src/hooks/store/useTemplateImportFlow.tsx
-const LazyTemplateConfigurationModal = lazy(() => import("./TemplateConfigurationModal-BNtbJ2fv.js").then((m) => ({ default: m.TemplateConfigurationModal })));
+const LazyTemplateConfigurationModal = lazy(() => import("./TemplateConfigurationModal-qNQGP7cm.js").then((m) => ({ default: m.TemplateConfigurationModal })));
 /**
 * "Use this template", the same everywhere it is offered: the builder's
 * template panel, the Templates page and the template preview page

package/dist/{TemplateConfigurationModal-BNtbJ2fv.js → TemplateConfigurationModal-qNQGP7cm.js}

@@ -1,7 +1,7 @@
 "use client";
 import { a as DialogFooter, d as Input, i as DialogDescription, l as DialogTitle, o as DialogHeader, r as DialogContent, t as Dialog } from "./dialog-Cjb4lB4D.js";
 import { t as Button } from "./button-DG7y_FVJ.js";
-import { r as Badge } from "./TemplateCard-HIMsb47R.js";
+import { r as Badge } from "./TemplateCard-6W2q2wiK.js";
 import { t as Label } from "./label-CDy86rIZ.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
 import { useEffect, useMemo, useState } from "react";

package/dist/{TemplateDetailPanel-C6Zh2WRF.js → TemplateDetailPanel-CQvYqhVO.js}

@@ -1,6 +1,6 @@
 "use client";
 import { t as Button } from "./button-DG7y_FVJ.js";
-import { n as templatePreview, r as Badge } from "./TemplateCard-HIMsb47R.js";
+import { n as templatePreview, r as Badge } from "./TemplateCard-6W2q2wiK.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
 import { i as SdkPermissionButton, t as FLUIDGRIDS_PERMISSIONS } from "./constants-B2lhWNoN.js";
 import { Icon } from "@iconify/react";