@shipfox/client-triggers 8.0.0 → 9.0.0

package/.turbo/turbo-build.log

@@ -1,2 +1,2 @@
 $ shipfox-swc
-Successfully compiled: 18 files with swc (153.23ms)
+Successfully compiled: 18 files with swc (225.3ms)

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @shipfox/client-triggers
 
+## 9.0.0
+
+### Patch Changes
+
+- 87170f8: Move event payload scrolling to the detail rail and bound the desktop rail to the available viewport height.
+- Updated dependencies [56e2c58]
+- Updated dependencies [87170f8]
+  - @shipfox/client-shell@9.0.0
+
 ## 8.0.0
 
 ### Patch Changes

package/dist/components/trigger-event-detail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trigger-event-detail.d.ts","sourceRoot":"","sources":["../../src/components/trigger-event-detail.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EACV,kBAAkB,IAAI,uBAAuB,EAE9C,MAAM,wBAAwB,CAAC;AAQhC,MAAM,WAAW,uBAAuB;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EAAC,WAAW,EAAE,OAAO,EAAE,MAAM,EAAC,EAAE,uBAAuB,+BAUzF;AAED,wBAAgB,sBAAsB,CAAC,EACrC,WAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,uBAAuB,CAAC;IAC/B,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,+BAmEA"}
+{"version":3,"file":"trigger-event-detail.d.ts","sourceRoot":"","sources":["../../src/components/trigger-event-detail.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EACV,kBAAkB,IAAI,uBAAuB,EAE9C,MAAM,wBAAwB,CAAC;AAUhC,MAAM,WAAW,uBAAuB;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EAAC,WAAW,EAAE,OAAO,EAAE,MAAM,EAAC,EAAE,uBAAuB,+BAUzF;AAED,wBAAgB,sBAAsB,CAAC,EACrC,WAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,uBAAuB,CAAC;IAC/B,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,+BAsEA"}

package/dist/components/trigger-event-detail.js

@@ -16,6 +16,7 @@ import { useTriggerEventQuery } from '#hooks/api/trigger-events.js';
 import { triggerEventResult } from './trigger-event-result.js';
 import { TriggerSourceIcon } from './trigger-source-icon.js';
 const PANEL_CLASS = 'min-h-0 rounded-8 border border-border-neutral-base bg-background-neutral-base';
+const DETAIL_RAIL_CLASS = '@min-[820px]:sticky @min-[820px]:top-16 @min-[820px]:max-h-[calc(var(--app-content-h,100dvh_-_96px)_-_32px)] @min-[820px]:min-h-[min(320px,calc(var(--app-content-h,100dvh_-_96px)_-_32px))]';
 export function TriggerEventDetail({ workspaceId, eventId, onBack }) {
     const query = useTriggerEventQuery(eventId);
     if (!eventId) return /*#__PURE__*/ _jsx(TriggerEventDetailPlaceholder, {});
@@ -43,7 +44,7 @@ export function TriggerEventDetailView({ workspaceId, event, onBack }) {
     ]);
     return /*#__PURE__*/ _jsxs("aside", {
         "aria-label": "Event details",
-        className: cn(PANEL_CLASS, 'flex min-h-0 flex-col overflow-hidden'),
+        className: cn(PANEL_CLASS, DETAIL_RAIL_CLASS, 'flex min-h-0 flex-col overflow-hidden'),
         children: [
             /*#__PURE__*/ _jsxs("div", {
                 className: "flex shrink-0 flex-col gap-12 border-b border-border-neutral-base p-16",
@@ -53,7 +54,7 @@ export function TriggerEventDetailView({ workspaceId, event, onBack }) {
                         variant: "transparentMuted",
                         size: "sm",
                         iconLeft: "arrowLeftLine",
-                        className: "self-start min-[900px]:hidden",
+                        className: "self-start @min-[820px]:hidden",
                         onClick: onBack,
                         children: "Back to events"
                     }),
@@ -126,7 +127,7 @@ export function TriggerEventDetailView({ workspaceId, event, onBack }) {
                         payload: formattedPayload
                     })
                 ]
-            })
+            }, event.id)
         ]
     });
 }
@@ -142,7 +143,7 @@ function triggerEventFullLabel(event) {
 function TriggerEventDetailPlaceholder() {
     return /*#__PURE__*/ _jsx("aside", {
         "aria-label": "Event details",
-        className: cn(PANEL_CLASS, 'hidden min-h-[240px] items-center justify-center p-24 min-[900px]:flex'),
+        className: cn(PANEL_CLASS, 'hidden min-h-[240px] items-center justify-center p-24 @min-[820px]:flex'),
         children: /*#__PURE__*/ _jsx(EmptyState, {
             icon: "pulseLine",
             variant: "compact",
@@ -153,14 +154,14 @@ function TriggerEventDetailPlaceholder() {
 function TriggerEventDetailLoading({ onBack }) {
     return /*#__PURE__*/ _jsxs("aside", {
         "aria-label": "Event details",
-        className: cn(PANEL_CLASS, 'flex min-h-[320px] flex-col gap-16 p-16'),
+        className: cn(PANEL_CLASS, DETAIL_RAIL_CLASS, 'flex min-h-[320px] flex-col gap-16 p-16'),
         children: [
             /*#__PURE__*/ _jsx(Button, {
                 type: "button",
                 variant: "transparentMuted",
                 size: "sm",
                 iconLeft: "arrowLeftLine",
-                className: "self-start min-[900px]:hidden",
+                className: "self-start @min-[820px]:hidden",
                 onClick: onBack,
                 children: "Back to events"
             }),
@@ -187,14 +188,14 @@ function TriggerEventDetailLoading({ onBack }) {
 function TriggerEventDetailError({ onBack, onRetry }) {
     return /*#__PURE__*/ _jsxs("aside", {
         "aria-label": "Event details",
-        className: cn(PANEL_CLASS, 'flex flex-col gap-16 p-16'),
+        className: cn(PANEL_CLASS, DETAIL_RAIL_CLASS, 'flex min-h-[320px] flex-col gap-16 p-16'),
         children: [
             /*#__PURE__*/ _jsx(Button, {
                 type: "button",
                 variant: "transparentMuted",
                 size: "sm",
                 iconLeft: "arrowLeftLine",
-                className: "self-start min-[900px]:hidden",
+                className: "self-start @min-[820px]:hidden",
                 onClick: onBack,
                 children: "Back to events"
             }),
@@ -340,10 +341,10 @@ function EventPayload({ payload }) {
             }),
             /*#__PURE__*/ _jsxs(CodeBlock, {
                 data: data,
-                className: "flex h-auto max-h-[min(360px,45vh)] flex-col rounded-8 bg-background-contrast-base shadow-none",
+                className: "flex h-auto flex-col overflow-visible rounded-8 bg-background-contrast-base shadow-none",
                 children: [
                     /*#__PURE__*/ _jsxs(CodeBlockHeader, {
-                        className: "shrink-0 border-b border-border-contrast-base bg-background-contrast-base px-10 py-6",
+                        className: "sticky top-0 z-10 shrink-0 border-b border-border-contrast-base bg-background-contrast-base px-10 py-6",
                         children: [
                             /*#__PURE__*/ _jsx(CodeBlockFiles, {
                                 children: (item)=>/*#__PURE__*/ _jsx(CodeBlockFilename, {
@@ -355,7 +356,7 @@ function EventPayload({ payload }) {
                         ]
                     }),
                     /*#__PURE__*/ _jsx(CodeBlockBody, {
-                        className: "min-h-0 overflow-auto scrollbar",
+                        className: "min-h-0 scrollbar",
                         children: (item)=>/*#__PURE__*/ _jsx(CodeBlockItem, {
                                 value: item.filename,
                                 lineNumbers: false,

package/dist/components/trigger-event-detail.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/trigger-event-detail.tsx"],"sourcesContent":["import {Badge} from '@shipfox/react-ui/badge';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {\n  CodeBlock,\n  CodeBlockBody,\n  CodeBlockContent,\n  CodeBlockCopyButton,\n  CodeBlockFilename,\n  CodeBlockFiles,\n  CodeBlockHeader,\n  CodeBlockItem,\n} from '@shipfox/react-ui/code-block';\nimport {EmptyState} from '@shipfox/react-ui/empty-state';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {RelativeTime} from '@shipfox/react-ui/relative-time';\nimport {Skeleton} from '@shipfox/react-ui/skeleton';\nimport {Tooltip, TooltipContent, TooltipTrigger} from '@shipfox/react-ui/tooltip';\nimport {Code, Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {Link} from '@tanstack/react-router';\nimport {useMemo} from 'react';\nimport type {\n  TriggerEventDetail as TriggerEventDetailModel,\n  TriggerEventMatchedWorkflowResult,\n} from '#core/trigger-event.js';\nimport {useTriggerEventQuery} from '#hooks/api/trigger-events.js';\nimport {triggerEventResult} from './trigger-event-result.js';\nimport {TriggerSourceIcon} from './trigger-source-icon.js';\n\nconst PANEL_CLASS =\n  'min-h-0 rounded-8 border border-border-neutral-base bg-background-neutral-base';\n\nexport interface TriggerEventDetailProps {\n  workspaceId: string;\n  eventId?: string | undefined;\n  onBack: () => void;\n}\n\nexport function TriggerEventDetail({workspaceId, eventId, onBack}: TriggerEventDetailProps) {\n  const query = useTriggerEventQuery(eventId);\n\n  if (!eventId) return <TriggerEventDetailPlaceholder />;\n  if (query.data) {\n    return <TriggerEventDetailView workspaceId={workspaceId} event={query.data} onBack={onBack} />;\n  }\n  if (query.isError)\n    return <TriggerEventDetailError onBack={onBack} onRetry={() => query.refetch()} />;\n  return <TriggerEventDetailLoading onBack={onBack} />;\n}\n\nexport function TriggerEventDetailView({\n  workspaceId,\n  event,\n  onBack,\n}: {\n  workspaceId: string;\n  event: TriggerEventDetailModel;\n  onBack: () => void;\n}) {\n  const result = triggerEventResult(event);\n  const eventLabel = triggerEventDisplayLabel(event);\n  const fullEventLabel = triggerEventFullLabel(event);\n  const formattedPayload = useMemo(\n    () => JSON.stringify(event.payload ?? null, null, 2) ?? 'null',\n    [event.payload],\n  );\n\n  return (\n    <aside\n      aria-label=\"Event details\"\n      className={cn(PANEL_CLASS, 'flex min-h-0 flex-col overflow-hidden')}\n    >\n      <div className=\"flex shrink-0 flex-col gap-12 border-b border-border-neutral-base p-16\">\n        <Button\n          type=\"button\"\n          variant=\"transparentMuted\"\n          size=\"sm\"\n          iconLeft=\"arrowLeftLine\"\n          className=\"self-start min-[900px]:hidden\"\n          onClick={onBack}\n        >\n          Back to events\n        </Button>\n        <div className=\"flex min-w-0 items-start justify-between gap-12\">\n          <div className=\"flex min-w-0 flex-col gap-4\">\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <button\n                  type=\"button\"\n                  aria-label={fullEventLabel}\n                  className=\"flex min-w-0 items-center gap-6 rounded-6 border-0 bg-transparent p-0 text-left outline-none focus-visible:shadow-button-neutral-focus\"\n                >\n                  <TriggerSourceIcon\n                    provider={event.provider}\n                    source={event.source}\n                    aria-hidden=\"true\"\n                    className=\"size-16 shrink-0 text-foreground-neutral-muted\"\n                  />\n                  <Code as=\"span\" variant=\"label\" className=\"truncate text-foreground-neutral-base\">\n                    {eventLabel}\n                  </Code>\n                </button>\n              </TooltipTrigger>\n              <TooltipContent>\n                <Code as=\"span\" variant=\"label\" className=\"block max-w-[360px] break-words\">\n                  {fullEventLabel}\n                </Code>\n              </TooltipContent>\n            </Tooltip>\n            <Text size=\"xs\" className=\"truncate text-foreground-neutral-muted\">\n              <RelativeTime value={event.receivedAt} />\n            </Text>\n          </div>\n          <Badge variant={result.badge} size=\"xs\">\n            {result.label}\n          </Badge>\n        </div>\n      </div>\n\n      <div className=\"flex min-h-0 flex-1 flex-col gap-20 overflow-y-auto p-16 scrollbar\">\n        <EventRuns workspaceId={workspaceId} event={event} />\n        <EventPayload payload={formattedPayload} />\n      </div>\n    </aside>\n  );\n}\n\nfunction triggerEventDisplayLabel(event: Pick<TriggerEventDetailModel, 'event' | 'source'>) {\n  return event.event || event.source;\n}\n\nfunction triggerEventFullLabel(event: Pick<TriggerEventDetailModel, 'event' | 'source'>) {\n  return [event.source, event.event].filter(Boolean).join(' · ');\n}\n\nfunction TriggerEventDetailPlaceholder() {\n  return (\n    <aside\n      aria-label=\"Event details\"\n      className={cn(\n        PANEL_CLASS,\n        'hidden min-h-[240px] items-center justify-center p-24 min-[900px]:flex',\n      )}\n    >\n      <EmptyState icon=\"pulseLine\" variant=\"compact\" title=\"No event selected\" />\n    </aside>\n  );\n}\n\nfunction TriggerEventDetailLoading({onBack}: {onBack: () => void}) {\n  return (\n    <aside\n      aria-label=\"Event details\"\n      className={cn(PANEL_CLASS, 'flex min-h-[320px] flex-col gap-16 p-16')}\n    >\n      <Button\n        type=\"button\"\n        variant=\"transparentMuted\"\n        size=\"sm\"\n        iconLeft=\"arrowLeftLine\"\n        className=\"self-start min-[900px]:hidden\"\n        onClick={onBack}\n      >\n        Back to events\n      </Button>\n      <div className=\"flex flex-col gap-8\">\n        <Skeleton className=\"h-16 w-160\" />\n        <Skeleton className=\"h-12 w-120\" />\n      </div>\n      <Skeleton className=\"h-96\" />\n      <Skeleton className=\"h-160\" />\n    </aside>\n  );\n}\n\nfunction TriggerEventDetailError({onBack, onRetry}: {onBack: () => void; onRetry: () => void}) {\n  return (\n    <aside aria-label=\"Event details\" className={cn(PANEL_CLASS, 'flex flex-col gap-16 p-16')}>\n      <Button\n        type=\"button\"\n        variant=\"transparentMuted\"\n        size=\"sm\"\n        iconLeft=\"arrowLeftLine\"\n        className=\"self-start min-[900px]:hidden\"\n        onClick={onBack}\n      >\n        Back to events\n      </Button>\n      <Callout role=\"alert\" type=\"error\">\n        <div className=\"flex items-center justify-between gap-12\">\n          <Text size=\"sm\">Event detail could not be loaded.</Text>\n          <Button type=\"button\" variant=\"secondary\" size=\"xs\" onClick={onRetry}>\n            Retry\n          </Button>\n        </div>\n      </Callout>\n    </aside>\n  );\n}\n\nfunction EventRuns({workspaceId, event}: {workspaceId: string; event: TriggerEventDetailModel}) {\n  if (event.decisions.length === 0) {\n    if (event.outcome === 'discarded') {\n      return (\n        <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n          No workflows are subscribed to this event.\n        </Text>\n      );\n    }\n    return null;\n  }\n\n  return (\n    <section aria-labelledby=\"trigger-event-runs-heading\" className=\"flex flex-col gap-6\">\n      <Text id=\"trigger-event-runs-heading\" size=\"sm\" bold>\n        Matched workflows\n      </Text>\n      <ul className=\"-mx-8 flex flex-col gap-1\">\n        {event.decisions.map((decision) => (\n          <DecisionRow key={decision.id} workspaceId={workspaceId} decision={decision} />\n        ))}\n      </ul>\n    </section>\n  );\n}\n\nfunction DecisionRow({\n  workspaceId,\n  decision,\n}: {\n  workspaceId: string;\n  decision: TriggerEventMatchedWorkflowResult;\n}) {\n  if (decision.decision !== 'triggered' || !decision.runId || !decision.runName) {\n    return (\n      <li className=\"flex min-w-0 items-start gap-8 rounded-6 px-8 py-6\">\n        <Icon\n          name=\"cornerDownRightLine\"\n          className=\"mt-2 size-14 shrink-0 text-foreground-neutral-disabled\"\n          aria-hidden=\"true\"\n        />\n        <div className=\"flex min-w-0 flex-col gap-1\">\n          <Text size=\"sm\" className=\"min-w-0 truncate text-foreground-neutral-base\">\n            {decision.subscriptionName}\n          </Text>\n          {decision.reason ? (\n            <Text size=\"xs\" className=\"text-foreground-highlight-error\">\n              {decision.reason}\n            </Text>\n          ) : (\n            <Text size=\"xs\" className=\"text-foreground-neutral-disabled\">\n              No run created\n            </Text>\n          )}\n        </div>\n      </li>\n    );\n  }\n\n  return (\n    <li>\n      <Link\n        to=\"/workspaces/$wid/projects/$pid/runs/$workflowRunId\"\n        params={{wid: workspaceId, pid: decision.projectId ?? '', workflowRunId: decision.runId}}\n        className=\"flex min-w-0 items-start gap-8 rounded-6 px-8 py-6 transition-colors hover:bg-background-components-hover focus-visible:shadow-border-interactive-with-active focus-visible:outline-none\"\n      >\n        <Icon\n          name=\"cornerDownRightLine\"\n          className=\"mt-3 size-14 shrink-0 text-foreground-neutral-muted\"\n          aria-hidden=\"true\"\n        />\n        <span className=\"flex min-w-0 flex-col gap-1\">\n          <Text as=\"span\" size=\"sm\" className=\"min-w-0 truncate text-foreground-neutral-base\">\n            {decision.subscriptionName}\n          </Text>\n          <Code as=\"span\" variant=\"label\" className=\"truncate text-foreground-neutral-muted\">\n            {decision.runName}\n          </Code>\n        </span>\n      </Link>\n    </li>\n  );\n}\n\nfunction EventPayload({payload}: {payload: string}) {\n  const data = [{language: 'json', filename: 'payload.json', code: payload}];\n\n  return (\n    <section aria-labelledby=\"trigger-event-payload-heading\" className=\"flex flex-col gap-6\">\n      <Text id=\"trigger-event-payload-heading\" size=\"sm\" bold>\n        Payload\n      </Text>\n      <CodeBlock\n        data={data}\n        className=\"flex h-auto max-h-[min(360px,45vh)] flex-col rounded-8 bg-background-contrast-base shadow-none\"\n      >\n        <CodeBlockHeader className=\"shrink-0 border-b border-border-contrast-base bg-background-contrast-base px-10 py-6\">\n          <CodeBlockFiles>\n            {(item) => <CodeBlockFilename value={item.filename}>{item.filename}</CodeBlockFilename>}\n          </CodeBlockFiles>\n          <CodeBlockCopyButton />\n        </CodeBlockHeader>\n        <CodeBlockBody className=\"min-h-0 overflow-auto scrollbar\">\n          {(item) => (\n            <CodeBlockItem\n              value={item.filename}\n              lineNumbers={false}\n              className=\"px-0 pb-0 [&>div]:rounded-none [&>div]:border-0 [&>div]:bg-background-contrast-base [&>div]:dark:bg-background-contrast-base [&_code]:!text-foreground-neutral-on-color\"\n            >\n              <CodeBlockContent language=\"json\" syntaxHighlighting={false}>\n                {item.code}\n              </CodeBlockContent>\n            </CodeBlockItem>\n          )}\n        </CodeBlockBody>\n      </CodeBlock>\n    </section>\n  );\n}\n"],"names":["Badge","Button","Callout","CodeBlock","CodeBlockBody","CodeBlockContent","CodeBlockCopyButton","CodeBlockFilename","CodeBlockFiles","CodeBlockHeader","CodeBlockItem","EmptyState","Icon","RelativeTime","Skeleton","Tooltip","TooltipContent","TooltipTrigger","Code","Text","cn","Link","useMemo","useTriggerEventQuery","triggerEventResult","TriggerSourceIcon","PANEL_CLASS","TriggerEventDetail","workspaceId","eventId","onBack","query","TriggerEventDetailPlaceholder","data","TriggerEventDetailView","event","isError","TriggerEventDetailError","onRetry","refetch","TriggerEventDetailLoading","result","eventLabel","triggerEventDisplayLabel","fullEventLabel","triggerEventFullLabel","formattedPayload","JSON","stringify","payload","aside","aria-label","className","div","type","variant","size","iconLeft","onClick","asChild","button","provider","source","aria-hidden","as","value","receivedAt","badge","label","EventRuns","EventPayload","filter","Boolean","join","icon","title","role","decisions","length","outcome","section","aria-labelledby","id","bold","ul","map","decision","DecisionRow","runId","runName","li","name","subscriptionName","reason","to","params","wid","pid","projectId","workflowRunId","span","language","filename","code","item","lineNumbers","syntaxHighlighting"],"mappings":"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"}
+{"version":3,"sources":["../../src/components/trigger-event-detail.tsx"],"sourcesContent":["import {Badge} from '@shipfox/react-ui/badge';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {\n  CodeBlock,\n  CodeBlockBody,\n  CodeBlockContent,\n  CodeBlockCopyButton,\n  CodeBlockFilename,\n  CodeBlockFiles,\n  CodeBlockHeader,\n  CodeBlockItem,\n} from '@shipfox/react-ui/code-block';\nimport {EmptyState} from '@shipfox/react-ui/empty-state';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {RelativeTime} from '@shipfox/react-ui/relative-time';\nimport {Skeleton} from '@shipfox/react-ui/skeleton';\nimport {Tooltip, TooltipContent, TooltipTrigger} from '@shipfox/react-ui/tooltip';\nimport {Code, Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {Link} from '@tanstack/react-router';\nimport {useMemo} from 'react';\nimport type {\n  TriggerEventDetail as TriggerEventDetailModel,\n  TriggerEventMatchedWorkflowResult,\n} from '#core/trigger-event.js';\nimport {useTriggerEventQuery} from '#hooks/api/trigger-events.js';\nimport {triggerEventResult} from './trigger-event-result.js';\nimport {TriggerSourceIcon} from './trigger-source-icon.js';\n\nconst PANEL_CLASS =\n  'min-h-0 rounded-8 border border-border-neutral-base bg-background-neutral-base';\nconst DETAIL_RAIL_CLASS =\n  '@min-[820px]:sticky @min-[820px]:top-16 @min-[820px]:max-h-[calc(var(--app-content-h,100dvh_-_96px)_-_32px)] @min-[820px]:min-h-[min(320px,calc(var(--app-content-h,100dvh_-_96px)_-_32px))]';\n\nexport interface TriggerEventDetailProps {\n  workspaceId: string;\n  eventId?: string | undefined;\n  onBack: () => void;\n}\n\nexport function TriggerEventDetail({workspaceId, eventId, onBack}: TriggerEventDetailProps) {\n  const query = useTriggerEventQuery(eventId);\n\n  if (!eventId) return <TriggerEventDetailPlaceholder />;\n  if (query.data) {\n    return <TriggerEventDetailView workspaceId={workspaceId} event={query.data} onBack={onBack} />;\n  }\n  if (query.isError)\n    return <TriggerEventDetailError onBack={onBack} onRetry={() => query.refetch()} />;\n  return <TriggerEventDetailLoading onBack={onBack} />;\n}\n\nexport function TriggerEventDetailView({\n  workspaceId,\n  event,\n  onBack,\n}: {\n  workspaceId: string;\n  event: TriggerEventDetailModel;\n  onBack: () => void;\n}) {\n  const result = triggerEventResult(event);\n  const eventLabel = triggerEventDisplayLabel(event);\n  const fullEventLabel = triggerEventFullLabel(event);\n  const formattedPayload = useMemo(\n    () => JSON.stringify(event.payload ?? null, null, 2) ?? 'null',\n    [event.payload],\n  );\n\n  return (\n    <aside\n      aria-label=\"Event details\"\n      className={cn(PANEL_CLASS, DETAIL_RAIL_CLASS, 'flex min-h-0 flex-col overflow-hidden')}\n    >\n      <div className=\"flex shrink-0 flex-col gap-12 border-b border-border-neutral-base p-16\">\n        <Button\n          type=\"button\"\n          variant=\"transparentMuted\"\n          size=\"sm\"\n          iconLeft=\"arrowLeftLine\"\n          className=\"self-start @min-[820px]:hidden\"\n          onClick={onBack}\n        >\n          Back to events\n        </Button>\n        <div className=\"flex min-w-0 items-start justify-between gap-12\">\n          <div className=\"flex min-w-0 flex-col gap-4\">\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <button\n                  type=\"button\"\n                  aria-label={fullEventLabel}\n                  className=\"flex min-w-0 items-center gap-6 rounded-6 border-0 bg-transparent p-0 text-left outline-none focus-visible:shadow-button-neutral-focus\"\n                >\n                  <TriggerSourceIcon\n                    provider={event.provider}\n                    source={event.source}\n                    aria-hidden=\"true\"\n                    className=\"size-16 shrink-0 text-foreground-neutral-muted\"\n                  />\n                  <Code as=\"span\" variant=\"label\" className=\"truncate text-foreground-neutral-base\">\n                    {eventLabel}\n                  </Code>\n                </button>\n              </TooltipTrigger>\n              <TooltipContent>\n                <Code as=\"span\" variant=\"label\" className=\"block max-w-[360px] break-words\">\n                  {fullEventLabel}\n                </Code>\n              </TooltipContent>\n            </Tooltip>\n            <Text size=\"xs\" className=\"truncate text-foreground-neutral-muted\">\n              <RelativeTime value={event.receivedAt} />\n            </Text>\n          </div>\n          <Badge variant={result.badge} size=\"xs\">\n            {result.label}\n          </Badge>\n        </div>\n      </div>\n\n      <div\n        key={event.id}\n        className=\"flex min-h-0 flex-1 flex-col gap-20 overflow-y-auto p-16 scrollbar\"\n      >\n        <EventRuns workspaceId={workspaceId} event={event} />\n        <EventPayload payload={formattedPayload} />\n      </div>\n    </aside>\n  );\n}\n\nfunction triggerEventDisplayLabel(event: Pick<TriggerEventDetailModel, 'event' | 'source'>) {\n  return event.event || event.source;\n}\n\nfunction triggerEventFullLabel(event: Pick<TriggerEventDetailModel, 'event' | 'source'>) {\n  return [event.source, event.event].filter(Boolean).join(' · ');\n}\n\nfunction TriggerEventDetailPlaceholder() {\n  return (\n    <aside\n      aria-label=\"Event details\"\n      className={cn(\n        PANEL_CLASS,\n        'hidden min-h-[240px] items-center justify-center p-24 @min-[820px]:flex',\n      )}\n    >\n      <EmptyState icon=\"pulseLine\" variant=\"compact\" title=\"No event selected\" />\n    </aside>\n  );\n}\n\nfunction TriggerEventDetailLoading({onBack}: {onBack: () => void}) {\n  return (\n    <aside\n      aria-label=\"Event details\"\n      className={cn(PANEL_CLASS, DETAIL_RAIL_CLASS, 'flex min-h-[320px] flex-col gap-16 p-16')}\n    >\n      <Button\n        type=\"button\"\n        variant=\"transparentMuted\"\n        size=\"sm\"\n        iconLeft=\"arrowLeftLine\"\n        className=\"self-start @min-[820px]:hidden\"\n        onClick={onBack}\n      >\n        Back to events\n      </Button>\n      <div className=\"flex flex-col gap-8\">\n        <Skeleton className=\"h-16 w-160\" />\n        <Skeleton className=\"h-12 w-120\" />\n      </div>\n      <Skeleton className=\"h-96\" />\n      <Skeleton className=\"h-160\" />\n    </aside>\n  );\n}\n\nfunction TriggerEventDetailError({onBack, onRetry}: {onBack: () => void; onRetry: () => void}) {\n  return (\n    <aside\n      aria-label=\"Event details\"\n      className={cn(PANEL_CLASS, DETAIL_RAIL_CLASS, 'flex min-h-[320px] flex-col gap-16 p-16')}\n    >\n      <Button\n        type=\"button\"\n        variant=\"transparentMuted\"\n        size=\"sm\"\n        iconLeft=\"arrowLeftLine\"\n        className=\"self-start @min-[820px]:hidden\"\n        onClick={onBack}\n      >\n        Back to events\n      </Button>\n      <Callout role=\"alert\" type=\"error\">\n        <div className=\"flex items-center justify-between gap-12\">\n          <Text size=\"sm\">Event detail could not be loaded.</Text>\n          <Button type=\"button\" variant=\"secondary\" size=\"xs\" onClick={onRetry}>\n            Retry\n          </Button>\n        </div>\n      </Callout>\n    </aside>\n  );\n}\n\nfunction EventRuns({workspaceId, event}: {workspaceId: string; event: TriggerEventDetailModel}) {\n  if (event.decisions.length === 0) {\n    if (event.outcome === 'discarded') {\n      return (\n        <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n          No workflows are subscribed to this event.\n        </Text>\n      );\n    }\n    return null;\n  }\n\n  return (\n    <section aria-labelledby=\"trigger-event-runs-heading\" className=\"flex flex-col gap-6\">\n      <Text id=\"trigger-event-runs-heading\" size=\"sm\" bold>\n        Matched workflows\n      </Text>\n      <ul className=\"-mx-8 flex flex-col gap-1\">\n        {event.decisions.map((decision) => (\n          <DecisionRow key={decision.id} workspaceId={workspaceId} decision={decision} />\n        ))}\n      </ul>\n    </section>\n  );\n}\n\nfunction DecisionRow({\n  workspaceId,\n  decision,\n}: {\n  workspaceId: string;\n  decision: TriggerEventMatchedWorkflowResult;\n}) {\n  if (decision.decision !== 'triggered' || !decision.runId || !decision.runName) {\n    return (\n      <li className=\"flex min-w-0 items-start gap-8 rounded-6 px-8 py-6\">\n        <Icon\n          name=\"cornerDownRightLine\"\n          className=\"mt-2 size-14 shrink-0 text-foreground-neutral-disabled\"\n          aria-hidden=\"true\"\n        />\n        <div className=\"flex min-w-0 flex-col gap-1\">\n          <Text size=\"sm\" className=\"min-w-0 truncate text-foreground-neutral-base\">\n            {decision.subscriptionName}\n          </Text>\n          {decision.reason ? (\n            <Text size=\"xs\" className=\"text-foreground-highlight-error\">\n              {decision.reason}\n            </Text>\n          ) : (\n            <Text size=\"xs\" className=\"text-foreground-neutral-disabled\">\n              No run created\n            </Text>\n          )}\n        </div>\n      </li>\n    );\n  }\n\n  return (\n    <li>\n      <Link\n        to=\"/workspaces/$wid/projects/$pid/runs/$workflowRunId\"\n        params={{wid: workspaceId, pid: decision.projectId ?? '', workflowRunId: decision.runId}}\n        className=\"flex min-w-0 items-start gap-8 rounded-6 px-8 py-6 transition-colors hover:bg-background-components-hover focus-visible:shadow-border-interactive-with-active focus-visible:outline-none\"\n      >\n        <Icon\n          name=\"cornerDownRightLine\"\n          className=\"mt-3 size-14 shrink-0 text-foreground-neutral-muted\"\n          aria-hidden=\"true\"\n        />\n        <span className=\"flex min-w-0 flex-col gap-1\">\n          <Text as=\"span\" size=\"sm\" className=\"min-w-0 truncate text-foreground-neutral-base\">\n            {decision.subscriptionName}\n          </Text>\n          <Code as=\"span\" variant=\"label\" className=\"truncate text-foreground-neutral-muted\">\n            {decision.runName}\n          </Code>\n        </span>\n      </Link>\n    </li>\n  );\n}\n\nfunction EventPayload({payload}: {payload: string}) {\n  const data = [{language: 'json', filename: 'payload.json', code: payload}];\n\n  return (\n    <section aria-labelledby=\"trigger-event-payload-heading\" className=\"flex flex-col gap-6\">\n      <Text id=\"trigger-event-payload-heading\" size=\"sm\" bold>\n        Payload\n      </Text>\n      <CodeBlock\n        data={data}\n        className=\"flex h-auto flex-col overflow-visible rounded-8 bg-background-contrast-base shadow-none\"\n      >\n        <CodeBlockHeader className=\"sticky top-0 z-10 shrink-0 border-b border-border-contrast-base bg-background-contrast-base px-10 py-6\">\n          <CodeBlockFiles>\n            {(item) => <CodeBlockFilename value={item.filename}>{item.filename}</CodeBlockFilename>}\n          </CodeBlockFiles>\n          <CodeBlockCopyButton />\n        </CodeBlockHeader>\n        <CodeBlockBody className=\"min-h-0 scrollbar\">\n          {(item) => (\n            <CodeBlockItem\n              value={item.filename}\n              lineNumbers={false}\n              className=\"px-0 pb-0 [&>div]:rounded-none [&>div]:border-0 [&>div]:bg-background-contrast-base [&>div]:dark:bg-background-contrast-base [&_code]:!text-foreground-neutral-on-color\"\n            >\n              <CodeBlockContent language=\"json\" syntaxHighlighting={false}>\n                {item.code}\n              </CodeBlockContent>\n            </CodeBlockItem>\n          )}\n        </CodeBlockBody>\n      </CodeBlock>\n    </section>\n  );\n}\n"],"names":["Badge","Button","Callout","CodeBlock","CodeBlockBody","CodeBlockContent","CodeBlockCopyButton","CodeBlockFilename","CodeBlockFiles","CodeBlockHeader","CodeBlockItem","EmptyState","Icon","RelativeTime","Skeleton","Tooltip","TooltipContent","TooltipTrigger","Code","Text","cn","Link","useMemo","useTriggerEventQuery","triggerEventResult","TriggerSourceIcon","PANEL_CLASS","DETAIL_RAIL_CLASS","TriggerEventDetail","workspaceId","eventId","onBack","query","TriggerEventDetailPlaceholder","data","TriggerEventDetailView","event","isError","TriggerEventDetailError","onRetry","refetch","TriggerEventDetailLoading","result","eventLabel","triggerEventDisplayLabel","fullEventLabel","triggerEventFullLabel","formattedPayload","JSON","stringify","payload","aside","aria-label","className","div","type","variant","size","iconLeft","onClick","asChild","button","provider","source","aria-hidden","as","value","receivedAt","badge","label","EventRuns","EventPayload","id","filter","Boolean","join","icon","title","role","decisions","length","outcome","section","aria-labelledby","bold","ul","map","decision","DecisionRow","runId","runName","li","name","subscriptionName","reason","to","params","wid","pid","projectId","workflowRunId","span","language","filename","code","item","lineNumbers","syntaxHighlighting"],"mappings":"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"}

package/dist/components/trigger-event-detail.stories.js

@@ -15,9 +15,9 @@ const withRouter = (Story)=>{
     function StoryRoute() {
         return /*#__PURE__*/ _jsx(RelativeTimeProvider, {
             children: /*#__PURE__*/ _jsx("div", {
-                className: "min-h-screen bg-background-subtle-base p-24",
+                className: "min-h-screen bg-background-subtle-base p-24 [--app-content-h:calc(100dvh_-_96px)]",
                 children: /*#__PURE__*/ _jsx("div", {
-                    className: "ml-auto w-[400px]",
+                    className: "@container ml-auto w-[860px]",
                     children: /*#__PURE__*/ _jsx(Story, {})
                 })
             })

package/dist/components/trigger-event-detail.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/trigger-event-detail.stories.tsx"],"sourcesContent":["import {argosScreenshot} from '@argos-ci/storybook/vitest';\nimport type {TriggerEventDetailResponseDto} from '@shipfox/api-triggers-dto';\nimport {RelativeTimeProvider} from '@shipfox/react-ui/relative-time';\nimport type {Decorator, Meta, StoryObj} from '@storybook/react';\nimport {\n  createMemoryHistory,\n  createRootRoute,\n  createRoute,\n  createRouter,\n  Outlet,\n  RouterProvider,\n} from '@tanstack/react-router';\nimport {screen} from 'storybook/test';\nimport {toTriggerEventDetail} from '#hooks/api/trigger-event-mapper.js';\nimport {TriggerEventDetailView} from './trigger-event-detail.js';\n\nconst WORKSPACE_ID = '11111111-1111-4111-8111-111111111111';\nconst PROJECT_ID = '22222222-2222-4222-8222-222222222222';\nconst RUN_ID = '33333333-3333-4333-8333-333333333333';\n\nfunction minutesAgo(minutes: number): string {\n  return new Date(Date.now() - minutes * 60_000).toISOString();\n}\n\nconst withRouter: Decorator = (Story) => {\n  function StoryRoute() {\n    return (\n      <RelativeTimeProvider>\n        <div className=\"min-h-screen bg-background-subtle-base p-24\">\n          <div className=\"ml-auto w-[400px]\">\n            <Story />\n          </div>\n        </div>\n      </RelativeTimeProvider>\n    );\n  }\n\n  const rootRoute = createRootRoute({component: Outlet});\n  const storyRoute = createRoute({\n    getParentRoute: () => rootRoute,\n    path: '/',\n    component: StoryRoute,\n  });\n  const runRoute = createRoute({\n    getParentRoute: () => rootRoute,\n    path: '/workspaces/$wid/projects/$pid/runs/$workflowRunId',\n    component: StoryRoute,\n  });\n  const router = createRouter({\n    history: createMemoryHistory({initialEntries: ['/']}),\n    routeTree: rootRoute.addChildren([storyRoute, runRoute]),\n  });\n\n  return <RouterProvider router={router} />;\n};\n\nconst routedEventDto: TriggerEventDetailResponseDto = {\n  id: '44444444-4444-4444-8444-444444444444',\n  event_ref: 'github:delivery-179:push',\n  origin: 'integration',\n  workspace_id: WORKSPACE_ID,\n  provider: 'github',\n  source: 'github_acme',\n  event: 'push',\n  delivery_id: 'delivery-179',\n  connection_id: '55555555-5555-4555-8555-555555555555',\n  connection_name: 'ShipfoxHQ Production',\n  outcome: 'routed',\n  matched_count: 2,\n  payload: {\n    ref: 'refs/heads/main',\n    repository: {full_name: 'ShipfoxHQ/platform'},\n    head_commit: {id: '9f1a0f2c7a1b', message: 'Deploy event detail'},\n  },\n  received_at: minutesAgo(15),\n  processed_at: '2026-06-25T19:30:02.000Z',\n  created_at: '2026-06-25T19:30:00.000Z',\n  decisions: [\n    {\n      id: '66666666-6666-4666-8666-666666666666',\n      received_event_id: '44444444-4444-4444-8444-444444444444',\n      subscription_kind: 'trigger',\n      subscription_id: '77777777-7777-4777-8777-777777777777',\n      subscription_name: 'Deploy production',\n      workflow_definition_id: '88888888-8888-4888-8888-888888888888',\n      project_id: PROJECT_ID,\n      workflow_run_id: null,\n      job_id: null,\n      matcher_kind: null,\n      matcher_ordinal: null,\n      decision: 'triggered',\n      run_id: RUN_ID,\n      run_name: 'deploy-web #184',\n      reason: null,\n      created_at: '2026-06-25T19:30:02.000Z',\n    },\n    {\n      id: '99999999-9999-4999-8999-999999999999',\n      received_event_id: '44444444-4444-4444-8444-444444444444',\n      subscription_kind: 'trigger',\n      subscription_id: 'aaaaaaaa-aaaa-4aaa-8aaa-aaaaaaaaaaaa',\n      subscription_name: 'Mirror staging',\n      workflow_definition_id: 'bbbbbbbb-bbbb-4bbb-8bbb-bbbbbbbbbbbb',\n      project_id: PROJECT_ID,\n      workflow_run_id: null,\n      job_id: null,\n      matcher_kind: null,\n      matcher_ordinal: null,\n      decision: 'triggered',\n      run_id: 'cccccccc-cccc-4ccc-8ccc-cccccccccccc',\n      run_name: 'mirror-staging #51',\n      reason: null,\n      created_at: '2026-06-25T19:30:02.000Z',\n    },\n  ],\n};\n\nconst discardedEventDto: TriggerEventDetailResponseDto = {\n  ...routedEventDto,\n  id: 'dddddddd-dddd-4ddd-8ddd-dddddddddddd',\n  event_ref: 'github:delivery-180:issue_comment',\n  event: 'issue_comment',\n  delivery_id: 'delivery-180',\n  outcome: 'discarded',\n  matched_count: 0,\n  payload: {action: 'created', comment: {body: '/preview'}},\n  processed_at: '2026-06-25T19:33:01.000Z',\n  decisions: [],\n};\n\nconst routedEvent = toTriggerEventDetail(routedEventDto);\nconst discardedEvent = toTriggerEventDetail(discardedEventDto);\n\nconst meta = {\n  title: 'Triggers/EventDetail',\n  component: TriggerEventDetailView,\n  parameters: {\n    layout: 'fullscreen',\n    argos: {\n      modes: {\n        light: {theme: 'light'},\n        dark: {theme: 'dark'},\n      },\n    },\n  },\n  decorators: [withRouter],\n  args: {\n    workspaceId: WORKSPACE_ID,\n    event: routedEvent,\n    onBack: () => undefined,\n  },\n} satisfies Meta<typeof TriggerEventDetailView>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nasync function captureDetail(ctx: Parameters<NonNullable<Story['play']>>[0], name: string) {\n  await screen.findByRole('complementary', {name: 'Event details'});\n  await argosScreenshot(ctx, name);\n}\n\nexport const Playground: Story = {\n  play: async (ctx) => {\n    await captureDetail(ctx, 'Trigger Event Detail Playground');\n  },\n};\n\nexport const Discarded: Story = {\n  args: {event: discardedEvent},\n  play: async (ctx) => {\n    await captureDetail(ctx, 'Trigger Event Detail Discarded');\n  },\n};\n"],"names":["argosScreenshot","RelativeTimeProvider","createMemoryHistory","createRootRoute","createRoute","createRouter","Outlet","RouterProvider","screen","toTriggerEventDetail","TriggerEventDetailView","WORKSPACE_ID","PROJECT_ID","RUN_ID","minutesAgo","minutes","Date","now","toISOString","withRouter","Story","StoryRoute","div","className","rootRoute","component","storyRoute","getParentRoute","path","runRoute","router","history","initialEntries","routeTree","addChildren","routedEventDto","id","event_ref","origin","workspace_id","provider","source","event","delivery_id","connection_id","connection_name","outcome","matched_count","payload","ref","repository","full_name","head_commit","message","received_at","processed_at","created_at","decisions","received_event_id","subscription_kind","subscription_id","subscription_name","workflow_definition_id","project_id","workflow_run_id","job_id","matcher_kind","matcher_ordinal","decision","run_id","run_name","reason","discardedEventDto","action","comment","body","routedEvent","discardedEvent","meta","title","parameters","layout","argos","modes","light","theme","dark","decorators","args","workspaceId","onBack","undefined","captureDetail","ctx","name","findByRole","Playground","play","Discarded"],"mappings":";AAAA,SAAQA,eAAe,QAAO,6BAA6B;AAE3D,SAAQC,oBAAoB,QAAO,kCAAkC;AAErE,SACEC,mBAAmB,EACnBC,eAAe,EACfC,WAAW,EACXC,YAAY,EACZC,MAAM,EACNC,cAAc,QACT,yBAAyB;AAChC,SAAQC,MAAM,QAAO,iBAAiB;AACtC,SAAQC,oBAAoB,QAAO,qCAAqC;AACxE,SAAQC,sBAAsB,QAAO,4BAA4B;AAEjE,MAAMC,eAAe;AACrB,MAAMC,aAAa;AACnB,MAAMC,SAAS;AAEf,SAASC,WAAWC,OAAe;IACjC,OAAO,IAAIC,KAAKA,KAAKC,GAAG,KAAKF,UAAU,QAAQG,WAAW;AAC5D;AAEA,MAAMC,aAAwB,CAACC;IAC7B,SAASC;QACP,qBACE,KAACpB;sBACC,cAAA,KAACqB;gBAAIC,WAAU;0BACb,cAAA,KAACD;oBAAIC,WAAU;8BACb,cAAA,KAACH;;;;IAKX;IAEA,MAAMI,YAAYrB,gBAAgB;QAACsB,WAAWnB;IAAM;IACpD,MAAMoB,aAAatB,YAAY;QAC7BuB,gBAAgB,IAAMH;QACtBI,MAAM;QACNH,WAAWJ;IACb;IACA,MAAMQ,WAAWzB,YAAY;QAC3BuB,gBAAgB,IAAMH;QACtBI,MAAM;QACNH,WAAWJ;IACb;IACA,MAAMS,SAASzB,aAAa;QAC1B0B,SAAS7B,oBAAoB;YAAC8B,gBAAgB;gBAAC;aAAI;QAAA;QACnDC,WAAWT,UAAUU,WAAW,CAAC;YAACR;YAAYG;SAAS;IACzD;IAEA,qBAAO,KAACtB;QAAeuB,QAAQA;;AACjC;AAEA,MAAMK,iBAAgD;IACpDC,IAAI;IACJC,WAAW;IACXC,QAAQ;IACRC,cAAc5B;IACd6B,UAAU;IACVC,QAAQ;IACRC,OAAO;IACPC,aAAa;IACbC,eAAe;IACfC,iBAAiB;IACjBC,SAAS;IACTC,eAAe;IACfC,SAAS;QACPC,KAAK;QACLC,YAAY;YAACC,WAAW;QAAoB;QAC5CC,aAAa;YAAChB,IAAI;YAAgBiB,SAAS;QAAqB;IAClE;IACAC,aAAaxC,WAAW;IACxByC,cAAc;IACdC,YAAY;IACZC,WAAW;QACT;YACErB,IAAI;YACJsB,mBAAmB;YACnBC,mBAAmB;YACnBC,iBAAiB;YACjBC,mBAAmB;YACnBC,wBAAwB;YACxBC,YAAYnD;YACZoD,iBAAiB;YACjBC,QAAQ;YACRC,cAAc;YACdC,iBAAiB;YACjBC,UAAU;YACVC,QAAQxD;YACRyD,UAAU;YACVC,QAAQ;YACRf,YAAY;QACd;QACA;YACEpB,IAAI;YACJsB,mBAAmB;YACnBC,mBAAmB;YACnBC,iBAAiB;YACjBC,mBAAmB;YACnBC,wBAAwB;YACxBC,YAAYnD;YACZoD,iBAAiB;YACjBC,QAAQ;YACRC,cAAc;YACdC,iBAAiB;YACjBC,UAAU;YACVC,QAAQ;YACRC,UAAU;YACVC,QAAQ;YACRf,YAAY;QACd;KACD;AACH;AAEA,MAAMgB,oBAAmD;IACvD,GAAGrC,cAAc;IACjBC,IAAI;IACJC,WAAW;IACXK,OAAO;IACPC,aAAa;IACbG,SAAS;IACTC,eAAe;IACfC,SAAS;QAACyB,QAAQ;QAAWC,SAAS;YAACC,MAAM;QAAU;IAAC;IACxDpB,cAAc;IACdE,WAAW,EAAE;AACf;AAEA,MAAMmB,cAAcnE,qBAAqB0B;AACzC,MAAM0C,iBAAiBpE,qBAAqB+D;AAE5C,MAAMM,OAAO;IACXC,OAAO;IACPtD,WAAWf;IACXsE,YAAY;QACVC,QAAQ;QACRC,OAAO;YACLC,OAAO;gBACLC,OAAO;oBAACC,OAAO;gBAAO;gBACtBC,MAAM;oBAACD,OAAO;gBAAM;YACtB;QACF;IACF;IACAE,YAAY;QAACpE;KAAW;IACxBqE,MAAM;QACJC,aAAa9E;QACb+B,OAAOkC;QACPc,QAAQ,IAAMC;IAChB;AACF;AAEA,eAAeb,KAAK;AAGpB,eAAec,cAAcC,GAA8C,EAAEC,IAAY;IACvF,MAAMtF,OAAOuF,UAAU,CAAC,iBAAiB;QAACD,MAAM;IAAe;IAC/D,MAAM9F,gBAAgB6F,KAAKC;AAC7B;AAEA,OAAO,MAAME,aAAoB;IAC/BC,MAAM,OAAOJ;QACX,MAAMD,cAAcC,KAAK;IAC3B;AACF,EAAE;AAEF,OAAO,MAAMK,YAAmB;IAC9BV,MAAM;QAAC9C,OAAOmC;IAAc;IAC5BoB,MAAM,OAAOJ;QACX,MAAMD,cAAcC,KAAK;IAC3B;AACF,EAAE"}
+{"version":3,"sources":["../../src/components/trigger-event-detail.stories.tsx"],"sourcesContent":["import {argosScreenshot} from '@argos-ci/storybook/vitest';\nimport type {TriggerEventDetailResponseDto} from '@shipfox/api-triggers-dto';\nimport {RelativeTimeProvider} from '@shipfox/react-ui/relative-time';\nimport type {Decorator, Meta, StoryObj} from '@storybook/react';\nimport {\n  createMemoryHistory,\n  createRootRoute,\n  createRoute,\n  createRouter,\n  Outlet,\n  RouterProvider,\n} from '@tanstack/react-router';\nimport {screen} from 'storybook/test';\nimport {toTriggerEventDetail} from '#hooks/api/trigger-event-mapper.js';\nimport {TriggerEventDetailView} from './trigger-event-detail.js';\n\nconst WORKSPACE_ID = '11111111-1111-4111-8111-111111111111';\nconst PROJECT_ID = '22222222-2222-4222-8222-222222222222';\nconst RUN_ID = '33333333-3333-4333-8333-333333333333';\n\nfunction minutesAgo(minutes: number): string {\n  return new Date(Date.now() - minutes * 60_000).toISOString();\n}\n\nconst withRouter: Decorator = (Story) => {\n  function StoryRoute() {\n    return (\n      <RelativeTimeProvider>\n        <div className=\"min-h-screen bg-background-subtle-base p-24 [--app-content-h:calc(100dvh_-_96px)]\">\n          <div className=\"@container ml-auto w-[860px]\">\n            <Story />\n          </div>\n        </div>\n      </RelativeTimeProvider>\n    );\n  }\n\n  const rootRoute = createRootRoute({component: Outlet});\n  const storyRoute = createRoute({\n    getParentRoute: () => rootRoute,\n    path: '/',\n    component: StoryRoute,\n  });\n  const runRoute = createRoute({\n    getParentRoute: () => rootRoute,\n    path: '/workspaces/$wid/projects/$pid/runs/$workflowRunId',\n    component: StoryRoute,\n  });\n  const router = createRouter({\n    history: createMemoryHistory({initialEntries: ['/']}),\n    routeTree: rootRoute.addChildren([storyRoute, runRoute]),\n  });\n\n  return <RouterProvider router={router} />;\n};\n\nconst routedEventDto: TriggerEventDetailResponseDto = {\n  id: '44444444-4444-4444-8444-444444444444',\n  event_ref: 'github:delivery-179:push',\n  origin: 'integration',\n  workspace_id: WORKSPACE_ID,\n  provider: 'github',\n  source: 'github_acme',\n  event: 'push',\n  delivery_id: 'delivery-179',\n  connection_id: '55555555-5555-4555-8555-555555555555',\n  connection_name: 'ShipfoxHQ Production',\n  outcome: 'routed',\n  matched_count: 2,\n  payload: {\n    ref: 'refs/heads/main',\n    repository: {full_name: 'ShipfoxHQ/platform'},\n    head_commit: {id: '9f1a0f2c7a1b', message: 'Deploy event detail'},\n  },\n  received_at: minutesAgo(15),\n  processed_at: '2026-06-25T19:30:02.000Z',\n  created_at: '2026-06-25T19:30:00.000Z',\n  decisions: [\n    {\n      id: '66666666-6666-4666-8666-666666666666',\n      received_event_id: '44444444-4444-4444-8444-444444444444',\n      subscription_kind: 'trigger',\n      subscription_id: '77777777-7777-4777-8777-777777777777',\n      subscription_name: 'Deploy production',\n      workflow_definition_id: '88888888-8888-4888-8888-888888888888',\n      project_id: PROJECT_ID,\n      workflow_run_id: null,\n      job_id: null,\n      matcher_kind: null,\n      matcher_ordinal: null,\n      decision: 'triggered',\n      run_id: RUN_ID,\n      run_name: 'deploy-web #184',\n      reason: null,\n      created_at: '2026-06-25T19:30:02.000Z',\n    },\n    {\n      id: '99999999-9999-4999-8999-999999999999',\n      received_event_id: '44444444-4444-4444-8444-444444444444',\n      subscription_kind: 'trigger',\n      subscription_id: 'aaaaaaaa-aaaa-4aaa-8aaa-aaaaaaaaaaaa',\n      subscription_name: 'Mirror staging',\n      workflow_definition_id: 'bbbbbbbb-bbbb-4bbb-8bbb-bbbbbbbbbbbb',\n      project_id: PROJECT_ID,\n      workflow_run_id: null,\n      job_id: null,\n      matcher_kind: null,\n      matcher_ordinal: null,\n      decision: 'triggered',\n      run_id: 'cccccccc-cccc-4ccc-8ccc-cccccccccccc',\n      run_name: 'mirror-staging #51',\n      reason: null,\n      created_at: '2026-06-25T19:30:02.000Z',\n    },\n  ],\n};\n\nconst discardedEventDto: TriggerEventDetailResponseDto = {\n  ...routedEventDto,\n  id: 'dddddddd-dddd-4ddd-8ddd-dddddddddddd',\n  event_ref: 'github:delivery-180:issue_comment',\n  event: 'issue_comment',\n  delivery_id: 'delivery-180',\n  outcome: 'discarded',\n  matched_count: 0,\n  payload: {action: 'created', comment: {body: '/preview'}},\n  processed_at: '2026-06-25T19:33:01.000Z',\n  decisions: [],\n};\n\nconst routedEvent = toTriggerEventDetail(routedEventDto);\nconst discardedEvent = toTriggerEventDetail(discardedEventDto);\n\nconst meta = {\n  title: 'Triggers/EventDetail',\n  component: TriggerEventDetailView,\n  parameters: {\n    layout: 'fullscreen',\n    argos: {\n      modes: {\n        light: {theme: 'light'},\n        dark: {theme: 'dark'},\n      },\n    },\n  },\n  decorators: [withRouter],\n  args: {\n    workspaceId: WORKSPACE_ID,\n    event: routedEvent,\n    onBack: () => undefined,\n  },\n} satisfies Meta<typeof TriggerEventDetailView>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nasync function captureDetail(ctx: Parameters<NonNullable<Story['play']>>[0], name: string) {\n  await screen.findByRole('complementary', {name: 'Event details'});\n  await argosScreenshot(ctx, name);\n}\n\nexport const Playground: Story = {\n  play: async (ctx) => {\n    await captureDetail(ctx, 'Trigger Event Detail Playground');\n  },\n};\n\nexport const Discarded: Story = {\n  args: {event: discardedEvent},\n  play: async (ctx) => {\n    await captureDetail(ctx, 'Trigger Event Detail Discarded');\n  },\n};\n"],"names":["argosScreenshot","RelativeTimeProvider","createMemoryHistory","createRootRoute","createRoute","createRouter","Outlet","RouterProvider","screen","toTriggerEventDetail","TriggerEventDetailView","WORKSPACE_ID","PROJECT_ID","RUN_ID","minutesAgo","minutes","Date","now","toISOString","withRouter","Story","StoryRoute","div","className","rootRoute","component","storyRoute","getParentRoute","path","runRoute","router","history","initialEntries","routeTree","addChildren","routedEventDto","id","event_ref","origin","workspace_id","provider","source","event","delivery_id","connection_id","connection_name","outcome","matched_count","payload","ref","repository","full_name","head_commit","message","received_at","processed_at","created_at","decisions","received_event_id","subscription_kind","subscription_id","subscription_name","workflow_definition_id","project_id","workflow_run_id","job_id","matcher_kind","matcher_ordinal","decision","run_id","run_name","reason","discardedEventDto","action","comment","body","routedEvent","discardedEvent","meta","title","parameters","layout","argos","modes","light","theme","dark","decorators","args","workspaceId","onBack","undefined","captureDetail","ctx","name","findByRole","Playground","play","Discarded"],"mappings":"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"}

package/dist/pages/events-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"events-page.d.ts","sourceRoot":"","sources":["../../src/pages/events-page.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,mBAAmB,EAAsB,MAAM,wBAAwB,CAAC;AAMrF,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,mBAAmB,CAAC;IAC7B,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAC,WAAW,EAAE,OAAO,EAAE,eAAe,EAAC,EAAE,eAAe,+BAuDlF"}
+{"version":3,"file":"events-page.d.ts","sourceRoot":"","sources":["../../src/pages/events-page.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,mBAAmB,EAAsB,MAAM,wBAAwB,CAAC;AAMrF,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,mBAAmB,CAAC;IAC7B,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAC,WAAW,EAAE,OAAO,EAAE,eAAe,EAAC,EAAE,eAAe,+BA0DlF"}

package/dist/pages/events-page.js

@@ -28,7 +28,7 @@ import { useTriggerEventFacetsQuery, useTriggerEventsInfiniteQuery } from '#hook
     ]);
     return /*#__PURE__*/ _jsx(RelativeTimeProvider, {
         children: /*#__PURE__*/ _jsxs("section", {
-            className: "flex min-w-0 flex-col gap-16",
+            className: "@container flex min-w-0 flex-col gap-16",
             "aria-labelledby": "trigger-events-heading",
             children: [
                 /*#__PURE__*/ _jsxs("div", {
@@ -47,10 +47,10 @@ import { useTriggerEventFacetsQuery, useTriggerEventsInfiniteQuery } from '#hook
                     ]
                 }),
                 /*#__PURE__*/ _jsxs("div", {
-                    className: "grid min-h-0 gap-16 min-[900px]:grid-cols-[minmax(0,1fr)_minmax(360px,420px)]",
+                    className: "grid min-h-0 items-start gap-16 @min-[820px]:grid-cols-[minmax(0,1fr)_minmax(360px,420px)]",
                     children: [
                         /*#__PURE__*/ _jsx("div", {
-                            className: cn('min-w-0', selectedEventId && 'max-[899px]:hidden'),
+                            className: cn('min-w-0', selectedEventId && '@max-[820px]:hidden'),
                             children: /*#__PURE__*/ _jsx(EventsList, {
                                 events: events,
                                 query: query,

package/dist/pages/events-page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/pages/events-page.tsx"],"sourcesContent":["import {RelativeTimeProvider} from '@shipfox/react-ui/relative-time';\nimport {Header, Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {useEffect, useMemo, useState} from 'react';\nimport {EventsList} from '#components/events-list.js';\nimport {TriggerEventDetail} from '#components/trigger-event-detail.js';\nimport type {TriggerEventFilters, TriggerEventSummary} from '#core/trigger-event.js';\nimport {\n  useTriggerEventFacetsQuery,\n  useTriggerEventsInfiniteQuery,\n} from '#hooks/api/trigger-events.js';\n\nexport interface EventsPageProps {\n  workspaceId: string;\n  filters: TriggerEventFilters;\n  onFiltersChange: (patch: Partial<TriggerEventFilters>) => void;\n}\n\n/**\n * Workspace-scoped Events list. Router-agnostic: filters and their setter come in as props\n * (the settings wrapper binds them to the URL), so a story can drive it with local state.\n */\nexport function EventsPage({workspaceId, filters, onFiltersChange}: EventsPageProps) {\n  const query = useTriggerEventsInfiniteQuery(workspaceId, filters);\n  const facetsQuery = useTriggerEventFacetsQuery(workspaceId);\n  const [selectedEventId, setSelectedEventId] = useState<string | undefined>();\n\n  const events = useMemo<TriggerEventSummary[]>(\n    () => query.data?.pages.flatMap((page) => page.events) ?? [],\n    [query.data],\n  );\n\n  useEffect(() => {\n    if (!selectedEventId || query.isPending || query.isFetching || query.isError) return;\n    if (!events.some((event) => event.id === selectedEventId)) setSelectedEventId(undefined);\n  }, [events, query.isError, query.isFetching, query.isPending, selectedEventId]);\n\n  return (\n    <RelativeTimeProvider>\n      <section className=\"flex min-w-0 flex-col gap-16\" aria-labelledby=\"trigger-events-heading\">\n        <div className=\"flex flex-col gap-4\">\n          <Header id=\"trigger-events-heading\" variant=\"h3\">\n            Events\n          </Header>\n          <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n            A workspace-wide audit log of trigger events received from integrations, schedules, and\n            manual trigger calls.\n          </Text>\n        </div>\n\n        <div className=\"grid min-h-0 gap-16 min-[900px]:grid-cols-[minmax(0,1fr)_minmax(360px,420px)]\">\n          <div className={cn('min-w-0', selectedEventId && 'max-[899px]:hidden')}>\n            <EventsList\n              events={events}\n              query={query}\n              facets={facetsQuery.data}\n              filters={filters}\n              onFiltersChange={onFiltersChange}\n              workspaceId={workspaceId}\n              hasNextPage={query.hasNextPage}\n              isFetchingNextPage={query.isFetchingNextPage}\n              onLoadMore={() => {\n                void query.fetchNextPage();\n              }}\n              selectedEventId={selectedEventId}\n              onSelectEvent={setSelectedEventId}\n            />\n          </div>\n          <TriggerEventDetail\n            workspaceId={workspaceId}\n            eventId={selectedEventId}\n            onBack={() => setSelectedEventId(undefined)}\n          />\n        </div>\n      </section>\n    </RelativeTimeProvider>\n  );\n}\n"],"names":["RelativeTimeProvider","Header","Text","cn","useEffect","useMemo","useState","EventsList","TriggerEventDetail","useTriggerEventFacetsQuery","useTriggerEventsInfiniteQuery","EventsPage","workspaceId","filters","onFiltersChange","query","facetsQuery","selectedEventId","setSelectedEventId","events","data","pages","flatMap","page","isPending","isFetching","isError","some","event","id","undefined","section","className","aria-labelledby","div","variant","size","facets","hasNextPage","isFetchingNextPage","onLoadMore","fetchNextPage","onSelectEvent","eventId","onBack"],"mappings":";AAAA,SAAQA,oBAAoB,QAAO,kCAAkC;AACrE,SAAQC,MAAM,EAAEC,IAAI,QAAO,+BAA+B;AAC1D,SAAQC,EAAE,QAAO,0BAA0B;AAC3C,SAAQC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAO,QAAQ;AACnD,SAAQC,UAAU,QAAO,6BAA6B;AACtD,SAAQC,kBAAkB,QAAO,sCAAsC;AAEvE,SACEC,0BAA0B,EAC1BC,6BAA6B,QACxB,+BAA+B;AAQtC;;;CAGC,GACD,OAAO,SAASC,WAAW,EAACC,WAAW,EAAEC,OAAO,EAAEC,eAAe,EAAkB;IACjF,MAAMC,QAAQL,8BAA8BE,aAAaC;IACzD,MAAMG,cAAcP,2BAA2BG;IAC/C,MAAM,CAACK,iBAAiBC,mBAAmB,GAAGZ;IAE9C,MAAMa,SAASd,QACb,IAAMU,MAAMK,IAAI,EAAEC,MAAMC,QAAQ,CAACC,OAASA,KAAKJ,MAAM,KAAK,EAAE,EAC5D;QAACJ,MAAMK,IAAI;KAAC;IAGdhB,UAAU;QACR,IAAI,CAACa,mBAAmBF,MAAMS,SAAS,IAAIT,MAAMU,UAAU,IAAIV,MAAMW,OAAO,EAAE;QAC9E,IAAI,CAACP,OAAOQ,IAAI,CAAC,CAACC,QAAUA,MAAMC,EAAE,KAAKZ,kBAAkBC,mBAAmBY;IAChF,GAAG;QAACX;QAAQJ,MAAMW,OAAO;QAAEX,MAAMU,UAAU;QAAEV,MAAMS,SAAS;QAAEP;KAAgB;IAE9E,qBACE,KAACjB;kBACC,cAAA,MAAC+B;YAAQC,WAAU;YAA+BC,mBAAgB;;8BAChE,MAACC;oBAAIF,WAAU;;sCACb,KAAC/B;4BAAO4B,IAAG;4BAAyBM,SAAQ;sCAAK;;sCAGjD,KAACjC;4BAAKkC,MAAK;4BAAKJ,WAAU;sCAAgC;;;;8BAM5D,MAACE;oBAAIF,WAAU;;sCACb,KAACE;4BAAIF,WAAW7B,GAAG,WAAWc,mBAAmB;sCAC/C,cAAA,KAACV;gCACCY,QAAQA;gCACRJ,OAAOA;gCACPsB,QAAQrB,YAAYI,IAAI;gCACxBP,SAASA;gCACTC,iBAAiBA;gCACjBF,aAAaA;gCACb0B,aAAavB,MAAMuB,WAAW;gCAC9BC,oBAAoBxB,MAAMwB,kBAAkB;gCAC5CC,YAAY;oCACV,KAAKzB,MAAM0B,aAAa;gCAC1B;gCACAxB,iBAAiBA;gCACjByB,eAAexB;;;sCAGnB,KAACV;4BACCI,aAAaA;4BACb+B,SAAS1B;4BACT2B,QAAQ,IAAM1B,mBAAmBY;;;;;;;AAM7C"}
+{"version":3,"sources":["../../src/pages/events-page.tsx"],"sourcesContent":["import {RelativeTimeProvider} from '@shipfox/react-ui/relative-time';\nimport {Header, Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {useEffect, useMemo, useState} from 'react';\nimport {EventsList} from '#components/events-list.js';\nimport {TriggerEventDetail} from '#components/trigger-event-detail.js';\nimport type {TriggerEventFilters, TriggerEventSummary} from '#core/trigger-event.js';\nimport {\n  useTriggerEventFacetsQuery,\n  useTriggerEventsInfiniteQuery,\n} from '#hooks/api/trigger-events.js';\n\nexport interface EventsPageProps {\n  workspaceId: string;\n  filters: TriggerEventFilters;\n  onFiltersChange: (patch: Partial<TriggerEventFilters>) => void;\n}\n\n/**\n * Workspace-scoped Events list. Router-agnostic: filters and their setter come in as props\n * (the settings wrapper binds them to the URL), so a story can drive it with local state.\n */\nexport function EventsPage({workspaceId, filters, onFiltersChange}: EventsPageProps) {\n  const query = useTriggerEventsInfiniteQuery(workspaceId, filters);\n  const facetsQuery = useTriggerEventFacetsQuery(workspaceId);\n  const [selectedEventId, setSelectedEventId] = useState<string | undefined>();\n\n  const events = useMemo<TriggerEventSummary[]>(\n    () => query.data?.pages.flatMap((page) => page.events) ?? [],\n    [query.data],\n  );\n\n  useEffect(() => {\n    if (!selectedEventId || query.isPending || query.isFetching || query.isError) return;\n    if (!events.some((event) => event.id === selectedEventId)) setSelectedEventId(undefined);\n  }, [events, query.isError, query.isFetching, query.isPending, selectedEventId]);\n\n  return (\n    <RelativeTimeProvider>\n      <section\n        className=\"@container flex min-w-0 flex-col gap-16\"\n        aria-labelledby=\"trigger-events-heading\"\n      >\n        <div className=\"flex flex-col gap-4\">\n          <Header id=\"trigger-events-heading\" variant=\"h3\">\n            Events\n          </Header>\n          <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n            A workspace-wide audit log of trigger events received from integrations, schedules, and\n            manual trigger calls.\n          </Text>\n        </div>\n\n        <div className=\"grid min-h-0 items-start gap-16 @min-[820px]:grid-cols-[minmax(0,1fr)_minmax(360px,420px)]\">\n          <div className={cn('min-w-0', selectedEventId && '@max-[820px]:hidden')}>\n            <EventsList\n              events={events}\n              query={query}\n              facets={facetsQuery.data}\n              filters={filters}\n              onFiltersChange={onFiltersChange}\n              workspaceId={workspaceId}\n              hasNextPage={query.hasNextPage}\n              isFetchingNextPage={query.isFetchingNextPage}\n              onLoadMore={() => {\n                void query.fetchNextPage();\n              }}\n              selectedEventId={selectedEventId}\n              onSelectEvent={setSelectedEventId}\n            />\n          </div>\n          <TriggerEventDetail\n            workspaceId={workspaceId}\n            eventId={selectedEventId}\n            onBack={() => setSelectedEventId(undefined)}\n          />\n        </div>\n      </section>\n    </RelativeTimeProvider>\n  );\n}\n"],"names":["RelativeTimeProvider","Header","Text","cn","useEffect","useMemo","useState","EventsList","TriggerEventDetail","useTriggerEventFacetsQuery","useTriggerEventsInfiniteQuery","EventsPage","workspaceId","filters","onFiltersChange","query","facetsQuery","selectedEventId","setSelectedEventId","events","data","pages","flatMap","page","isPending","isFetching","isError","some","event","id","undefined","section","className","aria-labelledby","div","variant","size","facets","hasNextPage","isFetchingNextPage","onLoadMore","fetchNextPage","onSelectEvent","eventId","onBack"],"mappings":";AAAA,SAAQA,oBAAoB,QAAO,kCAAkC;AACrE,SAAQC,MAAM,EAAEC,IAAI,QAAO,+BAA+B;AAC1D,SAAQC,EAAE,QAAO,0BAA0B;AAC3C,SAAQC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAO,QAAQ;AACnD,SAAQC,UAAU,QAAO,6BAA6B;AACtD,SAAQC,kBAAkB,QAAO,sCAAsC;AAEvE,SACEC,0BAA0B,EAC1BC,6BAA6B,QACxB,+BAA+B;AAQtC;;;CAGC,GACD,OAAO,SAASC,WAAW,EAACC,WAAW,EAAEC,OAAO,EAAEC,eAAe,EAAkB;IACjF,MAAMC,QAAQL,8BAA8BE,aAAaC;IACzD,MAAMG,cAAcP,2BAA2BG;IAC/C,MAAM,CAACK,iBAAiBC,mBAAmB,GAAGZ;IAE9C,MAAMa,SAASd,QACb,IAAMU,MAAMK,IAAI,EAAEC,MAAMC,QAAQ,CAACC,OAASA,KAAKJ,MAAM,KAAK,EAAE,EAC5D;QAACJ,MAAMK,IAAI;KAAC;IAGdhB,UAAU;QACR,IAAI,CAACa,mBAAmBF,MAAMS,SAAS,IAAIT,MAAMU,UAAU,IAAIV,MAAMW,OAAO,EAAE;QAC9E,IAAI,CAACP,OAAOQ,IAAI,CAAC,CAACC,QAAUA,MAAMC,EAAE,KAAKZ,kBAAkBC,mBAAmBY;IAChF,GAAG;QAACX;QAAQJ,MAAMW,OAAO;QAAEX,MAAMU,UAAU;QAAEV,MAAMS,SAAS;QAAEP;KAAgB;IAE9E,qBACE,KAACjB;kBACC,cAAA,MAAC+B;YACCC,WAAU;YACVC,mBAAgB;;8BAEhB,MAACC;oBAAIF,WAAU;;sCACb,KAAC/B;4BAAO4B,IAAG;4BAAyBM,SAAQ;sCAAK;;sCAGjD,KAACjC;4BAAKkC,MAAK;4BAAKJ,WAAU;sCAAgC;;;;8BAM5D,MAACE;oBAAIF,WAAU;;sCACb,KAACE;4BAAIF,WAAW7B,GAAG,WAAWc,mBAAmB;sCAC/C,cAAA,KAACV;gCACCY,QAAQA;gCACRJ,OAAOA;gCACPsB,QAAQrB,YAAYI,IAAI;gCACxBP,SAASA;gCACTC,iBAAiBA;gCACjBF,aAAaA;gCACb0B,aAAavB,MAAMuB,WAAW;gCAC9BC,oBAAoBxB,MAAMwB,kBAAkB;gCAC5CC,YAAY;oCACV,KAAKzB,MAAM0B,aAAa;gCAC1B;gCACAxB,iBAAiBA;gCACjByB,eAAexB;;;sCAGnB,KAACV;4BACCI,aAAaA;4BACb+B,SAAS1B;4BACT2B,QAAQ,IAAM1B,mBAAmBY;;;;;;;AAM7C"}