Change order of information in timeline info section (#1438)

This commit is contained in:
Shuchang Zheng
2024-12-25 01:21:05 -08:00
committed by GitHub
parent 1d24d7dfdb
commit caf25a4317

View File

@@ -53,6 +53,14 @@ function WorkflowRunTimelineItemInfoSection({ activeItem }: Props) {
); );
} }
if (isWorkflowRunBlock(item)) { if (isWorkflowRunBlock(item)) {
const showExtractedInformationTab = item.status === Status.Completed;
const showFailureReasonTab =
item.status && statusIsAFailureType({ status: item.status });
const defaultTab = showExtractedInformationTab
? "extracted_information"
: showFailureReasonTab
? "failure_reason"
: "navigation_goal";
if ( if (
item.block_type === WorkflowBlockTypes.Task || item.block_type === WorkflowBlockTypes.Task ||
item.block_type === WorkflowBlockTypes.Navigation || item.block_type === WorkflowBlockTypes.Navigation ||
@@ -64,9 +72,8 @@ function WorkflowRunTimelineItemInfoSection({ activeItem }: Props) {
) { ) {
return ( return (
<div className="rounded bg-slate-elevation1 p-4"> <div className="rounded bg-slate-elevation1 p-4">
<Tabs key={item.block_type} defaultValue="navigation_goal"> <Tabs key={item.block_type} defaultValue={defaultTab}>
<TabsList> <TabsList>
<TabsTrigger value="navigation_goal">Navigation Goal</TabsTrigger>
{item.status === Status.Completed && ( {item.status === Status.Completed && (
<TabsTrigger value="extracted_information"> <TabsTrigger value="extracted_information">
Extracted Information Extracted Information
@@ -75,14 +82,9 @@ function WorkflowRunTimelineItemInfoSection({ activeItem }: Props) {
{item.status && statusIsAFailureType({ status: item.status }) && ( {item.status && statusIsAFailureType({ status: item.status }) && (
<TabsTrigger value="failure_reason">Failure Reason</TabsTrigger> <TabsTrigger value="failure_reason">Failure Reason</TabsTrigger>
)} )}
<TabsTrigger value="navigation_goal">Navigation Goal</TabsTrigger>
<TabsTrigger value="parameters">Parameters</TabsTrigger> <TabsTrigger value="parameters">Parameters</TabsTrigger>
</TabsList> </TabsList>
<TabsContent value="navigation_goal">
<AutoResizingTextarea
value={item.navigation_goal ?? ""}
readOnly
/>
</TabsContent>
{item.status === Status.Completed && ( {item.status === Status.Completed && (
<TabsContent value="extracted_information"> <TabsContent value="extracted_information">
<CodeEditor <CodeEditor
@@ -112,6 +114,12 @@ function WorkflowRunTimelineItemInfoSection({ activeItem }: Props) {
/> />
</TabsContent> </TabsContent>
)} )}
<TabsContent value="navigation_goal">
<AutoResizingTextarea
value={item.navigation_goal ?? ""}
readOnly
/>
</TabsContent>
<TabsContent value="parameters"> <TabsContent value="parameters">
<CodeEditor <CodeEditor
value={JSON.stringify(item.navigation_payload, null, 2)} value={JSON.stringify(item.navigation_payload, null, 2)}