@stigmer/react 3.1.10 → 3.1.11

package/src/workflow/__tests__/WorkflowTaskReviewGate.test.tsx

@@ -0,0 +1,283 @@
+import { describe, it, expect, vi, afterEach, beforeEach } from "vitest";
+import { render, screen, fireEvent, cleanup, waitFor } from "@testing-library/react";
+import type { ReactNode } from "react";
+import { StigmerContext } from "../../context";
+import { FetchCacheContext } from "../../internal/FetchCacheProvider";
+import { ReviewRendererContext, type ReviewRenderers } from "../ReviewRendererContext";
+import { WorkflowTaskReviewGate } from "../WorkflowTaskReviewGate";
+
+/**
+ * Minimal Stigmer client stub. `artifact.getContent` only matters for
+ * artifact-backed payload tests; inline tests never call it.
+ */
+function createMockStigmer(overrides: {
+  getContent?: (...args: unknown[]) => Promise<unknown>;
+} = {}) {
+  return {
+    artifact: {
+      getContent:
+        overrides.getContent ??
+        vi.fn().mockRejectedValue(new Error("getContent not stubbed")),
+    },
+  } as never;
+}
+
+function jsonContentResponse(value: unknown) {
+  const bytes = new TextEncoder().encode(JSON.stringify(value));
+  return {
+    content: bytes,
+    contentType: "application/json",
+    totalSizeBytes: BigInt(bytes.length),
+    truncated: false,
+  };
+}
+
+function wrapper(client: unknown, renderers: ReviewRenderers = {}) {
+  return function Wrapper({ children }: { children: ReactNode }) {
+    return (
+      <FetchCacheContext.Provider value={null}>
+        <StigmerContext.Provider value={client as never}>
+          <ReviewRendererContext.Provider value={renderers}>
+            {children}
+          </ReviewRendererContext.Provider>
+        </StigmerContext.Provider>
+      </FetchCacheContext.Provider>
+    );
+  };
+}
+
+const defaultProps = {
+  taskName: "editorial_review",
+  prompt: "Review the proposed revision before publishing.",
+  outcomes: [
+    { name: "approve", label: "Approve" },
+    { name: "request_changes", label: "Request Changes" },
+  ],
+  onSubmit: vi.fn().mockResolvedValue(undefined),
+  isSubmitting: false,
+  error: null,
+};
+
+describe("WorkflowTaskReviewGate", () => {
+  beforeEach(() => {
+    vi.restoreAllMocks();
+  });
+  afterEach(cleanup);
+
+  describe("renderer dispatch", () => {
+    it("renders the built-in card when the gate has no ui_hint", () => {
+      render(<WorkflowTaskReviewGate {...defaultProps} />, {
+        wrapper: wrapper(createMockStigmer()),
+      });
+
+      expect(
+        screen.getByRole("form", { name: /approval decision for editorial_review/i }),
+      ).toBeTruthy();
+    });
+
+    it("falls back to the built-in card for an unregistered ui_hint (portability)", () => {
+      render(
+        <WorkflowTaskReviewGate
+          {...defaultProps}
+          uiHint="article-diff"
+          payload={{ title: "Draft v2" }}
+        />,
+        { wrapper: wrapper(createMockStigmer(), {}) },
+      );
+
+      expect(
+        screen.getByRole("form", { name: /approval decision for editorial_review/i }),
+      ).toBeTruthy();
+    });
+
+    it("renders the registered custom renderer for a matching ui_hint", () => {
+      const renderers: ReviewRenderers = {
+        "article-diff": ({ payload }) => (
+          <div data-testid="custom-renderer">
+            {(payload as { title: string }).title}
+          </div>
+        ),
+      };
+
+      render(
+        <WorkflowTaskReviewGate
+          {...defaultProps}
+          uiHint="article-diff"
+          payload={{ title: "Draft v2" }}
+        />,
+        { wrapper: wrapper(createMockStigmer(), renderers) },
+      );
+
+      expect(screen.getByTestId("custom-renderer").textContent).toBe("Draft v2");
+      expect(screen.queryByRole("form")).toBeNull();
+    });
+
+    it("passes formSchema and outcomes through to the custom renderer", () => {
+      const seen: { formSchema?: unknown; outcomes?: unknown } = {};
+      const renderers: ReviewRenderers = {
+        "article-diff": ({ formSchema, outcomes }) => {
+          seen.formSchema = formSchema;
+          seen.outcomes = outcomes;
+          return <div data-testid="custom-renderer" />;
+        },
+      };
+
+      const formSchema = { type: "object", properties: { notes: { type: "string" } } };
+      render(
+        <WorkflowTaskReviewGate
+          {...defaultProps}
+          uiHint="article-diff"
+          payload={{ title: "Draft" }}
+          formSchema={formSchema}
+        />,
+        { wrapper: wrapper(createMockStigmer(), renderers) },
+      );
+
+      expect(seen.formSchema).toEqual(formSchema);
+      expect(seen.outcomes).toEqual(defaultProps.outcomes);
+    });
+
+    it("binds taskName into the renderer's submit callback", () => {
+      const onSubmit = vi.fn().mockResolvedValue(undefined);
+      const renderers: ReviewRenderers = {
+        "article-diff": ({ submit }) => (
+          <button
+            type="button"
+            onClick={() => submit("approve", { notes: "lgtm" }, "ship it")}
+          >
+            Decide
+          </button>
+        ),
+      };
+
+      render(
+        <WorkflowTaskReviewGate
+          {...defaultProps}
+          onSubmit={onSubmit}
+          uiHint="article-diff"
+          payload={{ title: "Draft" }}
+        />,
+        { wrapper: wrapper(createMockStigmer(), renderers) },
+      );
+
+      fireEvent.click(screen.getByRole("button", { name: "Decide" }));
+
+      expect(onSubmit).toHaveBeenCalledWith(
+        "editorial_review",
+        "approve",
+        { notes: "lgtm" },
+        "ship it",
+      );
+    });
+  });
+
+  describe("inline payload fallback display", () => {
+    it("shows the payload as structured data in the built-in card", () => {
+      render(
+        <WorkflowTaskReviewGate
+          {...defaultProps}
+          payload={{ severity: "P1", summary: "Database migration plan" }}
+        />,
+        { wrapper: wrapper(createMockStigmer()) },
+      );
+
+      expect(screen.getByLabelText("Review material for editorial_review")).toBeTruthy();
+      expect(screen.getByText("Database migration plan")).toBeTruthy();
+    });
+
+    it("omits the review material section when the gate has no payload", () => {
+      render(<WorkflowTaskReviewGate {...defaultProps} />, {
+        wrapper: wrapper(createMockStigmer()),
+      });
+
+      expect(screen.queryByLabelText("Review material for editorial_review")).toBeNull();
+    });
+  });
+
+  describe("artifact-backed payload", () => {
+    it("shows a loading state, then the custom renderer with fetched content", async () => {
+      const getContent = vi
+        .fn()
+        .mockResolvedValue(jsonContentResponse({ records: ["r1", "r2"] }));
+      const renderers: ReviewRenderers = {
+        "infra-proposal": ({ payload }) => (
+          <div data-testid="custom-renderer">
+            {(payload as { records: string[] }).records.length} records
+          </div>
+        ),
+      };
+
+      render(
+        <WorkflowTaskReviewGate
+          {...defaultProps}
+          uiHint="infra-proposal"
+          payloadArtifactId="art_review123"
+        />,
+        { wrapper: wrapper(createMockStigmer({ getContent }), renderers) },
+      );
+
+      expect(
+        screen.getByRole("status", { name: /loading review material/i }),
+      ).toBeTruthy();
+
+      await waitFor(() =>
+        expect(screen.getByTestId("custom-renderer").textContent).toBe("2 records"),
+      );
+      expect(getContent).toHaveBeenCalledWith(
+        expect.objectContaining({ artifactId: "art_review123" }),
+      );
+    });
+
+    it("shows an error state with retry when the artifact fetch fails", async () => {
+      const getContent = vi.fn().mockRejectedValue(new Error("storage unavailable"));
+
+      render(
+        <WorkflowTaskReviewGate {...defaultProps} payloadArtifactId="art_review123" />,
+        { wrapper: wrapper(createMockStigmer({ getContent })) },
+      );
+
+      await waitFor(() => expect(screen.getByRole("alert")).toBeTruthy());
+      expect(screen.getByText(/storage unavailable/)).toBeTruthy();
+      expect(screen.getByRole("button", { name: "Retry" })).toBeTruthy();
+      // The gate must never offer a decision without its review material.
+      expect(screen.queryByRole("form")).toBeNull();
+    });
+
+    it("retries the fetch when the reviewer clicks Retry", async () => {
+      const getContent = vi
+        .fn()
+        .mockRejectedValueOnce(new Error("transient"))
+        .mockResolvedValue(jsonContentResponse({ ok: true }));
+
+      render(
+        <WorkflowTaskReviewGate {...defaultProps} payloadArtifactId="art_review123" />,
+        { wrapper: wrapper(createMockStigmer({ getContent })) },
+      );
+
+      await waitFor(() => expect(screen.getByRole("alert")).toBeTruthy());
+      fireEvent.click(screen.getByRole("button", { name: "Retry" }));
+
+      await waitFor(() =>
+        expect(screen.getByRole("form", { name: /approval decision/i })).toBeTruthy(),
+      );
+      expect(getContent).toHaveBeenCalledTimes(2);
+    });
+
+    it("surfaces a parse failure as an error instead of rendering garbage", async () => {
+      const bytes = new TextEncoder().encode("{not json");
+      const getContent = vi.fn().mockResolvedValue({
+        content: bytes,
+        contentType: "application/json",
+        totalSizeBytes: BigInt(bytes.length),
+        truncated: false,
+      });
+
+      render(
+        <WorkflowTaskReviewGate {...defaultProps} payloadArtifactId="art_review123" />,
+        { wrapper: wrapper(createMockStigmer({ getContent })) },
+      );
+
+      await waitFor(() => expect(screen.getByRole("alert")).toBeTruthy());
+    });
+  });
+});

package/src/workflow/__tests__/derive-task-detail.test.ts

@@ -1,4 +1,6 @@
 import { describe, it, expect } from "vitest";
+import { fromJson } from "@bufbuild/protobuf";
+import { ValueSchema } from "@bufbuild/protobuf/wkt";
 import type { WorkflowExecutionEvent } from "@stigmer/protos/ai/stigmer/agentic/workflowexecution/v1/event_pb";
 import type { WorkflowTask } from "@stigmer/protos/ai/stigmer/agentic/workflowexecution/v1/api_pb";
 import type { DerivedTaskState } from "../../internal/store/workflow-execution-event-store";
@@ -615,6 +617,82 @@ describe("deriveTaskDetail", () => {
     expect(result!.approval!.decision).toBeNull();
   });
 
+  // 13b. Review payload fields (issue #234)
+  it("unwraps an inline review payload with ui_hint from the approvalRequested event", () => {
+    const derived = makeDerived({ status: "waiting_approval" });
+    const events = [
+      makeEvent("my-task", 1, "2026-01-01T00:00:00Z", {
+        case: "approvalRequested",
+        value: {
+          prompt: "Review the draft",
+          approvers: [],
+          timeoutSeconds: 0,
+          outcomes: [],
+          formSchema: null,
+          // Real events carry a google.protobuf.Value message.
+          payload: fromJson(ValueSchema, { title: "Q3 plan", items: [1, 2] }),
+          uiHint: "plan-review",
+          payloadArtifactId: "",
+        },
+      }),
+    ];
+
+    const result = deriveTaskDetail("my-task", events, undefined, derived);
+
+    expect(result!.approval!.payload).toEqual({ title: "Q3 plan", items: [1, 2] });
+    expect(result!.approval!.uiHint).toBe("plan-review");
+    expect(result!.approval!.payloadArtifactId).toBeNull();
+  });
+
+  it("carries the artifact reference instead of inline data for promoted payloads", () => {
+    const derived = makeDerived({ status: "waiting_approval" });
+    const events = [
+      makeEvent("my-task", 1, "2026-01-01T00:00:00Z", {
+        case: "approvalRequested",
+        value: {
+          prompt: "Review the proposal",
+          approvers: [],
+          timeoutSeconds: 0,
+          outcomes: [],
+          formSchema: null,
+          payload: undefined,
+          uiHint: "infra-proposal",
+          payloadArtifactId: "art_review123",
+        },
+      }),
+    ];
+
+    const result = deriveTaskDetail("my-task", events, undefined, derived);
+
+    expect(result!.approval!.payload).toBeNull();
+    expect(result!.approval!.uiHint).toBe("infra-proposal");
+    expect(result!.approval!.payloadArtifactId).toBe("art_review123");
+  });
+
+  it("defaults review payload fields when the gate carries none (pre-#234 events)", () => {
+    const derived = makeDerived({ status: "waiting_approval" });
+    const events = [
+      makeEvent("my-task", 1, "2026-01-01T00:00:00Z", {
+        case: "approvalRequested",
+        value: {
+          prompt: "Continue?",
+          approvers: [],
+          timeoutSeconds: 0,
+          outcomes: [],
+          formSchema: null,
+          uiHint: "",
+          payloadArtifactId: "",
+        },
+      }),
+    ];
+
+    const result = deriveTaskDetail("my-task", events, undefined, derived);
+
+    expect(result!.approval!.payload).toBeNull();
+    expect(result!.approval!.uiHint).toBe("");
+    expect(result!.approval!.payloadArtifactId).toBeNull();
+  });
+
   // 14. Approval resolved — event-only (the brief "finalizing" window before
   // the task-output snapshot reflects the decision)
   it("populates approval decision from the event when the task output is not yet available", () => {

package/src/workflow/execution-inspector/ExecutionInspector.tsx

@@ -16,7 +16,7 @@ import { RetriesTab } from "./RetriesTab.js";
 import { AgentCallTab } from "./AgentCallTab.js";
 import { EventLogTab } from "./EventLogTab.js";
 import { WorkflowExecutionApprovalCard } from "../WorkflowExecutionApprovalCard.js";
-import { WorkflowTaskApprovalCard } from "../WorkflowTaskApprovalCard.js";
+import { WorkflowTaskReviewGate } from "../WorkflowTaskReviewGate.js";
 import { WorkflowTaskApprovalSummary } from "../WorkflowTaskApprovalSummary.js";
 
 /** Props for {@link ExecutionInspector}. */
@@ -250,12 +250,17 @@ export const ExecutionInspector = memo(function ExecutionInspector({
           )}
           {effectiveTab === "approval" && detail.approval && (
             detail.status === "waiting_approval" && onSubmitTaskApproval ? (
-              // Gate still awaiting a decision — collect one.
-              <WorkflowTaskApprovalCard
+              // Gate still awaiting a decision — collect one. The gate
+              // resolves artifact-backed payloads and dispatches to a
+              // registered review renderer (by ui_hint) or the built-in card.
+              <WorkflowTaskReviewGate
                 taskName={detail.taskName}
                 prompt={detail.approval.prompt}
                 outcomes={detail.approval.outcomes}
                 formSchema={detail.approval.formSchema ?? undefined}
+                payload={detail.approval.payload}
+                uiHint={detail.approval.uiHint}
+                payloadArtifactId={detail.approval.payloadArtifactId}
                 onSubmit={onSubmitTaskApproval}
                 isSubmitting={taskApprovalSubmittingTaskNames?.has(detail.taskName) ?? false}
                 error={taskApprovalErrorsByTaskName?.get(detail.taskName) ?? null}

package/src/workflow/execution-inspector/derive-task-detail.ts

@@ -11,7 +11,8 @@
 import type { WorkflowExecutionEvent } from "@stigmer/protos/ai/stigmer/agentic/workflowexecution/v1/event_pb";
 import type { WorkflowTask } from "@stigmer/protos/ai/stigmer/agentic/workflowexecution/v1/api_pb";
 import { WorkflowTaskKind } from "@stigmer/protos/ai/stigmer/agentic/workflow/v1/enum_pb";
-import type { JsonObject } from "@bufbuild/protobuf";
+import { toJson, type JsonObject, type JsonValue } from "@bufbuild/protobuf";
+import { ValueSchema } from "@bufbuild/protobuf/wkt";
 import type { DerivedTaskState } from "../../internal/store/workflow-execution-event-store.js";
 import { kindToDisplayName } from "../kind-metadata.js";
 import { taskKindToString } from "../workflow-graph-conversions.js";
@@ -96,6 +97,25 @@ export interface TaskDetailApproval {
   readonly outcomes: readonly { readonly name: string; readonly label: string }[];
   readonly formSchema: JsonObject | null;
   readonly timeoutSeconds: number;
+  /**
+   * Resolved review payload the gate presented — the material under
+   * review (issue #234). `null` when the gate carries no payload or when
+   * the payload is artifact-backed (see {@link payloadArtifactId}).
+   */
+  readonly payload: JsonValue | null;
+  /**
+   * Renderer discriminator from the task config's `ui_hint`. Consumers
+   * with a registered review renderer for this hint present domain-native
+   * UI; everything else falls back to structured-data display. The empty
+   * string when the task config sets no hint.
+   */
+  readonly uiHint: string;
+  /**
+   * Artifact holding the payload when it exceeded the inline promotion
+   * threshold. Mutually exclusive with {@link payload}; resolve the
+   * content via `stigmer.artifact.getContent`. `null` when inline.
+   */
+  readonly payloadArtifactId: string | null;
   readonly decision: TaskDetailApprovalDecision | null;
 }
 
@@ -204,7 +224,7 @@ interface EventBuckets {
   agentStarted: { childExecutionId: string; agentSlug: string; messageSummary: string } | null;
   agentProgress: { childExecutionId: string; agentPhase: number; currentToolName: string; tokensConsumed: bigint; messagesCount: number; toolCallsCount: number } | null;
   agentCompleted: { durationMs: number; tokensConsumed: bigint; costMicros: bigint; error: string; agentPhase: number } | null;
-  approvalRequested: { prompt: string; approvers: string[]; timeoutSeconds: number; outcomes: Array<{ name: string; label: string }>; formSchema: JsonObject | null } | null;
+  approvalRequested: { prompt: string; approvers: string[]; timeoutSeconds: number; outcomes: Array<{ name: string; label: string }>; formSchema: JsonObject | null; payload: JsonValue | null; uiHint: string; payloadArtifactId: string | null } | null;
   approvalResolved: { action: number; resolvedBy: string; comment: string; waitDurationMs: number } | null;
   inputSummary: JsonObject | null;
   outputSummary: JsonObject | null;
@@ -315,6 +335,12 @@ function bucketEvents(taskEvents: readonly WorkflowExecutionEvent[]): EventBucke
           timeoutSeconds: p.value.timeoutSeconds,
           outcomes: (p.value.outcomes ?? []).map((o) => ({ name: o.name, label: o.label })),
           formSchema: p.value.formSchema ? (p.value.formSchema as unknown as JsonObject) : null,
+          // The payload rides the event as a google.protobuf.Value message;
+          // unwrap it to plain JSON once here so all consumers downstream
+          // (renderers, fallback card) work with ordinary values.
+          payload: p.value.payload ? (toJson(ValueSchema, p.value.payload) as JsonValue) : null,
+          uiHint: p.value.uiHint,
+          payloadArtifactId: p.value.payloadArtifactId || null,
         };
         break;
 
@@ -515,6 +541,9 @@ function buildApproval(
       outcomes: req.outcomes,
       formSchema: req.formSchema,
       timeoutSeconds: req.timeoutSeconds,
+      payload: req.payload,
+      uiHint: req.uiHint,
+      payloadArtifactId: req.payloadArtifactId,
       decision: null,
     };
   }
@@ -525,6 +554,9 @@ function buildApproval(
     outcomes: req.outcomes,
     formSchema: req.formSchema,
     timeoutSeconds: req.timeoutSeconds,
+    payload: req.payload,
+    uiHint: req.uiHint,
+    payloadArtifactId: req.payloadArtifactId,
     decision: {
       outcome: outputOutcome,
       reviewer: readSnapshotString(taskOutput, "reviewer") || (res?.resolvedBy ?? ""),

package/src/workflow/index.ts

@@ -220,6 +220,22 @@ export {
   type TaskOutcome,
 } from "./WorkflowTaskApprovalCard.js";
 
+// Review payloads (issue #234): custom renderers for human_input gates
+export {
+  WorkflowTaskReviewGate,
+  type WorkflowTaskReviewGateProps,
+} from "./WorkflowTaskReviewGate.js";
+export {
+  ReviewRendererContext,
+  useReviewRenderer,
+  type ReviewRendererProps,
+  type ReviewRenderers,
+} from "./ReviewRendererContext.js";
+export {
+  useReviewPayload,
+  type UseReviewPayloadReturn,
+} from "./useReviewPayload.js";
+
 export {
   WorkflowTaskApprovalSummary,
   type WorkflowTaskApprovalSummaryProps,

package/src/workflow/useReviewPayload.ts

@@ -0,0 +1,115 @@
+"use client";
+
+import { useContext } from "react";
+import { create } from "@bufbuild/protobuf";
+import type { JsonValue } from "@bufbuild/protobuf";
+import { GetArtifactContentRequestSchema } from "@stigmer/protos/ai/stigmer/agentic/artifact/v1/io_pb";
+import { StigmerContext } from "../context.js";
+import { useFetch } from "../internal/useFetch.js";
+
+/**
+ * Request cap for artifact-backed review payloads.
+ *
+ * Matches the artifact store's 50MB creation limit
+ * (`CreateArtifactInput.content` max_len), so a promoted payload can
+ * never legitimately exceed this. Unlike preview flows, a review
+ * renderer needs the complete payload — a truncated JSON document
+ * would not even parse — so we request the full artifact rather than
+ * the server's 512KB preview default.
+ */
+const REVIEW_PAYLOAD_MAX_BYTES = 50 * 1024 * 1024;
+
+/** Return value of {@link useReviewPayload}. */
+export interface UseReviewPayloadReturn {
+  /**
+   * The materialized review payload: the inline value when the gate
+   * carried it directly, or the fetched-and-parsed artifact content when
+   * it was artifact-backed. `null` while loading, on error, or when the
+   * gate has no payload at all.
+   */
+  readonly payload: JsonValue | null;
+  /** `true` while an artifact-backed payload fetch is in flight. */
+  readonly isLoading: boolean;
+  /** Error from a failed artifact fetch or parse, or `null`. */
+  readonly error: Error | null;
+  /** Re-fetch an artifact-backed payload after a failure. */
+  readonly refetch: () => void;
+}
+
+/**
+ * Behavior hook that materializes a human_input gate's review payload.
+ *
+ * The `approval_requested` event carries the payload in one of two forms
+ * (mutually exclusive): inline JSON for small payloads, or an artifact
+ * reference for payloads that exceeded the runner's promotion threshold.
+ * This hook collapses the difference — consumers (custom review renderers,
+ * the built-in approval card) always receive plain JSON plus loading and
+ * error states, and never deal with artifact plumbing.
+ *
+ * Artifact content is read through `stigmer.artifact.getContent`, which
+ * proxies bytes through the Stigmer API — embedded SDK consumers on
+ * third-party origins avoid the CORS exposure of presigned URLs.
+ *
+ * Inline payloads resolve synchronously: `isLoading` is `false` and
+ * `payload` is available on first render.
+ *
+ * @param inlinePayload - Inline payload from `TaskDetailApproval.payload`,
+ *   or `null`.
+ * @param payloadArtifactId - Artifact reference from
+ *   `TaskDetailApproval.payloadArtifactId`, or `null`.
+ */
+export function useReviewPayload(
+  inlinePayload: JsonValue | null,
+  payloadArtifactId: string | null,
+): UseReviewPayloadReturn {
+  // Nullable on purpose: gates without an artifact-backed payload (no
+  // payload, or an inline one) must keep working outside StigmerProvider,
+  // as the approval surfaces always have. The client is a requirement of
+  // the artifact fetch, not of the hook — enforced below with a
+  // descriptive error (DD-006) only when a fetch is actually needed.
+  const stigmer = useContext(StigmerContext);
+
+  const { data, isLoading, error, refetch } = useFetch<JsonValue | null>(
+    payloadArtifactId
+      ? async () => {
+          if (!stigmer) {
+            throw new Error(
+              "This gate's review payload is artifact-backed and needs a " +
+              "Stigmer client to fetch. Wrap your component tree with " +
+              "<StigmerProvider client={stigmerClient}>.",
+            );
+          }
+          const response = await stigmer.artifact.getContent(
+            create(GetArtifactContentRequestSchema, {
+              artifactId: payloadArtifactId,
+              maxBytes: BigInt(REVIEW_PAYLOAD_MAX_BYTES),
+            }),
+          );
+          // Defensive: cannot happen while the promotion path and this cap
+          // both honor the 50MB artifact limit, but a truncated JSON body
+          // must fail loudly rather than parse into partial review material.
+          if (response.truncated) {
+            throw new Error(
+              `Review payload artifact ${payloadArtifactId} exceeds the ` +
+              `${REVIEW_PAYLOAD_MAX_BYTES} byte limit and was truncated`,
+            );
+          }
+          const text = new TextDecoder().decode(response.content);
+          return JSON.parse(text) as JsonValue;
+        }
+      : null,
+    [payloadArtifactId, stigmer],
+    null,
+  );
+
+  if (!payloadArtifactId) {
+    return {
+      payload: inlinePayload,
+      isLoading: false,
+      error: null,
+      refetch,
+    };
+  }
+
+  return { payload: data, isLoading, error, refetch };
+}

package/workflow/PendingApprovalsWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PendingApprovalsWidget.d.ts","sourceRoot":"","sources":["../../src/workflow/PendingApprovalsWidget.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+DAA+D,CAAC;AAIrG,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,SAAS,EAAE,SAAS,eAAe,EAAE,CAAC;IAC/C,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,2DAA2D;IAC3D,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAUD;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,mEAkFjC,CAAC"}
+{"version":3,"file":"PendingApprovalsWidget.d.ts","sourceRoot":"","sources":["../../src/workflow/PendingApprovalsWidget.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+DAA+D,CAAC;AAIrG,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,SAAS,EAAE,SAAS,eAAe,EAAE,CAAC;IAC/C,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,2DAA2D;IAC3D,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAUD;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,mEAyFjC,CAAC"}

package/workflow/PendingApprovalsWidget.js

@@ -29,7 +29,7 @@ export const PendingApprovalsWidget = memo(function PendingApprovalsWidget({ app
                     const requestedAt = approval.requestedAt
                         ? timestampDate(approval.requestedAt)
                         : null;
-                    return (_jsx("li", { className: "rounded-lg border border-border px-3 py-2.5", children: _jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-sm font-medium text-foreground", children: approval.workflowName || approval.executionId }), _jsxs("p", { className: "mt-0.5 truncate text-xs text-muted-foreground", children: ["Task: ", approval.taskName, requestedAt && (_jsxs(_Fragment, { children: [" \u00B7 ", formatTimeAgo(requestedAt)] }))] })] }), onReviewClick && (_jsx("button", { type: "button", onClick: () => onReviewClick(approval.executionId), className: "shrink-0 rounded-md bg-primary px-2.5 py-1 text-xs font-medium text-primary-foreground transition-colors hover:bg-primary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: "Review" }))] }) }, `${approval.executionId}-${approval.taskName}`));
+                    return (_jsx("li", { className: "rounded-lg border border-border px-3 py-2.5", children: _jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("p", { className: "truncate text-sm font-medium text-foreground", children: approval.workflowName || approval.executionId }), approval.uiHint && (_jsx("span", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground", children: approval.uiHint }))] }), _jsxs("p", { className: "mt-0.5 truncate text-xs text-muted-foreground", children: ["Task: ", approval.taskName, requestedAt && (_jsxs(_Fragment, { children: [" \u00B7 ", formatTimeAgo(requestedAt)] }))] })] }), onReviewClick && (_jsx("button", { type: "button", onClick: () => onReviewClick(approval.executionId), className: "shrink-0 rounded-md bg-primary px-2.5 py-1 text-xs font-medium text-primary-foreground transition-colors hover:bg-primary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: "Review" }))] }) }, `${approval.executionId}-${approval.taskName}`));
                 }) }))] }));
 });
 //# sourceMappingURL=PendingApprovalsWidget.js.map

package/workflow/PendingApprovalsWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"PendingApprovalsWidget.js","sourceRoot":"","sources":["../../src/workflow/PendingApprovalsWidget.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PendingApprovalsWidget.js","sourceRoot":"","sources":["../../src/workflow/PendingApprovalsWidget.tsx"],"names":[],"mappings":"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"}