diff --git a/src/components/PipelineRun/RunDetails.tsx b/src/components/PipelineRun/RunDetails.tsx
index 49390cc38..cc207b46a 100644
--- a/src/components/PipelineRun/RunDetails.tsx
+++ b/src/components/PipelineRun/RunDetails.tsx
@@ -177,7 +177,7 @@ export const RunDetails = () => {
/>
)}
-
+
);
};
diff --git a/src/components/shared/Execution/PipelineIO.tsx b/src/components/shared/Execution/PipelineIO.tsx
index 72e40e3e3..515a8f0c1 100644
--- a/src/components/shared/Execution/PipelineIO.tsx
+++ b/src/components/shared/Execution/PipelineIO.tsx
@@ -1,5 +1,6 @@
import { type ReactNode } from "react";
+import type { TaskSpecOutput } from "@/api/types.gen";
import { Attribute } from "@/components/shared/ContextPanel/Blocks/Attribute";
import { ContentBlock } from "@/components/shared/ContextPanel/Blocks/ContentBlock";
import { typeSpecToString } from "@/components/shared/ReactFlow/FlowCanvas/TaskNode/ArgumentsEditor/utils";
@@ -15,10 +16,16 @@ import { InputValueEditor } from "../../Editor/IOEditor/InputValueEditor";
import { OutputNameEditor } from "../../Editor/IOEditor/OutputNameEditor";
import { getOutputConnectedDetails } from "../../Editor/utils/getOutputConnectedDetails";
-const PipelineIO = ({ readOnly }: { readOnly?: boolean }) => {
+const PipelineIO = ({
+ taskArguments,
+}: {
+ taskArguments?: TaskSpecOutput["arguments"] | null;
+}) => {
const { setContent } = useContextPanel();
const { componentSpec, graphSpec } = useComponentSpec();
+ const readOnly = !!taskArguments;
+
const handleInputEdit = (input: InputSpec) => {
setContent();
};
@@ -57,13 +64,18 @@ const PipelineIO = ({ readOnly }: { readOnly?: boolean }) => {
return (
-
+
{componentSpec.inputs && componentSpec.inputs.length > 0 ? (
{componentSpec.inputs.map((input) => (
);
}
+
+function getArgumentValue(
+ taskArguments: TaskSpecOutput["arguments"] | undefined,
+ inputName: string,
+) {
+ const argument = taskArguments?.[inputName];
+ if (typeof argument === "string") {
+ return argument;
+ }
+ return undefined;
+}