@shipfox/client-workflows 16.0.0 → 17.0.0

package/.turbo/turbo-build.log

@@ -1,2 +1,2 @@
 $ shipfox-swc
-Successfully compiled: 81 files with swc (667.96ms)
+Successfully compiled: 86 files with swc (708.85ms)

package/.turbo/turbo-type.log

@@ -1 +1,2 @@
 $ shipfox-tsc-check
+context canceled

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @shipfox/client-workflows
 
+## 17.0.0
+
+### Minor Changes
+
+- 4b0731e: Adds workflow troubleshooting details, evaluation traces, failure annotations, runner context, step output metadata, and lazy paginated annotation summaries.
+
+### Patch Changes
+
+- 7b2436c: Migrates the workflow client surfaces to semantic spacing roles.
+- Updated dependencies [4b0731e]
+  - @shipfox/api-workflows-dto@12.3.0
+  - @shipfox/annotations-dto@12.3.0
+  - @shipfox/client-logs@17.0.0
+  - @shipfox/react-ui@1.2.0
+  - @shipfox/client-ui@17.0.0
+  - @shipfox/client-projects@17.0.0
+  - @shipfox/client-shell@17.0.0
+  - @shipfox/client-triggers@17.0.0
+  - @shipfox/api-definitions-dto@12.3.0
+
 ## 16.0.0
 
 ### Minor Changes

package/dist/components/identifier/identifier.js

@@ -84,7 +84,7 @@ export function Identifier({ display, value, label = 'identifier' }) {
                             onClick: ()=>{
                                 void handleCopy();
                             },
-                            className: "inline-flex h-20 min-w-0 shrink-0 items-center gap-4 rounded-4 px-2 text-foreground-neutral-muted outline-none transition-colors hover:bg-background-components-hover hover:text-foreground-neutral-base focus-visible:shadow-border-interactive-with-active",
+                            className: "inline-flex h-20 min-w-0 shrink-0 items-center gap-tight rounded-4 px-[var(--pad-menu-surface)] text-foreground-neutral-muted outline-none transition-colors hover:bg-background-components-hover hover:text-foreground-neutral-base focus-visible:shadow-border-interactive-with-active",
                             children: [
                                 /*#__PURE__*/ _jsx(Icon, {
                                     name: "copy",
@@ -136,7 +136,7 @@ function CopyFeedbackPortal({ anchor, children, kind }) {
             top: placement === 'top' ? anchor.top : anchor.bottom,
             transform: placement === 'top' ? `translate(-50%, calc(-100% - ${COPY_FEEDBACK_OFFSET_PX}px))` : `translate(-50%, ${COPY_FEEDBACK_OFFSET_PX}px)`
         },
-        className: cn('pointer-events-none fixed z-50 whitespace-nowrap rounded-8 bg-background-components-base px-8 py-4 text-xs font-display font-medium leading-20 shadow-tooltip', kind === 'failed' ? 'text-foreground-highlight-error' : 'text-foreground-neutral-base'),
+        className: cn('pointer-events-none fixed z-50 whitespace-nowrap rounded-8 bg-background-components-base px-tight py-[4px] text-xs font-display font-medium leading-20 shadow-tooltip', kind === 'failed' ? 'text-foreground-highlight-error' : 'text-foreground-neutral-base'),
         children: children
     }), document.body);
 }

package/dist/components/identifier/identifier.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/identifier/identifier.tsx"],"sourcesContent":["import {useCopyToClipboard} from '@shipfox/react-ui/hooks';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {Tooltip, TooltipContent, TooltipTrigger} from '@shipfox/react-ui/tooltip';\nimport {Code} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {useCallback, useEffect, useLayoutEffect, useRef, useState} from 'react';\nimport {createPortal} from 'react-dom';\n\nconst COPY_FEEDBACK_OFFSET_PX = 8;\n\ntype CopyState = 'idle' | 'copied' | 'failed';\n\ninterface FeedbackAnchor {\n  bottom: number;\n  left: number;\n  top: number;\n}\n\nexport function Identifier({\n  display,\n  value,\n  label = 'identifier',\n}: {\n  display: string;\n  value: string;\n  label?: string | undefined;\n}) {\n  const [copyState, setCopyState] = useState<CopyState>('idle');\n  const [tooltipOpen, setTooltipOpen] = useState(false);\n  const [feedbackAnchor, setFeedbackAnchor] = useState<FeedbackAnchor | null>(null);\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const {copy} = useCopyToClipboard({\n    text: value,\n    onCopy: () => {\n      setTemporaryCopyState('copied', 2500);\n    },\n  });\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n    };\n  }, []);\n\n  const resetCopyFeedback = useCallback(() => {\n    if (timeoutRef.current) clearTimeout(timeoutRef.current);\n    setCopyState('idle');\n    setTooltipOpen(false);\n    setFeedbackAnchor(null);\n  }, []);\n\n  useEffect(() => {\n    if (copyState === 'idle') return;\n\n    window.addEventListener('scroll', resetCopyFeedback, true);\n    window.addEventListener('resize', resetCopyFeedback);\n\n    return () => {\n      window.removeEventListener('scroll', resetCopyFeedback, true);\n      window.removeEventListener('resize', resetCopyFeedback);\n    };\n  }, [copyState, resetCopyFeedback]);\n\n  function setTemporaryCopyState(state: Exclude<CopyState, 'idle'>, timeout: number) {\n    const rect = buttonRef.current?.getBoundingClientRect();\n    setCopyState(state);\n    setTooltipOpen(false);\n    setFeedbackAnchor(\n      rect\n        ? {\n            left: rect.left + rect.width / 2,\n            top: rect.top,\n            bottom: rect.bottom,\n          }\n        : null,\n    );\n    if (timeoutRef.current) clearTimeout(timeoutRef.current);\n    timeoutRef.current = setTimeout(resetCopyFeedback, timeout);\n  }\n\n  async function handleCopy() {\n    try {\n      await copy();\n    } catch {\n      setTemporaryCopyState('failed', 2500);\n    }\n  }\n\n  const ariaLabel =\n    copyState === 'copied'\n      ? `Copied ${label} ${value}`\n      : copyState === 'failed'\n        ? `Could not copy ${label} ${value}`\n        : `Copy ${label} ${value}`;\n\n  const feedback =\n    copyState === 'copied'\n      ? {kind: copyState, label: 'Copied'}\n      : copyState === 'failed'\n        ? {kind: copyState, label: 'Could not copy'}\n        : null;\n\n  return (\n    <>\n      <Tooltip open={copyState === 'idle' ? tooltipOpen : false} onOpenChange={setTooltipOpen}>\n        <TooltipTrigger asChild>\n          <button\n            ref={buttonRef}\n            type=\"button\"\n            aria-label={ariaLabel}\n            onClick={() => {\n              void handleCopy();\n            }}\n            className=\"inline-flex h-20 min-w-0 shrink-0 items-center gap-4 rounded-4 px-2 text-foreground-neutral-muted outline-none transition-colors hover:bg-background-components-hover hover:text-foreground-neutral-base focus-visible:shadow-border-interactive-with-active\"\n          >\n            <Icon name=\"copy\" aria-hidden=\"true\" className=\"size-12 shrink-0\" />\n            <Code as=\"span\" variant=\"label\" className=\"truncate\">\n              {display}\n            </Code>\n          </button>\n        </TooltipTrigger>\n        <TooltipContent>\n          <Code as=\"span\" variant=\"label\" className=\"block max-w-[360px] truncate\">\n            {value}\n          </Code>\n        </TooltipContent>\n      </Tooltip>\n      {feedback && feedbackAnchor ? (\n        <CopyFeedbackPortal anchor={feedbackAnchor} kind={feedback.kind}>\n          {feedback.label}\n        </CopyFeedbackPortal>\n      ) : null}\n    </>\n  );\n}\n\nfunction CopyFeedbackPortal({\n  anchor,\n  children,\n  kind,\n}: {\n  anchor: FeedbackAnchor;\n  children: string;\n  kind: Exclude<CopyState, 'idle'>;\n}) {\n  const feedbackRef = useRef<HTMLSpanElement | null>(null);\n  const [placement, setPlacement] = useState<'top' | 'bottom'>('bottom');\n\n  useLayoutEffect(() => {\n    const height = feedbackRef.current?.offsetHeight ?? 0;\n    setPlacement(anchor.top >= height + COPY_FEEDBACK_OFFSET_PX ? 'top' : 'bottom');\n  }, [anchor.top]);\n\n  if (typeof document === 'undefined') return null;\n\n  return createPortal(\n    <span\n      ref={feedbackRef}\n      role=\"status\"\n      style={{\n        left: anchor.left,\n        top: placement === 'top' ? anchor.top : anchor.bottom,\n        transform:\n          placement === 'top'\n            ? `translate(-50%, calc(-100% - ${COPY_FEEDBACK_OFFSET_PX}px))`\n            : `translate(-50%, ${COPY_FEEDBACK_OFFSET_PX}px)`,\n      }}\n      className={cn(\n        'pointer-events-none fixed z-50 whitespace-nowrap rounded-8 bg-background-components-base px-8 py-4 text-xs font-display font-medium leading-20 shadow-tooltip',\n        kind === 'failed' ? 'text-foreground-highlight-error' : 'text-foreground-neutral-base',\n      )}\n    >\n      {children}\n    </span>,\n    document.body,\n  );\n}\n"],"names":["useCopyToClipboard","Icon","Tooltip","TooltipContent","TooltipTrigger","Code","cn","useCallback","useEffect","useLayoutEffect","useRef","useState","createPortal","COPY_FEEDBACK_OFFSET_PX","Identifier","display","value","label","copyState","setCopyState","tooltipOpen","setTooltipOpen","feedbackAnchor","setFeedbackAnchor","buttonRef","timeoutRef","undefined","copy","text","onCopy","setTemporaryCopyState","current","clearTimeout","resetCopyFeedback","window","addEventListener","removeEventListener","state","timeout","rect","getBoundingClientRect","left","width","top","bottom","setTimeout","handleCopy","ariaLabel","feedback","kind","open","onOpenChange","asChild","button","ref","type","aria-label","onClick","className","name","aria-hidden","as","variant","CopyFeedbackPortal","anchor","children","feedbackRef","placement","setPlacement","height","offsetHeight","document","span","role","style","transform","body"],"mappings":";AAAA,SAAQA,kBAAkB,QAAO,0BAA0B;AAC3D,SAAQC,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,OAAO,EAAEC,cAAc,EAAEC,cAAc,QAAO,4BAA4B;AAClF,SAAQC,IAAI,QAAO,+BAA+B;AAClD,SAAQC,EAAE,QAAO,0BAA0B;AAC3C,SAAQC,WAAW,EAAEC,SAAS,EAAEC,eAAe,EAAEC,MAAM,EAAEC,QAAQ,QAAO,QAAQ;AAChF,SAAQC,YAAY,QAAO,YAAY;AAEvC,MAAMC,0BAA0B;AAUhC,OAAO,SAASC,WAAW,EACzBC,OAAO,EACPC,KAAK,EACLC,QAAQ,YAAY,EAKrB;IACC,MAAM,CAACC,WAAWC,aAAa,GAAGR,SAAoB;IACtD,MAAM,CAACS,aAAaC,eAAe,GAAGV,SAAS;IAC/C,MAAM,CAACW,gBAAgBC,kBAAkB,GAAGZ,SAAgC;IAC5E,MAAMa,YAAYd,OAAiC;IACnD,MAAMe,aAAaf,OAAkDgB;IACrE,MAAM,EAACC,IAAI,EAAC,GAAG3B,mBAAmB;QAChC4B,MAAMZ;QACNa,QAAQ;YACNC,sBAAsB,UAAU;QAClC;IACF;IAEAtB,UAAU;QACR,OAAO;YACL,IAAIiB,WAAWM,OAAO,EAAEC,aAAaP,WAAWM,OAAO;QACzD;IACF,GAAG,EAAE;IAEL,MAAME,oBAAoB1B,YAAY;QACpC,IAAIkB,WAAWM,OAAO,EAAEC,aAAaP,WAAWM,OAAO;QACvDZ,aAAa;QACbE,eAAe;QACfE,kBAAkB;IACpB,GAAG,EAAE;IAELf,UAAU;QACR,IAAIU,cAAc,QAAQ;QAE1BgB,OAAOC,gBAAgB,CAAC,UAAUF,mBAAmB;QACrDC,OAAOC,gBAAgB,CAAC,UAAUF;QAElC,OAAO;YACLC,OAAOE,mBAAmB,CAAC,UAAUH,mBAAmB;YACxDC,OAAOE,mBAAmB,CAAC,UAAUH;QACvC;IACF,GAAG;QAACf;QAAWe;KAAkB;IAEjC,SAASH,sBAAsBO,KAAiC,EAAEC,OAAe;QAC/E,MAAMC,OAAOf,UAAUO,OAAO,EAAES;QAChCrB,aAAakB;QACbhB,eAAe;QACfE,kBACEgB,OACI;YACEE,MAAMF,KAAKE,IAAI,GAAGF,KAAKG,KAAK,GAAG;YAC/BC,KAAKJ,KAAKI,GAAG;YACbC,QAAQL,KAAKK,MAAM;QACrB,IACA;QAEN,IAAInB,WAAWM,OAAO,EAAEC,aAAaP,WAAWM,OAAO;QACvDN,WAAWM,OAAO,GAAGc,WAAWZ,mBAAmBK;IACrD;IAEA,eAAeQ;QACb,IAAI;YACF,MAAMnB;QACR,EAAE,OAAM;YACNG,sBAAsB,UAAU;QAClC;IACF;IAEA,MAAMiB,YACJ7B,cAAc,WACV,CAAC,OAAO,EAAED,MAAM,CAAC,EAAED,OAAO,GAC1BE,cAAc,WACZ,CAAC,eAAe,EAAED,MAAM,CAAC,EAAED,OAAO,GAClC,CAAC,KAAK,EAAEC,MAAM,CAAC,EAAED,OAAO;IAEhC,MAAMgC,WACJ9B,cAAc,WACV;QAAC+B,MAAM/B;QAAWD,OAAO;IAAQ,IACjCC,cAAc,WACZ;QAAC+B,MAAM/B;QAAWD,OAAO;IAAgB,IACzC;IAER,qBACE;;0BACE,MAACf;gBAAQgD,MAAMhC,cAAc,SAASE,cAAc;gBAAO+B,cAAc9B;;kCACvE,KAACjB;wBAAegD,OAAO;kCACrB,cAAA,MAACC;4BACCC,KAAK9B;4BACL+B,MAAK;4BACLC,cAAYT;4BACZU,SAAS;gCACP,KAAKX;4BACP;4BACAY,WAAU;;8CAEV,KAACzD;oCAAK0D,MAAK;oCAAOC,eAAY;oCAAOF,WAAU;;8CAC/C,KAACrD;oCAAKwD,IAAG;oCAAOC,SAAQ;oCAAQJ,WAAU;8CACvC3C;;;;;kCAIP,KAACZ;kCACC,cAAA,KAACE;4BAAKwD,IAAG;4BAAOC,SAAQ;4BAAQJ,WAAU;sCACvC1C;;;;;YAINgC,YAAY1B,+BACX,KAACyC;gBAAmBC,QAAQ1C;gBAAgB2B,MAAMD,SAASC,IAAI;0BAC5DD,SAAS/B,KAAK;iBAEf;;;AAGV;AAEA,SAAS8C,mBAAmB,EAC1BC,MAAM,EACNC,QAAQ,EACRhB,IAAI,EAKL;IACC,MAAMiB,cAAcxD,OAA+B;IACnD,MAAM,CAACyD,WAAWC,aAAa,GAAGzD,SAA2B;IAE7DF,gBAAgB;QACd,MAAM4D,SAASH,YAAYnC,OAAO,EAAEuC,gBAAgB;QACpDF,aAAaJ,OAAOrB,GAAG,IAAI0B,SAASxD,0BAA0B,QAAQ;IACxE,GAAG;QAACmD,OAAOrB,GAAG;KAAC;IAEf,IAAI,OAAO4B,aAAa,aAAa,OAAO;IAE5C,qBAAO3D,2BACL,KAAC4D;QACClB,KAAKY;QACLO,MAAK;QACLC,OAAO;YACLjC,MAAMuB,OAAOvB,IAAI;YACjBE,KAAKwB,cAAc,QAAQH,OAAOrB,GAAG,GAAGqB,OAAOpB,MAAM;YACrD+B,WACER,cAAc,QACV,CAAC,6BAA6B,EAAEtD,wBAAwB,IAAI,CAAC,GAC7D,CAAC,gBAAgB,EAAEA,wBAAwB,GAAG,CAAC;QACvD;QACA6C,WAAWpD,GACT,iKACA2C,SAAS,WAAW,oCAAoC;kBAGzDgB;QAEHM,SAASK,IAAI;AAEjB"}
+{"version":3,"sources":["../../../src/components/identifier/identifier.tsx"],"sourcesContent":["import {useCopyToClipboard} from '@shipfox/react-ui/hooks';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {Tooltip, TooltipContent, TooltipTrigger} from '@shipfox/react-ui/tooltip';\nimport {Code} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {useCallback, useEffect, useLayoutEffect, useRef, useState} from 'react';\nimport {createPortal} from 'react-dom';\n\nconst COPY_FEEDBACK_OFFSET_PX = 8;\n\ntype CopyState = 'idle' | 'copied' | 'failed';\n\ninterface FeedbackAnchor {\n  bottom: number;\n  left: number;\n  top: number;\n}\n\nexport function Identifier({\n  display,\n  value,\n  label = 'identifier',\n}: {\n  display: string;\n  value: string;\n  label?: string | undefined;\n}) {\n  const [copyState, setCopyState] = useState<CopyState>('idle');\n  const [tooltipOpen, setTooltipOpen] = useState(false);\n  const [feedbackAnchor, setFeedbackAnchor] = useState<FeedbackAnchor | null>(null);\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const {copy} = useCopyToClipboard({\n    text: value,\n    onCopy: () => {\n      setTemporaryCopyState('copied', 2500);\n    },\n  });\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n    };\n  }, []);\n\n  const resetCopyFeedback = useCallback(() => {\n    if (timeoutRef.current) clearTimeout(timeoutRef.current);\n    setCopyState('idle');\n    setTooltipOpen(false);\n    setFeedbackAnchor(null);\n  }, []);\n\n  useEffect(() => {\n    if (copyState === 'idle') return;\n\n    window.addEventListener('scroll', resetCopyFeedback, true);\n    window.addEventListener('resize', resetCopyFeedback);\n\n    return () => {\n      window.removeEventListener('scroll', resetCopyFeedback, true);\n      window.removeEventListener('resize', resetCopyFeedback);\n    };\n  }, [copyState, resetCopyFeedback]);\n\n  function setTemporaryCopyState(state: Exclude<CopyState, 'idle'>, timeout: number) {\n    const rect = buttonRef.current?.getBoundingClientRect();\n    setCopyState(state);\n    setTooltipOpen(false);\n    setFeedbackAnchor(\n      rect\n        ? {\n            left: rect.left + rect.width / 2,\n            top: rect.top,\n            bottom: rect.bottom,\n          }\n        : null,\n    );\n    if (timeoutRef.current) clearTimeout(timeoutRef.current);\n    timeoutRef.current = setTimeout(resetCopyFeedback, timeout);\n  }\n\n  async function handleCopy() {\n    try {\n      await copy();\n    } catch {\n      setTemporaryCopyState('failed', 2500);\n    }\n  }\n\n  const ariaLabel =\n    copyState === 'copied'\n      ? `Copied ${label} ${value}`\n      : copyState === 'failed'\n        ? `Could not copy ${label} ${value}`\n        : `Copy ${label} ${value}`;\n\n  const feedback =\n    copyState === 'copied'\n      ? {kind: copyState, label: 'Copied'}\n      : copyState === 'failed'\n        ? {kind: copyState, label: 'Could not copy'}\n        : null;\n\n  return (\n    <>\n      <Tooltip open={copyState === 'idle' ? tooltipOpen : false} onOpenChange={setTooltipOpen}>\n        <TooltipTrigger asChild>\n          <button\n            ref={buttonRef}\n            type=\"button\"\n            aria-label={ariaLabel}\n            onClick={() => {\n              void handleCopy();\n            }}\n            className=\"inline-flex h-20 min-w-0 shrink-0 items-center gap-tight rounded-4 px-[var(--pad-menu-surface)] text-foreground-neutral-muted outline-none transition-colors hover:bg-background-components-hover hover:text-foreground-neutral-base focus-visible:shadow-border-interactive-with-active\"\n          >\n            <Icon name=\"copy\" aria-hidden=\"true\" className=\"size-12 shrink-0\" />\n            <Code as=\"span\" variant=\"label\" className=\"truncate\">\n              {display}\n            </Code>\n          </button>\n        </TooltipTrigger>\n        <TooltipContent>\n          <Code as=\"span\" variant=\"label\" className=\"block max-w-[360px] truncate\">\n            {value}\n          </Code>\n        </TooltipContent>\n      </Tooltip>\n      {feedback && feedbackAnchor ? (\n        <CopyFeedbackPortal anchor={feedbackAnchor} kind={feedback.kind}>\n          {feedback.label}\n        </CopyFeedbackPortal>\n      ) : null}\n    </>\n  );\n}\n\nfunction CopyFeedbackPortal({\n  anchor,\n  children,\n  kind,\n}: {\n  anchor: FeedbackAnchor;\n  children: string;\n  kind: Exclude<CopyState, 'idle'>;\n}) {\n  const feedbackRef = useRef<HTMLSpanElement | null>(null);\n  const [placement, setPlacement] = useState<'top' | 'bottom'>('bottom');\n\n  useLayoutEffect(() => {\n    const height = feedbackRef.current?.offsetHeight ?? 0;\n    setPlacement(anchor.top >= height + COPY_FEEDBACK_OFFSET_PX ? 'top' : 'bottom');\n  }, [anchor.top]);\n\n  if (typeof document === 'undefined') return null;\n\n  return createPortal(\n    <span\n      ref={feedbackRef}\n      role=\"status\"\n      style={{\n        left: anchor.left,\n        top: placement === 'top' ? anchor.top : anchor.bottom,\n        transform:\n          placement === 'top'\n            ? `translate(-50%, calc(-100% - ${COPY_FEEDBACK_OFFSET_PX}px))`\n            : `translate(-50%, ${COPY_FEEDBACK_OFFSET_PX}px)`,\n      }}\n      className={cn(\n        'pointer-events-none fixed z-50 whitespace-nowrap rounded-8 bg-background-components-base px-tight py-[4px] text-xs font-display font-medium leading-20 shadow-tooltip',\n        kind === 'failed' ? 'text-foreground-highlight-error' : 'text-foreground-neutral-base',\n      )}\n    >\n      {children}\n    </span>,\n    document.body,\n  );\n}\n"],"names":["useCopyToClipboard","Icon","Tooltip","TooltipContent","TooltipTrigger","Code","cn","useCallback","useEffect","useLayoutEffect","useRef","useState","createPortal","COPY_FEEDBACK_OFFSET_PX","Identifier","display","value","label","copyState","setCopyState","tooltipOpen","setTooltipOpen","feedbackAnchor","setFeedbackAnchor","buttonRef","timeoutRef","undefined","copy","text","onCopy","setTemporaryCopyState","current","clearTimeout","resetCopyFeedback","window","addEventListener","removeEventListener","state","timeout","rect","getBoundingClientRect","left","width","top","bottom","setTimeout","handleCopy","ariaLabel","feedback","kind","open","onOpenChange","asChild","button","ref","type","aria-label","onClick","className","name","aria-hidden","as","variant","CopyFeedbackPortal","anchor","children","feedbackRef","placement","setPlacement","height","offsetHeight","document","span","role","style","transform","body"],"mappings":"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"}

package/dist/components/job-detail/agent-config-failure-callout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-config-failure-callout.d.ts","sourceRoot":"","sources":["../../../src/components/job-detail/agent-config-failure-callout.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAC,eAAe,EAAE,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAEtE,wBAAgB,yBAAyB,CAAC,EACxC,aAAa,EACb,MAAM,EACN,KAAK,GACN,EAAE;IACD,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,MAAM,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/B,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;CACzB,+BAoBA"}
+{"version":3,"file":"agent-config-failure-callout.d.ts","sourceRoot":"","sources":["../../../src/components/job-detail/agent-config-failure-callout.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAC,eAAe,EAAE,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAEtE,wBAAgB,yBAAyB,CAAC,EACxC,aAAa,EACb,MAAM,EACN,KAAK,GACN,EAAE;IACD,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,MAAM,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/B,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;CACzB,+BAwBA"}

package/dist/components/job-detail/agent-config-failure-callout.js

@@ -7,7 +7,7 @@ export function AgentConfigFailureCallout({ workspaceSlug, config, error }) {
     return /*#__PURE__*/ _jsx(Alert, {
         variant: "warning",
         animated: false,
-        className: "px-10 py-8",
+        className: "rounded-none border-x-0 border-t-0 border-b border-tag-warning-border bg-transparent px-0 py-row",
         children: /*#__PURE__*/ _jsxs(AlertContent, {
             children: [
                 /*#__PURE__*/ _jsx(AlertTitle, {

package/dist/components/job-detail/agent-config-failure-callout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/job-detail/agent-config-failure-callout.tsx"],"sourcesContent":["import {\n  Alert,\n  AlertActions,\n  AlertContent,\n  AlertDescription,\n  AlertTitle,\n} from '@shipfox/react-ui/alert';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Link} from '@tanstack/react-router';\nimport type {AgentStepConfig, StepError} from '#core/workflow-run.js';\n\nexport function AgentConfigFailureCallout({\n  workspaceSlug,\n  config,\n  error,\n}: {\n  workspaceSlug?: string | undefined;\n  config: AgentStepConfig | null;\n  error: StepError | null;\n}) {\n  const copy = agentConfigFailureCopy(config, error);\n\n  return (\n    <Alert variant=\"warning\" animated={false} className=\"px-10 py-8\">\n      <AlertContent>\n        <AlertTitle>{copy.title}</AlertTitle>\n        <AlertDescription>{copy.description}</AlertDescription>\n        {copy.showProviderCta && workspaceSlug ? (\n          <AlertActions>\n            <Button asChild size=\"2xs\" variant=\"secondary\" iconRight=\"chevronRight\">\n              <Link to=\"/w/$workspaceSlug/settings/agents\" params={{workspaceSlug}}>\n                Configure Agents\n              </Link>\n            </Button>\n          </AlertActions>\n        ) : null}\n      </AlertContent>\n    </Alert>\n  );\n}\n\nfunction agentConfigFailureCopy(\n  config: AgentStepConfig | null,\n  error: StepError | null,\n): {title: string; description: string; showProviderCta: boolean} {\n  const provider = configValue(config?.provider, 'the selected provider');\n  const model = configValue(config?.model, 'the selected model');\n\n  switch (error?.agentConfigIssue) {\n    case 'provider_not_configured':\n      return {\n        title: `Configure credentials for ${provider}`,\n        description: `This step uses ${provider}, but no workspace credentials are configured for that model provider. Configure ${provider} in Agents, then re-run the workflow.`,\n        showProviderCta: true,\n      };\n    case 'credentials_invalid':\n      return {\n        title: `Update credentials for ${provider}`,\n        description: `This step uses ${provider}, but the saved credentials could not be used. Reconfigure ${provider} in Agents, then re-run the workflow.`,\n        showProviderCta: true,\n      };\n    case 'provider_unsupported':\n      return {\n        title: 'Choose a supported model provider',\n        description: `This step references ${provider}, which is not available to the agent runner. Update the workflow to use a supported provider, then re-run it.`,\n        showProviderCta: false,\n      };\n    case 'model_unavailable':\n      return {\n        title: 'Choose an available model',\n        description: `This step uses ${model} with ${provider}, but that model is not available for the provider. Update the model or provider in the workflow, then re-run it.`,\n        showProviderCta: false,\n      };\n    case 'step_config_invalid':\n      return {\n        title: \"Fix this step's agent settings\",\n        description:\n          'Make sure the step has a prompt, provider, model, and thinking value, then re-run the workflow.',\n        showProviderCta: false,\n      };\n    case undefined:\n      return {\n        title: \"We couldn't load the agent configuration for this step\",\n        description:\n          'Make sure the step has a prompt, provider, model, and thinking value. Then configure credentials for the model provider in Agents and re-run the workflow.',\n        showProviderCta: true,\n      };\n  }\n}\n\nfunction configValue(value: string | null | undefined, fallback: string): string {\n  return value ?? fallback;\n}\n"],"names":["Alert","AlertActions","AlertContent","AlertDescription","AlertTitle","Button","Link","AgentConfigFailureCallout","workspaceSlug","config","error","copy","agentConfigFailureCopy","variant","animated","className","title","description","showProviderCta","asChild","size","iconRight","to","params","provider","configValue","model","agentConfigIssue","undefined","value","fallback"],"mappings":";AAAA,SACEA,KAAK,EACLC,YAAY,EACZC,YAAY,EACZC,gBAAgB,EAChBC,UAAU,QACL,0BAA0B;AACjC,SAAQC,MAAM,QAAO,2BAA2B;AAChD,SAAQC,IAAI,QAAO,yBAAyB;AAG5C,OAAO,SAASC,0BAA0B,EACxCC,aAAa,EACbC,MAAM,EACNC,KAAK,EAKN;IACC,MAAMC,OAAOC,uBAAuBH,QAAQC;IAE5C,qBACE,KAACV;QAAMa,SAAQ;QAAUC,UAAU;QAAOC,WAAU;kBAClD,cAAA,MAACb;;8BACC,KAACE;8BAAYO,KAAKK,KAAK;;8BACvB,KAACb;8BAAkBQ,KAAKM,WAAW;;gBAClCN,KAAKO,eAAe,IAAIV,8BACvB,KAACP;8BACC,cAAA,KAACI;wBAAOc,OAAO;wBAACC,MAAK;wBAAMP,SAAQ;wBAAYQ,WAAU;kCACvD,cAAA,KAACf;4BAAKgB,IAAG;4BAAoCC,QAAQ;gCAACf;4BAAa;sCAAG;;;qBAKxE;;;;AAIZ;AAEA,SAASI,uBACPH,MAA8B,EAC9BC,KAAuB;IAEvB,MAAMc,WAAWC,YAAYhB,QAAQe,UAAU;IAC/C,MAAME,QAAQD,YAAYhB,QAAQiB,OAAO;IAEzC,OAAQhB,OAAOiB;QACb,KAAK;YACH,OAAO;gBACLX,OAAO,CAAC,0BAA0B,EAAEQ,UAAU;gBAC9CP,aAAa,CAAC,eAAe,EAAEO,SAAS,iFAAiF,EAAEA,SAAS,qCAAqC,CAAC;gBAC1KN,iBAAiB;YACnB;QACF,KAAK;YACH,OAAO;gBACLF,OAAO,CAAC,uBAAuB,EAAEQ,UAAU;gBAC3CP,aAAa,CAAC,eAAe,EAAEO,SAAS,2DAA2D,EAAEA,SAAS,qCAAqC,CAAC;gBACpJN,iBAAiB;YACnB;QACF,KAAK;YACH,OAAO;gBACLF,OAAO;gBACPC,aAAa,CAAC,qBAAqB,EAAEO,SAAS,8GAA8G,CAAC;gBAC7JN,iBAAiB;YACnB;QACF,KAAK;YACH,OAAO;gBACLF,OAAO;gBACPC,aAAa,CAAC,eAAe,EAAES,MAAM,MAAM,EAAEF,SAAS,iHAAiH,CAAC;gBACxKN,iBAAiB;YACnB;QACF,KAAK;YACH,OAAO;gBACLF,OAAO;gBACPC,aACE;gBACFC,iBAAiB;YACnB;QACF,KAAKU;YACH,OAAO;gBACLZ,OAAO;gBACPC,aACE;gBACFC,iBAAiB;YACnB;IACJ;AACF;AAEA,SAASO,YAAYI,KAAgC,EAAEC,QAAgB;IACrE,OAAOD,SAASC;AAClB"}
+{"version":3,"sources":["../../../src/components/job-detail/agent-config-failure-callout.tsx"],"sourcesContent":["import {\n  Alert,\n  AlertActions,\n  AlertContent,\n  AlertDescription,\n  AlertTitle,\n} from '@shipfox/react-ui/alert';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Link} from '@tanstack/react-router';\nimport type {AgentStepConfig, StepError} from '#core/workflow-run.js';\n\nexport function AgentConfigFailureCallout({\n  workspaceSlug,\n  config,\n  error,\n}: {\n  workspaceSlug?: string | undefined;\n  config: AgentStepConfig | null;\n  error: StepError | null;\n}) {\n  const copy = agentConfigFailureCopy(config, error);\n\n  return (\n    <Alert\n      variant=\"warning\"\n      animated={false}\n      className=\"rounded-none border-x-0 border-t-0 border-b border-tag-warning-border bg-transparent px-0 py-row\"\n    >\n      <AlertContent>\n        <AlertTitle>{copy.title}</AlertTitle>\n        <AlertDescription>{copy.description}</AlertDescription>\n        {copy.showProviderCta && workspaceSlug ? (\n          <AlertActions>\n            <Button asChild size=\"2xs\" variant=\"secondary\" iconRight=\"chevronRight\">\n              <Link to=\"/w/$workspaceSlug/settings/agents\" params={{workspaceSlug}}>\n                Configure Agents\n              </Link>\n            </Button>\n          </AlertActions>\n        ) : null}\n      </AlertContent>\n    </Alert>\n  );\n}\n\nfunction agentConfigFailureCopy(\n  config: AgentStepConfig | null,\n  error: StepError | null,\n): {title: string; description: string; showProviderCta: boolean} {\n  const provider = configValue(config?.provider, 'the selected provider');\n  const model = configValue(config?.model, 'the selected model');\n\n  switch (error?.agentConfigIssue) {\n    case 'provider_not_configured':\n      return {\n        title: `Configure credentials for ${provider}`,\n        description: `This step uses ${provider}, but no workspace credentials are configured for that model provider. Configure ${provider} in Agents, then re-run the workflow.`,\n        showProviderCta: true,\n      };\n    case 'credentials_invalid':\n      return {\n        title: `Update credentials for ${provider}`,\n        description: `This step uses ${provider}, but the saved credentials could not be used. Reconfigure ${provider} in Agents, then re-run the workflow.`,\n        showProviderCta: true,\n      };\n    case 'provider_unsupported':\n      return {\n        title: 'Choose a supported model provider',\n        description: `This step references ${provider}, which is not available to the agent runner. Update the workflow to use a supported provider, then re-run it.`,\n        showProviderCta: false,\n      };\n    case 'model_unavailable':\n      return {\n        title: 'Choose an available model',\n        description: `This step uses ${model} with ${provider}, but that model is not available for the provider. Update the model or provider in the workflow, then re-run it.`,\n        showProviderCta: false,\n      };\n    case 'step_config_invalid':\n      return {\n        title: \"Fix this step's agent settings\",\n        description:\n          'Make sure the step has a prompt, provider, model, and thinking value, then re-run the workflow.',\n        showProviderCta: false,\n      };\n    case undefined:\n      return {\n        title: \"We couldn't load the agent configuration for this step\",\n        description:\n          'Make sure the step has a prompt, provider, model, and thinking value. Then configure credentials for the model provider in Agents and re-run the workflow.',\n        showProviderCta: true,\n      };\n  }\n}\n\nfunction configValue(value: string | null | undefined, fallback: string): string {\n  return value ?? fallback;\n}\n"],"names":["Alert","AlertActions","AlertContent","AlertDescription","AlertTitle","Button","Link","AgentConfigFailureCallout","workspaceSlug","config","error","copy","agentConfigFailureCopy","variant","animated","className","title","description","showProviderCta","asChild","size","iconRight","to","params","provider","configValue","model","agentConfigIssue","undefined","value","fallback"],"mappings":";AAAA,SACEA,KAAK,EACLC,YAAY,EACZC,YAAY,EACZC,gBAAgB,EAChBC,UAAU,QACL,0BAA0B;AACjC,SAAQC,MAAM,QAAO,2BAA2B;AAChD,SAAQC,IAAI,QAAO,yBAAyB;AAG5C,OAAO,SAASC,0BAA0B,EACxCC,aAAa,EACbC,MAAM,EACNC,KAAK,EAKN;IACC,MAAMC,OAAOC,uBAAuBH,QAAQC;IAE5C,qBACE,KAACV;QACCa,SAAQ;QACRC,UAAU;QACVC,WAAU;kBAEV,cAAA,MAACb;;8BACC,KAACE;8BAAYO,KAAKK,KAAK;;8BACvB,KAACb;8BAAkBQ,KAAKM,WAAW;;gBAClCN,KAAKO,eAAe,IAAIV,8BACvB,KAACP;8BACC,cAAA,KAACI;wBAAOc,OAAO;wBAACC,MAAK;wBAAMP,SAAQ;wBAAYQ,WAAU;kCACvD,cAAA,KAACf;4BAAKgB,IAAG;4BAAoCC,QAAQ;gCAACf;4BAAa;sCAAG;;;qBAKxE;;;;AAIZ;AAEA,SAASI,uBACPH,MAA8B,EAC9BC,KAAuB;IAEvB,MAAMc,WAAWC,YAAYhB,QAAQe,UAAU;IAC/C,MAAME,QAAQD,YAAYhB,QAAQiB,OAAO;IAEzC,OAAQhB,OAAOiB;QACb,KAAK;YACH,OAAO;gBACLX,OAAO,CAAC,0BAA0B,EAAEQ,UAAU;gBAC9CP,aAAa,CAAC,eAAe,EAAEO,SAAS,iFAAiF,EAAEA,SAAS,qCAAqC,CAAC;gBAC1KN,iBAAiB;YACnB;QACF,KAAK;YACH,OAAO;gBACLF,OAAO,CAAC,uBAAuB,EAAEQ,UAAU;gBAC3CP,aAAa,CAAC,eAAe,EAAEO,SAAS,2DAA2D,EAAEA,SAAS,qCAAqC,CAAC;gBACpJN,iBAAiB;YACnB;QACF,KAAK;YACH,OAAO;gBACLF,OAAO;gBACPC,aAAa,CAAC,qBAAqB,EAAEO,SAAS,8GAA8G,CAAC;gBAC7JN,iBAAiB;YACnB;QACF,KAAK;YACH,OAAO;gBACLF,OAAO;gBACPC,aAAa,CAAC,eAAe,EAAES,MAAM,MAAM,EAAEF,SAAS,iHAAiH,CAAC;gBACxKN,iBAAiB;YACnB;QACF,KAAK;YACH,OAAO;gBACLF,OAAO;gBACPC,aACE;gBACFC,iBAAiB;YACnB;QACF,KAAKU;YACH,OAAO;gBACLZ,OAAO;gBACPC,aACE;gBACFC,iBAAiB;YACnB;IACJ;AACF;AAEA,SAASO,YAAYI,KAAgC,EAAEC,QAAgB;IACrE,OAAOD,SAASC;AAClB"}

package/dist/components/job-detail/job-context-panel.d.ts

@@ -0,0 +1,6 @@
+import type { Job, JobExecution } from '#core/workflow-run.js';
+export declare function JobContextPanel({ job, execution }: {
+    job: Job;
+    execution: JobExecution;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=job-context-panel.d.ts.map

package/dist/components/job-detail/job-context-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"job-context-panel.d.ts","sourceRoot":"","sources":["../../../src/components/job-detail/job-context-panel.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAuB,GAAG,EAAE,YAAY,EAAC,MAAM,uBAAuB,CAAC;AAKnF,wBAAgB,eAAe,CAAC,EAAC,GAAG,EAAE,SAAS,EAAC,EAAE;IAAC,GAAG,EAAE,GAAG,CAAC;IAAC,SAAS,EAAE,YAAY,CAAA;CAAC,sCA4BpF"}

package/dist/components/job-detail/job-context-panel.js

@@ -0,0 +1,224 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@shipfox/react-ui/icon';
+import { Sheet, SheetBody, SheetContent, SheetDescription, SheetHeader, SheetTitle } from '@shipfox/react-ui/sheet';
+import { Tooltip, TooltipContent, TooltipTrigger } from '@shipfox/react-ui/tooltip';
+import { Code, Text } from '@shipfox/react-ui/typography';
+import { useState } from 'react';
+import { formatJobExecutionTime } from './job-execution-time-text.js';
+import { JsonCode } from './json-code.js';
+import { EvaluationTrace } from './step-troubleshooting.js';
+export function JobContextPanel({ job, execution }) {
+    const runner = execution.runner?.length ? execution.runner : job.runner;
+    const outputs = execution.outputs ?? job.outputs;
+    const trace = [
+        ...job.evaluationTrace ?? [],
+        ...execution.evaluationTrace ?? []
+    ];
+    const statusReason = execution.statusReason ?? job.statusReason;
+    const hasTiming = Boolean(execution.queueTime || execution.runTime);
+    const hasContext = Boolean(runner?.length || outputs || execution.triggerEvents.length || job.success || statusReason || trace?.length || hasTiming);
+    if (!hasContext) return null;
+    return /*#__PURE__*/ _jsx(JobContextSheet, {
+        job: job,
+        execution: execution,
+        runner: runner,
+        outputs: outputs,
+        trace: trace,
+        statusReason: statusReason
+    });
+}
+function JobContextSheet({ job, execution, runner, outputs, trace, statusReason }) {
+    const [open, setOpen] = useState(false);
+    const { conditionTrace, executionNameTrace } = splitJobEvaluationTrace(trace);
+    return /*#__PURE__*/ _jsxs(Sheet, {
+        open: open,
+        onOpenChange: setOpen,
+        children: [
+            /*#__PURE__*/ _jsxs(Tooltip, {
+                children: [
+                    /*#__PURE__*/ _jsx(TooltipTrigger, {
+                        asChild: true,
+                        children: /*#__PURE__*/ _jsx("button", {
+                            type: "button",
+                            "aria-label": "Inspect job details",
+                            onClick: ()=>setOpen(true),
+                            className: "flex size-28 shrink-0 items-center justify-center rounded-4 bg-transparent text-foreground-neutral-muted outline-none transition-colors hover:bg-transparent hover:text-foreground-neutral-base active:bg-transparent focus-visible:shadow-button-neutral-focus",
+                            children: /*#__PURE__*/ _jsx(Icon, {
+                                name: "informationLine",
+                                size: 14,
+                                "aria-hidden": "true"
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(TooltipContent, {
+                        children: "Inspect job details"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(SheetContent, {
+                side: "right",
+                className: "w-full sm:max-w-[560px]",
+                children: [
+                    /*#__PURE__*/ _jsxs(SheetHeader, {
+                        children: [
+                            /*#__PURE__*/ _jsx(SheetTitle, {
+                                children: job.displayName
+                            }),
+                            /*#__PURE__*/ _jsxs(SheetDescription, {
+                                children: [
+                                    "Execution #",
+                                    execution.sequence,
+                                    " · ",
+                                    execution.displayName
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(SheetBody, {
+                        className: "gap-section",
+                        children: /*#__PURE__*/ _jsxs("div", {
+                            className: "grid w-full min-w-0 gap-group min-[640px]:grid-cols-2",
+                            children: [
+                                runner?.length ? /*#__PURE__*/ _jsx(ContextList, {
+                                    label: "Runner",
+                                    values: runner,
+                                    mono: true
+                                }) : null,
+                                execution.queueTime || execution.runTime ? /*#__PURE__*/ _jsxs("div", {
+                                    className: "flex min-w-0 flex-col gap-tight",
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Text, {
+                                            size: "xs",
+                                            bold: true,
+                                            className: "text-foreground-neutral-base",
+                                            children: "Timing"
+                                        }),
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            className: "flex flex-wrap gap-inline text-xs text-foreground-neutral-muted",
+                                            children: [
+                                                execution.queueTime ? /*#__PURE__*/ _jsxs("span", {
+                                                    children: [
+                                                        "Queue ",
+                                                        formatJobExecutionTime(execution.queueTime)
+                                                    ]
+                                                }) : null,
+                                                execution.runTime ? /*#__PURE__*/ _jsxs("span", {
+                                                    children: [
+                                                        "Run ",
+                                                        formatJobExecutionTime(execution.runTime)
+                                                    ]
+                                                }) : null
+                                            ]
+                                        })
+                                    ]
+                                }) : null,
+                                outputs ? /*#__PURE__*/ _jsx(JsonCode, {
+                                    title: "Outputs",
+                                    value: outputs,
+                                    emptyMessage: "No outputs declared; the `outputs:` mapping is empty."
+                                }) : null,
+                                job.success ? /*#__PURE__*/ _jsx(ContextValue, {
+                                    label: "Condition",
+                                    value: job.success,
+                                    mono: true
+                                }) : null,
+                                statusReason ? /*#__PURE__*/ _jsx(ContextValue, {
+                                    label: "Status reason",
+                                    value: humanize(statusReason)
+                                }) : null,
+                                execution.triggerEvents.length ? /*#__PURE__*/ _jsx(JsonCode, {
+                                    title: `Trigger events (${execution.triggerEvents.length})`,
+                                    value: execution.triggerEvents
+                                }) : null,
+                                executionNameTrace.length ? /*#__PURE__*/ _jsx(EvaluationTraceSection, {
+                                    title: `Execution name evaluation (${executionNameTrace.length})`,
+                                    trace: executionNameTrace
+                                }) : null,
+                                conditionTrace.length ? /*#__PURE__*/ _jsx(EvaluationTraceSection, {
+                                    title: `Condition evaluation (${conditionTrace.length})`,
+                                    trace: conditionTrace
+                                }) : null
+                            ]
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}
+function EvaluationTraceSection({ title, trace }) {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex min-w-0 flex-col gap-tight",
+        children: [
+            /*#__PURE__*/ _jsx(Text, {
+                size: "xs",
+                bold: true,
+                className: "text-foreground-neutral-base",
+                children: title
+            }),
+            /*#__PURE__*/ _jsx(EvaluationTrace, {
+                trace: trace
+            })
+        ]
+    });
+}
+function ContextValue({ label, value, mono = false }) {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex min-w-0 flex-col gap-tight",
+        children: [
+            /*#__PURE__*/ _jsx(Text, {
+                size: "xs",
+                bold: true,
+                className: "text-foreground-neutral-base",
+                children: label
+            }),
+            /*#__PURE__*/ _jsx(Text, {
+                size: "xs",
+                className: mono ? 'break-words font-code text-foreground-neutral-muted' : 'text-foreground-neutral-muted',
+                children: value
+            })
+        ]
+    });
+}
+function ContextList({ label, values, mono = false }) {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex min-w-0 flex-col gap-tight",
+        children: [
+            /*#__PURE__*/ _jsx(Text, {
+                size: "xs",
+                bold: true,
+                className: "text-foreground-neutral-base",
+                children: label
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "flex min-w-0 flex-wrap gap-tight",
+                children: values.map((value)=>/*#__PURE__*/ _jsx(Code, {
+                        as: "span",
+                        variant: "label",
+                        className: mono ? 'text-foreground-neutral-muted' : 'text-foreground-neutral-base',
+                        children: value
+                    }, value))
+            })
+        ]
+    });
+}
+function humanize(value) {
+    return value.replaceAll('_', ' ').replace(/\b\w/g, (letter)=>letter.toUpperCase());
+}
+function splitJobEvaluationTrace(trace) {
+    const conditionTrace = [];
+    const executionNameTrace = [];
+    for (const entry of trace){
+        if (!('dropped' in entry) && entry.field === 'job.execution_name') {
+            executionNameTrace.push(entry);
+        } else {
+            conditionTrace.push(entry);
+        }
+    }
+    return {
+        conditionTrace,
+        executionNameTrace
+    };
+}
+
+//# sourceMappingURL=job-context-panel.js.map

package/dist/components/job-detail/job-context-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/job-detail/job-context-panel.tsx"],"sourcesContent":["import {Icon} from '@shipfox/react-ui/icon';\nimport {\n  Sheet,\n  SheetBody,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from '@shipfox/react-ui/sheet';\nimport {Tooltip, TooltipContent, TooltipTrigger} from '@shipfox/react-ui/tooltip';\nimport {Code, Text} from '@shipfox/react-ui/typography';\nimport {useState} from 'react';\nimport type {EvaluationTraceEntry, Job, JobExecution} from '#core/workflow-run.js';\nimport {formatJobExecutionTime} from './job-execution-time-text.js';\nimport {JsonCode} from './json-code.js';\nimport {EvaluationTrace} from './step-troubleshooting.js';\n\nexport function JobContextPanel({job, execution}: {job: Job; execution: JobExecution}) {\n  const runner = execution.runner?.length ? execution.runner : job.runner;\n  const outputs = execution.outputs ?? job.outputs;\n  const trace = [...(job.evaluationTrace ?? []), ...(execution.evaluationTrace ?? [])];\n  const statusReason = execution.statusReason ?? job.statusReason;\n  const hasTiming = Boolean(execution.queueTime || execution.runTime);\n  const hasContext = Boolean(\n    runner?.length ||\n      outputs ||\n      execution.triggerEvents.length ||\n      job.success ||\n      statusReason ||\n      trace?.length ||\n      hasTiming,\n  );\n\n  if (!hasContext) return null;\n\n  return (\n    <JobContextSheet\n      job={job}\n      execution={execution}\n      runner={runner}\n      outputs={outputs}\n      trace={trace}\n      statusReason={statusReason}\n    />\n  );\n}\n\nfunction JobContextSheet({\n  job,\n  execution,\n  runner,\n  outputs,\n  trace,\n  statusReason,\n}: {\n  job: Job;\n  execution: JobExecution;\n  runner: string[] | null;\n  outputs: Record<string, unknown> | null;\n  trace: EvaluationTraceEntry[];\n  statusReason: JobExecution['statusReason'];\n}) {\n  const [open, setOpen] = useState(false);\n  const {conditionTrace, executionNameTrace} = splitJobEvaluationTrace(trace);\n\n  return (\n    <Sheet open={open} onOpenChange={setOpen}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <button\n            type=\"button\"\n            aria-label=\"Inspect job details\"\n            onClick={() => setOpen(true)}\n            className=\"flex size-28 shrink-0 items-center justify-center rounded-4 bg-transparent text-foreground-neutral-muted outline-none transition-colors hover:bg-transparent hover:text-foreground-neutral-base active:bg-transparent focus-visible:shadow-button-neutral-focus\"\n          >\n            <Icon name=\"informationLine\" size={14} aria-hidden=\"true\" />\n          </button>\n        </TooltipTrigger>\n        <TooltipContent>Inspect job details</TooltipContent>\n      </Tooltip>\n      <SheetContent side=\"right\" className=\"w-full sm:max-w-[560px]\">\n        <SheetHeader>\n          <SheetTitle>{job.displayName}</SheetTitle>\n          <SheetDescription>\n            Execution #{execution.sequence} · {execution.displayName}\n          </SheetDescription>\n        </SheetHeader>\n        <SheetBody className=\"gap-section\">\n          <div className=\"grid w-full min-w-0 gap-group min-[640px]:grid-cols-2\">\n            {runner?.length ? <ContextList label=\"Runner\" values={runner} mono /> : null}\n            {execution.queueTime || execution.runTime ? (\n              <div className=\"flex min-w-0 flex-col gap-tight\">\n                <Text size=\"xs\" bold className=\"text-foreground-neutral-base\">\n                  Timing\n                </Text>\n                <div className=\"flex flex-wrap gap-inline text-xs text-foreground-neutral-muted\">\n                  {execution.queueTime ? (\n                    <span>Queue {formatJobExecutionTime(execution.queueTime)}</span>\n                  ) : null}\n                  {execution.runTime ? (\n                    <span>Run {formatJobExecutionTime(execution.runTime)}</span>\n                  ) : null}\n                </div>\n              </div>\n            ) : null}\n            {outputs ? (\n              <JsonCode\n                title=\"Outputs\"\n                value={outputs}\n                emptyMessage=\"No outputs declared; the `outputs:` mapping is empty.\"\n              />\n            ) : null}\n            {job.success ? <ContextValue label=\"Condition\" value={job.success} mono /> : null}\n            {statusReason ? (\n              <ContextValue label=\"Status reason\" value={humanize(statusReason)} />\n            ) : null}\n            {execution.triggerEvents.length ? (\n              <JsonCode\n                title={`Trigger events (${execution.triggerEvents.length})`}\n                value={execution.triggerEvents}\n              />\n            ) : null}\n            {executionNameTrace.length ? (\n              <EvaluationTraceSection\n                title={`Execution name evaluation (${executionNameTrace.length})`}\n                trace={executionNameTrace}\n              />\n            ) : null}\n            {conditionTrace.length ? (\n              <EvaluationTraceSection\n                title={`Condition evaluation (${conditionTrace.length})`}\n                trace={conditionTrace}\n              />\n            ) : null}\n          </div>\n        </SheetBody>\n      </SheetContent>\n    </Sheet>\n  );\n}\n\nfunction EvaluationTraceSection({\n  title,\n  trace,\n}: {\n  title: string;\n  trace: readonly EvaluationTraceEntry[];\n}) {\n  return (\n    <div className=\"flex min-w-0 flex-col gap-tight\">\n      <Text size=\"xs\" bold className=\"text-foreground-neutral-base\">\n        {title}\n      </Text>\n      <EvaluationTrace trace={trace} />\n    </div>\n  );\n}\n\nfunction ContextValue({\n  label,\n  value,\n  mono = false,\n}: {\n  label: string;\n  value: string;\n  mono?: boolean;\n}) {\n  return (\n    <div className=\"flex min-w-0 flex-col gap-tight\">\n      <Text size=\"xs\" bold className=\"text-foreground-neutral-base\">\n        {label}\n      </Text>\n      <Text\n        size=\"xs\"\n        className={\n          mono\n            ? 'break-words font-code text-foreground-neutral-muted'\n            : 'text-foreground-neutral-muted'\n        }\n      >\n        {value}\n      </Text>\n    </div>\n  );\n}\n\nfunction ContextList({\n  label,\n  values,\n  mono = false,\n}: {\n  label: string;\n  values: string[];\n  mono?: boolean;\n}) {\n  return (\n    <div className=\"flex min-w-0 flex-col gap-tight\">\n      <Text size=\"xs\" bold className=\"text-foreground-neutral-base\">\n        {label}\n      </Text>\n      <div className=\"flex min-w-0 flex-wrap gap-tight\">\n        {values.map((value) => (\n          <Code\n            key={value}\n            as=\"span\"\n            variant=\"label\"\n            className={mono ? 'text-foreground-neutral-muted' : 'text-foreground-neutral-base'}\n          >\n            {value}\n          </Code>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nfunction humanize(value: string): string {\n  return value.replaceAll('_', ' ').replace(/\\b\\w/g, (letter) => letter.toUpperCase());\n}\n\nfunction splitJobEvaluationTrace(trace: readonly EvaluationTraceEntry[]): {\n  conditionTrace: EvaluationTraceEntry[];\n  executionNameTrace: EvaluationTraceEntry[];\n} {\n  const conditionTrace: EvaluationTraceEntry[] = [];\n  const executionNameTrace: EvaluationTraceEntry[] = [];\n\n  for (const entry of trace) {\n    if (!('dropped' in entry) && entry.field === 'job.execution_name') {\n      executionNameTrace.push(entry);\n    } else {\n      conditionTrace.push(entry);\n    }\n  }\n\n  return {conditionTrace, executionNameTrace};\n}\n"],"names":["Icon","Sheet","SheetBody","SheetContent","SheetDescription","SheetHeader","SheetTitle","Tooltip","TooltipContent","TooltipTrigger","Code","Text","useState","formatJobExecutionTime","JsonCode","EvaluationTrace","JobContextPanel","job","execution","runner","length","outputs","trace","evaluationTrace","statusReason","hasTiming","Boolean","queueTime","runTime","hasContext","triggerEvents","success","JobContextSheet","open","setOpen","conditionTrace","executionNameTrace","splitJobEvaluationTrace","onOpenChange","asChild","button","type","aria-label","onClick","className","name","size","aria-hidden","side","displayName","sequence","div","ContextList","label","values","mono","bold","span","title","value","emptyMessage","ContextValue","humanize","EvaluationTraceSection","map","as","variant","replaceAll","replace","letter","toUpperCase","entry","field","push"],"mappings":"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"}

package/dist/components/job-detail/job-detail-header.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { RunAnnotationSummary } from '#core/run-annotation.js';
 import { type Job, type JobExecution } from '#core/workflow-run.js';
 export interface JobDetailHeaderProps {
@@ -10,6 +11,7 @@ export interface JobDetailHeaderProps {
     runAttempt?: number | undefined;
     /** Counts for this job only. Renders a link into the run's Annotations section, never a body. */
     annotationSummary?: RunAnnotationSummary | undefined;
+    jobContext?: ReactNode;
 }
-export declare function JobDetailHeader({ job, selectedJobExecution, onSelectedJobExecutionChange, workspaceSlug, projectSlug, workflowRunId, runAttempt, annotationSummary, }: JobDetailHeaderProps): import("react").JSX.Element;
+export declare function JobDetailHeader({ job, selectedJobExecution, onSelectedJobExecutionChange, workspaceSlug, projectSlug, workflowRunId, runAttempt, annotationSummary, jobContext, }: JobDetailHeaderProps): import("react").JSX.Element;
 //# sourceMappingURL=job-detail-header.d.ts.map

package/dist/components/job-detail/job-detail-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"job-detail-header.d.ts","sourceRoot":"","sources":["../../../src/components/job-detail/job-detail-header.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAIL,KAAK,GAAG,EACR,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAC;AAK/B,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,GAAG,CAAC;IACT,oBAAoB,EAAE,YAAY,GAAG,SAAS,CAAC;IAC/C,4BAA4B,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,iGAAiG;IACjG,iBAAiB,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAC;CACtD;AAED,wBAAgB,eAAe,CAAC,EAC9B,GAAG,EACH,oBAAoB,EACpB,4BAA4B,EAC5B,aAAa,EACb,WAAW,EACX,aAAa,EACb,UAAU,EACV,iBAAiB,GAClB,EAAE,oBAAoB,+BAuDtB"}
+{"version":3,"file":"job-detail-header.d.ts","sourceRoot":"","sources":["../../../src/components/job-detail/job-detail-header.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGrC,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAIL,KAAK,GAAG,EACR,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAC;AAK/B,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,GAAG,CAAC;IACT,oBAAoB,EAAE,YAAY,GAAG,SAAS,CAAC;IAC/C,4BAA4B,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,iGAAiG;IACjG,iBAAiB,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAC;IACrD,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,eAAe,CAAC,EAC9B,GAAG,EACH,oBAAoB,EACpB,4BAA4B,EAC5B,aAAa,EACb,WAAW,EACX,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,UAAU,GACX,EAAE,oBAAoB,+BA0DtB"}

package/dist/components/job-detail/job-detail-header.js

@@ -9,65 +9,71 @@ import { defaultJobExecution, deriveJobDisplayStatus, deriveJobExecutionDisplayS
 import { RunAnnotationCountChip } from '../workflow-run-tabs/index.js';
 import { JobExecutionSwitcher } from './job-execution-switcher.js';
 import { JobExecutionTimeText } from './job-execution-time-text.js';
-export function JobDetailHeader({ job, selectedJobExecution, onSelectedJobExecutionChange, workspaceSlug, projectSlug, workflowRunId, runAttempt, annotationSummary }) {
+export function JobDetailHeader({ job, selectedJobExecution, onSelectedJobExecutionChange, workspaceSlug, projectSlug, workflowRunId, runAttempt, annotationSummary, jobContext }) {
     const selectedStatus = selectedExecutionStatus(job, selectedJobExecution);
     const jobStatus = getWorkflowStatusVisual(selectedStatus);
     return /*#__PURE__*/ _jsx("header", {
-        className: "border-b border-border-neutral-base px-16 py-12",
+        className: "border-b border-border-neutral-base px-row py-row",
         children: /*#__PURE__*/ _jsxs("div", {
-            className: "flex min-w-0 flex-col gap-8",
+            className: "flex min-w-0 items-start justify-between gap-cluster",
             children: [
                 /*#__PURE__*/ _jsxs("div", {
-                    className: "flex min-w-0 items-center gap-8",
+                    className: "flex min-w-0 flex-col gap-inline",
                     children: [
-                        /*#__PURE__*/ _jsx(WorkflowStatusIcon, {
-                            status: selectedStatus,
-                            size: 14,
-                            tooltip: true,
-                            ariaLabel: `Job status: ${jobStatus.label}`
-                        }),
-                        /*#__PURE__*/ _jsx(Code, {
-                            as: "h2",
-                            variant: "paragraph",
-                            bold: true,
-                            tabIndex: -1,
-                            className: "min-w-0 truncate text-lg leading-24 text-foreground-neutral-base outline-none",
-                            "data-job-heading": true,
-                            children: job.displayName
-                        })
-                    ]
-                }),
-                selectedJobExecution || annotationSummary?.total ? /*#__PURE__*/ _jsxs("div", {
-                    className: "flex min-w-0 flex-wrap items-center gap-10 text-foreground-neutral-muted",
-                    children: [
-                        selectedJobExecution && job.executionCountVisible ? /*#__PURE__*/ _jsx(JobExecutionSwitcher, {
-                            job: job,
-                            selectedJobExecution: selectedJobExecution.id,
-                            onSelectedJobExecutionChange: onSelectedJobExecutionChange,
-                            variant: "title"
-                        }) : null,
-                        selectedJobExecution ? /*#__PURE__*/ _jsxs(_Fragment, {
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "flex min-w-0 items-center gap-inline",
                             children: [
-                                /*#__PURE__*/ _jsx(JobDurationMeta, {
-                                    execution: selectedJobExecution,
-                                    kind: "queue"
+                                /*#__PURE__*/ _jsx(WorkflowStatusIcon, {
+                                    status: selectedStatus,
+                                    size: 14,
+                                    tooltip: true,
+                                    ariaLabel: `Job status: ${jobStatus.label}`
                                 }),
-                                /*#__PURE__*/ _jsx(JobDurationMeta, {
-                                    execution: selectedJobExecution,
-                                    kind: "run"
+                                /*#__PURE__*/ _jsx(Code, {
+                                    as: "h1",
+                                    variant: "paragraph",
+                                    bold: true,
+                                    tabIndex: -1,
+                                    className: "min-w-0 truncate text-lg leading-24 text-foreground-neutral-base outline-none",
+                                    "data-job-heading": true,
+                                    children: job.displayName
                                 })
                             ]
-                        }) : null,
-                        /*#__PURE__*/ _jsx(RunAnnotationCountChip, {
-                            summary: annotationSummary,
-                            workspaceSlug: workspaceSlug,
-                            projectSlug: projectSlug,
-                            workflowRunId: workflowRunId,
-                            runAttempt: runAttempt,
-                            jobId: job.id
-                        })
+                        }),
+                        selectedJobExecution || annotationSummary?.total ? /*#__PURE__*/ _jsxs("div", {
+                            className: "flex min-w-0 flex-wrap items-center gap-inline text-foreground-neutral-muted",
+                            children: [
+                                selectedJobExecution && job.executionCountVisible ? /*#__PURE__*/ _jsx(JobExecutionSwitcher, {
+                                    job: job,
+                                    selectedJobExecution: selectedJobExecution.id,
+                                    onSelectedJobExecutionChange: onSelectedJobExecutionChange,
+                                    variant: "title"
+                                }) : null,
+                                selectedJobExecution ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx(JobDurationMeta, {
+                                            execution: selectedJobExecution,
+                                            kind: "queue"
+                                        }),
+                                        /*#__PURE__*/ _jsx(JobDurationMeta, {
+                                            execution: selectedJobExecution,
+                                            kind: "run"
+                                        })
+                                    ]
+                                }) : null,
+                                /*#__PURE__*/ _jsx(RunAnnotationCountChip, {
+                                    summary: annotationSummary,
+                                    workspaceSlug: workspaceSlug,
+                                    projectSlug: projectSlug,
+                                    workflowRunId: workflowRunId,
+                                    runAttempt: runAttempt,
+                                    jobId: job.id
+                                })
+                            ]
+                        }) : null
                     ]
-                }) : null
+                }),
+                jobContext
             ]
         })
     });
@@ -91,7 +97,7 @@ function JobDurationMeta({ execution, kind }) {
             /*#__PURE__*/ _jsx(TooltipTrigger, {
                 asChild: true,
                 children: /*#__PURE__*/ _jsxs("span", {
-                    className: "inline-flex items-center gap-4 whitespace-nowrap font-code text-xs leading-20 tabular-nums",
+                    className: "inline-flex items-center gap-tight whitespace-nowrap font-code text-xs leading-20 tabular-nums",
                     children: [
                         /*#__PURE__*/ _jsx(Icon, {
                             name: kind === 'queue' ? 'hourglassLine' : 'timerLine',