@stigmer/react 3.1.17 → 3.2.1

package/src/workflow/waterfall/WaterfallBar.tsx

@@ -1,167 +0,0 @@
-"use client";
-
-import { memo } from "react";
-import { cn } from "@stigmer/theme";
-import type { WaterfallEntry, WaterfallAttempt, WaterfallSpan } from "../execution/derive-waterfall-entries.js";
-import type { DerivedTaskState } from "../../internal/store/workflow-execution-event-store.js";
-
-export interface WaterfallBarProps {
-  readonly entry: WaterfallEntry;
-  /** Total visible range in ms (from WaterfallScale.totalMs). */
-  readonly totalMs: number;
-  /** Current elapsed ms (for live-growing bars). */
-  readonly nowMs: number;
-  readonly className?: string;
-}
-
-type BarStatus = DerivedTaskState["status"] | "not_reached";
-
-const STATUS_COLORS: Record<BarStatus, string> = {
-  completed: "bg-[var(--stgm-success,#22c55e)]",
-  running: "bg-[var(--stgm-primary,#3b82f6)]",
-  failed: "bg-[var(--stgm-destructive,#ef4444)]",
-  retrying: "bg-[var(--stgm-warning,#f59e0b)]",
-  waiting_approval: "bg-[var(--stgm-warning,#f59e0b)]",
-  skipped: "bg-[var(--stgm-muted,#d4d4d4)]",
-  pending: "bg-[var(--stgm-muted,#d4d4d4)]",
-  not_reached: "bg-[var(--stgm-muted,#d4d4d4)]",
-};
-
-const ATTEMPT_STATUS_COLORS: Record<WaterfallAttempt["status"], string> = {
-  completed: "bg-[var(--stgm-success,#22c55e)]",
-  running: "bg-[var(--stgm-primary,#3b82f6)]",
-  failed: "bg-[var(--stgm-destructive,#ef4444)]",
-};
-
-/**
- * Renders the horizontal bar(s) for a single waterfall entry.
- *
- * When attempts are present (retries), renders individual attempt
- * segments with backoff gaps. Otherwise, renders a single bar.
- * Running bars animate with a pulsing trailing edge (respects
- * `prefers-reduced-motion`).
- */
-export const WaterfallBar = memo(function WaterfallBar({
-  entry,
-  totalMs,
-  nowMs,
-  className,
-}: WaterfallBarProps) {
-  if (totalMs <= 0) return null;
-
-  const effectiveEnd = entry.endMs ?? nowMs;
-
-  // Use attempt segments when available
-  if (entry.attempts.length > 1) {
-    return (
-      <div className={cn("relative h-3", className)}>
-        {entry.attempts.map((attempt, i) => (
-          <AttemptSegment
-            key={i}
-            attempt={attempt}
-            totalMs={totalMs}
-            nowMs={nowMs}
-          />
-        ))}
-        {entry.children.map((child, i) => (
-          <ChildSpan key={i} span={child} totalMs={totalMs} nowMs={nowMs} />
-        ))}
-      </div>
-    );
-  }
-
-  // Single bar for non-retry tasks
-  const leftPct = (entry.startMs / totalMs) * 100;
-  const widthPct = ((effectiveEnd - entry.startMs) / totalMs) * 100;
-  const isRunning = entry.status === "running" || entry.status === "waiting_approval";
-
-  return (
-    <div className={cn("relative h-3", className)}>
-      {/* Approval wait segment (drawn first, behind main bar) */}
-      {entry.approvalWaitMs != null && entry.approvalWaitMs > 0 && (
-        <div
-          className="absolute top-0 h-full rounded-sm bg-[var(--stgm-warning,#f59e0b)] opacity-30"
-          style={{
-            left: `${leftPct}%`,
-            width: `${(entry.approvalWaitMs / totalMs) * 100}%`,
-          }}
-        />
-      )}
-
-      {/* Main bar */}
-      <div
-        className={cn(
-          "absolute top-0.5 h-2 rounded-sm transition-[width] duration-100",
-          STATUS_COLORS[entry.status],
-          isRunning && "motion-safe:animate-pulse",
-        )}
-        style={{
-          left: `${leftPct}%`,
-          width: `${Math.max(widthPct, 0.2)}%`,
-        }}
-      />
-
-      {/* Child spans (agent calls) */}
-      {entry.children.map((child, i) => (
-        <ChildSpan key={i} span={child} totalMs={totalMs} nowMs={nowMs} />
-      ))}
-    </div>
-  );
-});
-
-// ---------------------------------------------------------------------------
-// Internal components
-// ---------------------------------------------------------------------------
-
-function AttemptSegment({
-  attempt,
-  totalMs,
-  nowMs,
-}: {
-  readonly attempt: WaterfallAttempt;
-  readonly totalMs: number;
-  readonly nowMs: number;
-}) {
-  const effectiveEnd = attempt.endMs ?? nowMs;
-  const leftPct = (attempt.startMs / totalMs) * 100;
-  const widthPct = ((effectiveEnd - attempt.startMs) / totalMs) * 100;
-  const isRunning = attempt.status === "running";
-
-  return (
-    <div
-      className={cn(
-        "absolute top-0.5 h-2 rounded-sm",
-        ATTEMPT_STATUS_COLORS[attempt.status],
-        isRunning && "motion-safe:animate-pulse",
-      )}
-      style={{
-        left: `${leftPct}%`,
-        width: `${Math.max(widthPct, 0.2)}%`,
-      }}
-    />
-  );
-}
-
-function ChildSpan({
-  span,
-  totalMs,
-  nowMs,
-}: {
-  readonly span: WaterfallSpan;
-  readonly totalMs: number;
-  readonly nowMs: number;
-}) {
-  const effectiveEnd = span.endMs ?? nowMs;
-  const leftPct = (span.startMs / totalMs) * 100;
-  const widthPct = ((effectiveEnd - span.startMs) / totalMs) * 100;
-
-  return (
-    <div
-      className="absolute top-1 h-1 rounded-sm bg-[var(--stgm-chart-purple,#8b5cf6)] opacity-60"
-      style={{
-        left: `${leftPct}%`,
-        width: `${Math.max(widthPct, 0.15)}%`,
-      }}
-    />
-  );
-}

package/src/workflow/waterfall/WaterfallRow.tsx

@@ -1,112 +0,0 @@
-"use client";
-
-import { memo, useCallback } from "react";
-import { cn } from "@stigmer/theme";
-import type { WaterfallEntry } from "../execution/derive-waterfall-entries.js";
-import { WaterfallBar } from "./WaterfallBar.js";
-import { formatDuration, formatMicroUsd } from "../format-utils.js";
-
-export interface WaterfallRowProps {
-  readonly entry: WaterfallEntry;
-  readonly totalMs: number;
-  readonly nowMs: number;
-  readonly isSelected: boolean;
-  readonly onSelect: (taskName: string) => void;
-  readonly className?: string;
-}
-
-const BIGINT_ZERO = BigInt(0);
-
-/**
- * A single row in the waterfall: task label on the left, bar on the right.
- *
- * Wrapped in `React.memo` so only the actively-running row re-renders
- * during live streaming (DD-010). Selection state is the primary
- * re-render trigger for completed rows.
- */
-export const WaterfallRow = memo(function WaterfallRow({
-  entry,
-  totalMs,
-  nowMs,
-  isSelected,
-  onSelect,
-  className,
-}: WaterfallRowProps) {
-  const handleClick = useCallback(() => {
-    onSelect(entry.taskName);
-  }, [onSelect, entry.taskName]);
-
-  const effectiveDuration = entry.endMs != null
-    ? entry.endMs - entry.startMs
-    : nowMs - entry.startMs;
-
-  return (
-    <button
-      type="button"
-      onClick={handleClick}
-      className={cn(
-        "flex w-full items-center gap-2 px-2 py-0.5 text-left transition-colors hover:bg-[var(--stgm-muted,#f5f5f5)]",
-        isSelected && "bg-[var(--stgm-accent,#f0f4ff)]",
-        className,
-      )}
-      aria-label={`Task ${entry.taskName}, ${entry.status}, ${formatDuration(entry.durationMs || effectiveDuration)}`}
-      data-task-name={entry.taskName}
-    >
-      {/* Label column */}
-      <div className="flex w-36 shrink-0 items-center gap-1.5 overflow-hidden">
-        <StatusDot status={entry.status} />
-        <span className="truncate text-[11px] font-medium text-[var(--stgm-foreground,#171717)]">
-          {entry.taskName}
-        </span>
-      </div>
-
-      {/* Duration chip */}
-      <span className="w-14 shrink-0 text-right text-[10px] tabular-nums text-[var(--stgm-muted-foreground,#737373)]">
-        {entry.status === "skipped" || entry.status === "not_reached"
-          ? "—"
-          : formatDuration(entry.durationMs || effectiveDuration)}
-      </span>
-
-      {/* Cost chip (only when non-zero) */}
-      <span className="w-12 shrink-0 text-right text-[10px] tabular-nums text-[var(--stgm-muted-foreground,#737373)]">
-        {entry.costMicros > BIGINT_ZERO
-          ? formatMicroUsd(entry.costMicros)
-          : ""}
-      </span>
-
-      {/* Bar column */}
-      <div className="min-w-0 flex-1">
-        <WaterfallBar
-          entry={entry}
-          totalMs={totalMs}
-          nowMs={nowMs}
-        />
-      </div>
-    </button>
-  );
-});
-
-// ---------------------------------------------------------------------------
-// Status dot
-// ---------------------------------------------------------------------------
-
-function StatusDot({ status }: { readonly status: WaterfallEntry["status"] }) {
-  const color = STATUS_DOT_COLORS[status] ?? "bg-[var(--stgm-muted,#d4d4d4)]";
-  return (
-    <span
-      className={cn("inline-block size-1.5 shrink-0 rounded-full", color)}
-      aria-hidden="true"
-    />
-  );
-}
-
-const STATUS_DOT_COLORS: Record<string, string> = {
-  completed: "bg-[var(--stgm-success,#22c55e)]",
-  running: "bg-[var(--stgm-primary,#3b82f6)]",
-  failed: "bg-[var(--stgm-destructive,#ef4444)]",
-  retrying: "bg-[var(--stgm-warning,#f59e0b)]",
-  waiting_approval: "bg-[var(--stgm-warning,#f59e0b)]",
-  skipped: "bg-[var(--stgm-muted,#d4d4d4)]",
-  pending: "bg-[var(--stgm-muted,#d4d4d4)]",
-  not_reached: "bg-[var(--stgm-muted,#d4d4d4)]",
-};

package/src/workflow/waterfall/WaterfallScale.tsx

@@ -1,52 +0,0 @@
-"use client";
-
-import { memo } from "react";
-import { cn } from "@stigmer/theme";
-import type { WaterfallScale as WaterfallScaleData } from "../execution/derive-waterfall-entries.js";
-import { formatDuration } from "../format-utils.js";
-
-export interface WaterfallScaleProps {
-  readonly scale: WaterfallScaleData;
-  readonly className?: string;
-}
-
-/**
- * Time axis for the waterfall timeline.
- *
- * Renders tick marks with duration labels at computed intervals.
- * Labels adapt density based on the scale's `labelEveryN` to
- * prevent overlapping text on dense scales.
- */
-export const WaterfallScaleComponent = memo(function WaterfallScaleComponent({
-  scale,
-  className,
-}: WaterfallScaleProps) {
-  if (scale.ticks.length === 0) return null;
-
-  return (
-    <div
-      className={cn("relative h-5 shrink-0 select-none border-b border-[var(--stgm-border,#e5e5e5)]", className)}
-      aria-hidden="true"
-    >
-      {scale.ticks.map((tickMs, i) => {
-        const pct = (tickMs / scale.totalMs) * 100;
-        const showLabel = i % scale.labelEveryN === 0;
-
-        return (
-          <div
-            key={tickMs}
-            className="absolute top-0 h-full"
-            style={{ left: `${pct}%` }}
-          >
-            <div className="h-1.5 w-px bg-[var(--stgm-border,#e5e5e5)]" />
-            {showLabel && (
-              <span className="absolute top-1.5 -translate-x-1/2 whitespace-nowrap text-[9px] tabular-nums text-[var(--stgm-muted-foreground,#737373)]">
-                {formatDuration(tickMs)}
-              </span>
-            )}
-          </div>
-        );
-      })}
-    </div>
-  );
-});

package/src/workflow/waterfall/WaterfallTimeline.tsx

@@ -1,138 +0,0 @@
-"use client";
-
-import { memo, useCallback, useEffect, useRef } from "react";
-import { cn } from "@stigmer/theme";
-import type { WorkflowExecutionEvent } from "@stigmer/protos/ai/stigmer/agentic/workflowexecution/v1/event_pb";
-import type { WorkflowEventStreamState } from "../../internal/store/workflow-execution-event-store.js";
-import { useWaterfallEntries } from "../execution/useWaterfallEntries.js";
-import { WaterfallScaleComponent } from "./WaterfallScale.js";
-import { WaterfallRow } from "./WaterfallRow.js";
-
-/** Props for {@link WaterfallTimeline}. */
-export interface WaterfallTimelineProps {
-  /** Events ordered by sequence_number ascending. */
-  readonly events: readonly WorkflowExecutionEvent[];
-  /** Current stream lifecycle state. */
-  readonly streamState: WorkflowEventStreamState;
-  /** ISO 8601 timestamp of execution start (from `execution_started.occurred_at` or `status.started_at`). */
-  readonly executionStartIso: string;
-  /** Total execution duration in ms (for completed executions). */
-  readonly executionDurationMs?: number;
-  /** Currently selected task name (synced with graph and inspector). */
-  readonly selectedTaskName?: string | null;
-  /** Called when the user clicks a task bar. */
-  readonly onTaskSelect?: (taskName: string) => void;
-  /** Additional CSS class names. */
-  readonly className?: string;
-}
-
-/**
- * Execution waterfall timeline — horizontal bars showing task durations
- * against a time axis.
- *
- * Designed as an SDK component (DD-001): no Console or Desktop
- * dependencies. Receives events from the parent `WorkflowExecutionViewer`
- * (single subscription owner per DD-009).
- *
- * Selection is bidirectional: clicking a bar calls `onTaskSelect`;
- * changing `selectedTaskName` externally scrolls the waterfall to
- * that task's row.
- *
- * @example
- * ```tsx
- * <WaterfallTimeline
- *   events={events}
- *   streamState={streamState}
- *   executionStartIso={execution.status.startedAt}
- *   selectedTaskName={selectedTask}
- *   onTaskSelect={setSelectedTask}
- * />
- * ```
- *
- * @since T07
- */
-export const WaterfallTimeline = memo(function WaterfallTimeline({
-  events,
-  streamState,
-  executionStartIso,
-  executionDurationMs,
-  selectedTaskName,
-  onTaskSelect,
-  className,
-}: WaterfallTimelineProps) {
-  const { entries, scale, isLive, nowMs } = useWaterfallEntries({
-    events,
-    streamState,
-    executionStartIso,
-    executionDurationMs,
-  });
-
-  const scrollRef = useRef<HTMLDivElement>(null);
-
-  const handleSelect = useCallback(
-    (taskName: string) => {
-      onTaskSelect?.(taskName);
-    },
-    [onTaskSelect],
-  );
-
-  // Scroll to selected task when selectedTaskName changes externally
-  useEffect(() => {
-    if (!selectedTaskName || !scrollRef.current) return;
-    const row = scrollRef.current.querySelector(
-      `[data-task-name="${CSS.escape(selectedTaskName)}"]`,
-    );
-    if (row) {
-      row.scrollIntoView({ behavior: "smooth", block: "nearest" });
-    }
-  }, [selectedTaskName]);
-
-  // Empty state
-  if (entries.length === 0) {
-    const isConnecting =
-      streamState.stage === "connecting" || streamState.stage === "reconnecting";
-    return (
-      <div className={cn("flex items-center justify-center text-xs text-[var(--stgm-muted-foreground,#737373)]", className)}>
-        {isConnecting ? "Loading timeline…" : "No task data available"}
-      </div>
-    );
-  }
-
-  return (
-    <div className={cn("flex flex-col overflow-hidden", className)} role="list" aria-label="Execution waterfall">
-      {/* Time axis header */}
-      <div className="flex shrink-0 items-center">
-        {/* Spacer for label+duration+cost columns */}
-        <div className="w-[248px] shrink-0" />
-        <div className="min-w-0 flex-1">
-          <WaterfallScaleComponent scale={scale} />
-        </div>
-      </div>
-
-      {/* Scrollable task rows */}
-      <div ref={scrollRef} className="flex-1 overflow-y-auto">
-        {entries.map((entry) => (
-          <WaterfallRow
-            key={entry.taskName}
-            entry={entry}
-            totalMs={scale.totalMs}
-            nowMs={nowMs}
-            isSelected={entry.taskName === selectedTaskName}
-            onSelect={handleSelect}
-          />
-        ))}
-
-        {/* Live indicator */}
-        {isLive && (
-          <div className="flex items-center gap-2 px-2 py-1 text-[10px] text-[var(--stgm-muted-foreground,#737373)]">
-            <span className="relative flex size-1.5">
-              <span className="absolute inline-flex size-full animate-ping rounded-full bg-[var(--stgm-success,#22c55e)] opacity-75" />
-              <span className="relative inline-flex size-1.5 rounded-full bg-[var(--stgm-success,#22c55e)]" />
-            </span>
-            Live
-          </div>
-        )}
-      </div>
-    </div>
-  );
-});

package/src/workflow/waterfall/WaterfallTooltip.tsx

@@ -1,74 +0,0 @@
-"use client";
-
-import { memo } from "react";
-import { cn } from "@stigmer/theme";
-import type { WaterfallEntry } from "../execution/derive-waterfall-entries.js";
-import { formatDuration, formatMicroUsd, formatTokenCount } from "../format-utils.js";
-
-export interface WaterfallTooltipProps {
-  readonly entry: WaterfallEntry;
-  readonly nowMs: number;
-  readonly className?: string;
-}
-
-const BIGINT_ZERO = BigInt(0);
-
-/**
- * Tooltip content for a waterfall bar hover.
- *
- * Shows task name, kind, status, duration, cost, and tokens in a
- * compact layout. Designed to be placed in a popover/tooltip container
- * by the parent component.
- */
-export const WaterfallTooltip = memo(function WaterfallTooltip({
-  entry,
-  nowMs,
-  className,
-}: WaterfallTooltipProps) {
-  const effectiveDuration = entry.endMs != null
-    ? entry.endMs - entry.startMs
-    : nowMs - entry.startMs;
-
-  return (
-    <div className={cn("space-y-1 text-[11px]", className)}>
-      <div className="font-medium text-[var(--stgm-popover-foreground,#171717)]">
-        {entry.taskName}
-      </div>
-
-      <div className="text-[var(--stgm-muted-foreground,#737373)]">
-        {entry.status}
-        {entry.attempts.length > 1 && ` (${entry.attempts.length} attempts)`}
-      </div>
-
-      {entry.status !== "skipped" && entry.status !== "not_reached" && (
-        <div className="tabular-nums text-[var(--stgm-popover-foreground,#171717)]">
-          {formatDuration(entry.durationMs || effectiveDuration)}
-        </div>
-      )}
-
-      {entry.costMicros > BIGINT_ZERO && (
-        <div className="tabular-nums text-[var(--stgm-popover-foreground,#171717)]">
-          {formatMicroUsd(entry.costMicros)}
-        </div>
-      )}
-
-      {entry.tokensUsed > BIGINT_ZERO && (
-        <div className="tabular-nums text-[var(--stgm-popover-foreground,#171717)]">
-          {formatTokenCount(entry.tokensUsed)} tokens
-        </div>
-      )}
-
-      {entry.approvalWaitMs != null && entry.approvalWaitMs > 0 && (
-        <div className="text-[var(--stgm-warning,#f59e0b)]">
-          Approval wait: {formatDuration(entry.approvalWaitMs)}
-        </div>
-      )}
-
-      {entry.children.length > 0 && (
-        <div className="text-[var(--stgm-muted-foreground,#737373)]">
-          {entry.children.length} agent call{entry.children.length > 1 ? "s" : ""}
-        </div>
-      )}
-    </div>
-  );
-});

package/src/workflow/waterfall/index.ts

@@ -1,5 +0,0 @@
-export { WaterfallTimeline, type WaterfallTimelineProps } from "./WaterfallTimeline.js";
-export { WaterfallRow, type WaterfallRowProps } from "./WaterfallRow.js";
-export { WaterfallBar, type WaterfallBarProps } from "./WaterfallBar.js";
-export { WaterfallScaleComponent, type WaterfallScaleProps } from "./WaterfallScale.js";
-export { WaterfallTooltip, type WaterfallTooltipProps } from "./WaterfallTooltip.js";

package/workflow/WorkflowExecutionApprovalCard.d.ts

@@ -1,34 +0,0 @@
-import type { ApprovalAction } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/enum_pb";
-/** Props for {@link WorkflowExecutionApprovalCard}. */
-export interface WorkflowExecutionApprovalCardProps {
-    /** The prompt message explaining what needs approval. */
-    readonly prompt: string;
-    /** Tool call ID for the approval request. */
-    readonly toolCallId: string;
-    /** List of users/roles that can approve. */
-    readonly approvers: readonly string[];
-    /** Timeout in seconds (0 = no timeout). */
-    readonly timeoutSeconds: number;
-    /** Callback to submit the approval decision. */
-    readonly onSubmitApproval: (toolCallId: string, action: ApprovalAction, comment?: string) => Promise<unknown>;
-    /** `true` while this gate's submission is in flight. */
-    readonly isSubmitting: boolean;
-    /**
-     * This gate's last failed decision, or `null`. Surfaced in-card beside the
-     * actions (via the shared {@link InCardDecisionError}) — supply
-     * {@link useWorkflowExecutionActions}'s `approvalErrorsByToolCallId` for this
-     * `toolCallId`.
-     */
-    readonly error?: Error | null;
-    /** Additional CSS class names. */
-    readonly className?: string;
-}
-/**
- * Inline approval card rendered within the execution timeline when
- * a `human_input` task or agent tool approval gate is active.
- *
- * Provides approve and reject buttons with an optional comment field.
- * Keyboard-navigable and accessible.
- */
-export declare const WorkflowExecutionApprovalCard: import("react").NamedExoticComponent<WorkflowExecutionApprovalCardProps>;
-//# sourceMappingURL=WorkflowExecutionApprovalCard.d.ts.map

package/workflow/WorkflowExecutionApprovalCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkflowExecutionApprovalCard.d.ts","sourceRoot":"","sources":["../../src/workflow/WorkflowExecutionApprovalCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8DAA8D,CAAC;AAKnG,uDAAuD;AACvD,MAAM,WAAW,kCAAkC;IACjD,yDAAyD;IACzD,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,6CAA6C;IAC7C,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,4CAA4C;IAC5C,QAAQ,CAAC,SAAS,EAAE,SAAS,MAAM,EAAE,CAAC;IACtC,2CAA2C;IAC3C,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,gDAAgD;IAChD,QAAQ,CAAC,gBAAgB,EAAE,CACzB,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,MAAM,KACb,OAAO,CAAC,OAAO,CAAC,CAAC;IACtB,wDAAwD;IACxD,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC;IAC/B;;;;;OAKG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC9B,kCAAkC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,6BAA6B,0EAqGxC,CAAC"}

package/workflow/WorkflowExecutionApprovalCard.js

@@ -1,46 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useCallback, useEffect, useState } from "react";
-import { cn } from "@stigmer/theme";
-import { DecisionButton } from "../internal/DecisionButton.js";
-import { InCardDecisionError } from "../internal/InCardDecisionError.js";
-/**
- * Inline approval card rendered within the execution timeline when
- * a `human_input` task or agent tool approval gate is active.
- *
- * Provides approve and reject buttons with an optional comment field.
- * Keyboard-navigable and accessible.
- */
-export const WorkflowExecutionApprovalCard = memo(function WorkflowExecutionApprovalCard({ prompt, toolCallId, approvers, timeoutSeconds, onSubmitApproval, isSubmitting, error, className, }) {
-    const [comment, setComment] = useState("");
-    // Which action is in flight, so the spinner lands on the clicked button —
-    // matching ApprovalCard / WorkflowTaskApprovalCard. Reset once the RPC settles.
-    const [active, setActive] = useState(null);
-    useEffect(() => {
-        if (!isSubmitting)
-            setActive(null);
-    }, [isSubmitting]);
-    // ApprovalAction enum values: 0=UNSPECIFIED, 1=APPROVE, 2=SKIP, 3=REJECT
-    const handleApprove = useCallback(() => {
-        setActive("approve");
-        onSubmitApproval(toolCallId, 1, comment || undefined);
-    }, [toolCallId, comment, onSubmitApproval]);
-    const handleReject = useCallback(() => {
-        setActive("reject");
-        onSubmitApproval(toolCallId, 3, comment || undefined);
-    }, [toolCallId, comment, onSubmitApproval]);
-    return (_jsxs("div", { role: "alert", "aria-label": "Approval required", 
-        // Neutral card + 2px warning left accent — the quiet Cursor-grade chrome
-        // shared with ApprovalCard. (Replaces the old amber `bg-warning/5` fill.)
-        className: cn("my-1 rounded-lg border border-border-prominent border-l-2 border-l-warning p-3", className), children: [_jsx("p", { className: "text-sm font-medium text-foreground", children: prompt }), approvers.length > 0 && (_jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: ["Approvers: ", approvers.join(", ")] })), timeoutSeconds > 0 && (_jsxs("p", { className: "text-xs text-muted-foreground", children: ["Expires in ", formatTimeout(timeoutSeconds)] })), _jsx("div", { className: "mt-2", children: _jsx("input", { type: "text", value: comment, onChange: (e) => setComment(e.target.value), placeholder: "Comment (optional)", disabled: isSubmitting, className: cn("w-full rounded border border-border bg-background px-2 py-1 text-xs text-foreground", "placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring", "disabled:opacity-50") }) }), _jsxs("div", { className: "mt-2 flex gap-2", children: [_jsx(DecisionButton, { label: "Approve", variant: "primary", onClick: handleApprove, isActive: active === "approve", isSubmitting: isSubmitting }), _jsx(DecisionButton, { label: "Reject", variant: "danger", onClick: handleReject, isActive: active === "reject", isSubmitting: isSubmitting })] }), error && (_jsx(InCardDecisionError, { error: error, leadIn: "submit decision", cursorTarget: "wf-approval-error" }))] }));
-});
-function formatTimeout(seconds) {
-    if (seconds < 60)
-        return `${seconds}s`;
-    const m = Math.floor(seconds / 60);
-    if (m < 60)
-        return `${m}m`;
-    const h = Math.floor(m / 60);
-    return `${h}h`;
-}
-//# sourceMappingURL=WorkflowExecutionApprovalCard.js.map

package/workflow/WorkflowExecutionApprovalCard.js.map

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

package/workflow/WorkflowExecutionArtifactPanel.d.ts

@@ -1,15 +0,0 @@
-import type { Artifact } from "@stigmer/protos/ai/stigmer/agentic/artifact/v1/api_pb";
-/** Props for {@link WorkflowExecutionArtifactPanel}. */
-export interface WorkflowExecutionArtifactPanelProps {
-    /** Artifacts produced by the execution. */
-    readonly artifacts: readonly Artifact[];
-    /** Additional CSS class names. */
-    readonly className?: string;
-}
-/**
- * Sidebar panel listing artifacts produced by the workflow execution.
- * Each artifact shows its display name, content type, size, and a
- * download button that fetches a pre-signed URL via `getDownloadUrl`.
- */
-export declare const WorkflowExecutionArtifactPanel: import("react").NamedExoticComponent<WorkflowExecutionArtifactPanelProps>;
-//# sourceMappingURL=WorkflowExecutionArtifactPanel.d.ts.map

package/workflow/WorkflowExecutionArtifactPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkflowExecutionArtifactPanel.d.ts","sourceRoot":"","sources":["../../src/workflow/WorkflowExecutionArtifactPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uDAAuD,CAAC;AAKtF,wDAAwD;AACxD,MAAM,WAAW,mCAAmC;IAClD,2CAA2C;IAC3C,QAAQ,CAAC,SAAS,EAAE,SAAS,QAAQ,EAAE,CAAC;IACxC,kCAAkC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,2EAqBzC,CAAC"}