diff --git a/Dashboard/src/Components/Copilot/CopilotAction/CopilotActionPropViewer.tsx b/Dashboard/src/Components/Copilot/CopilotAction/CopilotActionPropViewer.tsx index ad8a278f36..8060e61dcf 100644 --- a/Dashboard/src/Components/Copilot/CopilotAction/CopilotActionPropViewer.tsx +++ b/Dashboard/src/Components/Copilot/CopilotAction/CopilotActionPropViewer.tsx @@ -20,7 +20,6 @@ export interface ComponentProps { const CopilotActionPropViewer: FunctionComponent = ( props: ComponentProps, ): ReactElement => { - if (!props.actionProps) { return <>-; } @@ -31,8 +30,6 @@ const CopilotActionPropViewer: FunctionComponent = ( const actionPropType: CopilotActionPropType = CopilotActionPropUtil.getCopilotActionPropByActionType(props.actionType); - - if (actionPropType === CopilotActionPropType.Directory) { return (
@@ -58,11 +55,14 @@ const CopilotActionPropViewer: FunctionComponent = (

Exception

- - {(props.actionProps as ExceptionActionProp).fingerprint && } + {(props.actionProps as ExceptionActionProp).fingerprint && ( + + )} {!(props.actionProps as ExceptionActionProp).fingerprint &&

-

}

@@ -76,17 +76,18 @@ const CopilotActionPropViewer: FunctionComponent = (

Trace ID

{!(props.actionProps as SpanActionProp).traceId &&

-

} - {(props.actionProps as SpanActionProp).traceId && } + {(props.actionProps as SpanActionProp).traceId && ( + + )}

); } if (actionPropType === CopilotActionPropType.Function) { - - if(!(props.actionProps as FunctionActionProp).functionName) { + if (!(props.actionProps as FunctionActionProp).functionName) { return <>-; } diff --git a/Dashboard/src/Components/Copilot/CopilotAction/CopilotActionTable.tsx b/Dashboard/src/Components/Copilot/CopilotAction/CopilotActionTable.tsx index 712932c3be..463e44e719 100644 --- a/Dashboard/src/Components/Copilot/CopilotAction/CopilotActionTable.tsx +++ b/Dashboard/src/Components/Copilot/CopilotAction/CopilotActionTable.tsx @@ -19,6 +19,7 @@ import SimpleLogViewer from "Common/UI/Components/SimpleLogViewer/SimpleLogViewe import { ButtonStyleType } from "Common/UI/Components/Button/Button"; import IconProp from "Common/Types/Icon/IconProp"; import ServiceCatalogElement from "../../ServiceCatalog/ServiceElement"; +import CopilotActionPropViewer from "./CopilotActionPropViewer"; export interface ComponentProps { query: Query; @@ -53,6 +54,21 @@ const CopilotActionTable: FunctionComponent = ( title: "Action Type", type: FieldType.Text, }, + { + field: { + copilotActionProp: true, + }, + title: "More Details", + type: FieldType.Element, + getElement: (item: CopilotAction): ReactElement => { + return ( + + ); + }, + }, { field: { serviceCatalog: {