diff --git a/client/src/api/schema/schema.ts b/client/src/api/schema/schema.ts
index 6175fdc94d4b..f42c45fedc52 100644
--- a/client/src/api/schema/schema.ts
+++ b/client/src/api/schema/schema.ts
@@ -5495,6 +5495,11 @@ export interface components {
              * @example 0123456789ABCDEF
              */
             id: string;
+            /**
+             * Implicit Collection Jobs Id
+             * @description Encoded ID for the ICJ object describing the collection of jobs corresponding to this collection
+             */
+            implicit_collection_jobs_id?: string | null;
             /**
              * Job Source ID
              * @description The encoded ID of the Job that produced this dataset collection. Used to track the state of the job.
@@ -16846,6 +16851,7 @@ export interface operations {
             /** @description Limit listing of jobs to those that match the history_id. If none, jobs from any history may be returned. */
             /** @description Limit listing of jobs to those that match the specified workflow ID. If none, jobs from any workflow (or from no workflows) may be returned. */
             /** @description Limit listing of jobs to those that match the specified workflow invocation ID. If none, jobs from any workflow invocation (or from no workflows) may be returned. */
+            /** @description Limit listing of jobs to those that match the specified implicit collection job ID. If none, jobs from any implicit collection execution (or from no implicit collection execution) may be returned. */
             /** @description Sort results by specified field. */
             /**
              * @description A mix of free text and GitHub-style tags used to filter the index operation.
@@ -16897,6 +16903,7 @@ export interface operations {
                 history_id?: string | null;
                 workflow_id?: string | null;
                 invocation_id?: string | null;
+                implicit_collection_jobs_id?: string | null;
                 order_by?: components["schemas"]["JobIndexSortByEnum"];
                 search?: string | null;
                 limit?: number;
diff --git a/client/src/components/JobMetrics/JobMetrics.vue b/client/src/components/JobMetrics/JobMetrics.vue
index 508de897f543..de1cbe9a1d6e 100644
--- a/client/src/components/JobMetrics/JobMetrics.vue
+++ b/client/src/components/JobMetrics/JobMetrics.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, ref, unref } from "vue";
+import { computed, ref, unref, watch } from "vue";
 
 import { useJobMetricsStore } from "@/stores/jobMetricsStore";
 
@@ -60,7 +60,14 @@ async function getJobMetrics() {
         await jobMetricsStore.fetchJobMetricsForDatasetId(props.datasetId, props.datasetType);
     }
 }
-getJobMetrics();
+
+watch(
+    props,
+    () => {
+        getJobMetrics();
+    },
+    { immediate: true }
+);
 
 const ec2Instances = ref<EC2[]>();
 import("./awsEc2ReferenceData.js").then((data) => (ec2Instances.value = data.ec2Instances));
diff --git a/client/src/components/JobParameters/JobParameters.vue b/client/src/components/JobParameters/JobParameters.vue
index 90fa617cdf58..34ec57c38f18 100644
--- a/client/src/components/JobParameters/JobParameters.vue
+++ b/client/src/components/JobParameters/JobParameters.vue
@@ -108,17 +108,25 @@ export default {
             return parameter ? parameter.value : `Parameter "${this.param}" is not found!`;
         },
     },
+    watch: {
+        jobId: function (newValue) {
+            this.initJob();
+        },
+    },
     created: function () {
-        let url;
-        if (this.jobId) {
-            url = `${getAppRoot()}api/jobs/${this.jobId}/parameters_display`;
-        } else {
-            url = `${getAppRoot()}api/datasets/${this.datasetId}/parameters_display?hda_ldda=${this.datasetType}`;
-        }
-        this.ajaxCall(url);
-        this.isSingleParam = this.param !== undefined && this.param !== "undefined";
+        this.initJob();
     },
     methods: {
+        initJob() {
+            let url;
+            if (this.jobId) {
+                url = `${getAppRoot()}api/jobs/${this.jobId}/parameters_display`;
+            } else {
+                url = `${getAppRoot()}api/datasets/${this.datasetId}/parameters_display?hda_ldda=${this.datasetType}`;
+            }
+            this.ajaxCall(url);
+            this.isSingleParam = this.param !== undefined && this.param !== "undefined";
+        },
         appRoot: function () {
             return getAppRoot();
         },
diff --git a/client/src/components/Markdown/Elements/JobMetrics.vue b/client/src/components/Markdown/Elements/JobMetrics.vue
index 1f6bd4e66d5c..95571896863a 100644
--- a/client/src/components/Markdown/Elements/JobMetrics.vue
+++ b/client/src/components/Markdown/Elements/JobMetrics.vue
@@ -1,18 +1,24 @@
 <script setup lang="ts">
-import { computed, watch } from "vue";
+import { computed, toRef, watch } from "vue";
 
 import { useJobStore } from "@/stores/jobStore";
 
+import { useMappingJobs } from "./handlesMappingJobs";
+
+import JobSelection from "./JobSelection.vue";
 import JobMetrics from "@/components/JobMetrics/JobMetrics.vue";
 import ToolLinkPopover from "@/components/Tool/ToolLinkPopover.vue";
 
 interface JobMetricsProps {
-    jobId: string;
+    jobId?: string;
+    implicitCollectionJobsId?: string;
     title?: string;
     footer?: string;
 }
 
 const props = withDefaults(defineProps<JobMetricsProps>(), {
+    jobId: undefined,
+    implicitCollectionJobsId: undefined,
     title: undefined,
     footer: undefined,
 });
@@ -20,16 +26,32 @@ const props = withDefaults(defineProps<JobMetricsProps>(), {
 const jobStore = useJobStore();
 
 const toolId = computed(() => {
-    return jobStore.getJob(props.jobId)?.tool_id;
+    if (targetJobId.value) {
+        return jobStore.getJob(targetJobId.value)?.tool_id;
+    }
+    return undefined;
 });
 const toolVersion = computed(() => {
-    return jobStore.getJob(props.jobId)?.tool_version;
+    if (targetJobId.value) {
+        return jobStore.getJob(targetJobId.value)?.tool_version;
+    }
+    return undefined;
 });
+const jobIdRef = toRef(props, "jobId");
+const implicitCollectionJobsIdRef = toRef(props, "implicitCollectionJobsId");
+
+const { selectJobOptions, selectedJob, targetJobId } = useMappingJobs(jobIdRef, implicitCollectionJobsIdRef);
+
+async function init() {
+    if (targetJobId.value) {
+        jobStore.fetchJob(targetJobId.value);
+    }
+}
 
 watch(
-    props,
+    targetJobId,
     () => {
-        jobStore.fetchJob(props.jobId);
+        init();
     },
     { immediate: true }
 );
@@ -42,12 +64,19 @@ watch(
             <icon ref="info" icon="info-circle" size="sm" />
             <ToolLinkPopover :target="() => $refs.info" :tool-id="toolId" :tool-version="toolVersion" />
         </b-card-title>
-        <JobMetrics
-            class="job-metrics"
+        <JobSelection
+            v-model="selectedJob"
             :job-id="jobId"
-            :should-show-aws-estimate="false"
-            :should-show-carbon-emissions-estimates="false"
-            :include-title="false" />
+            :implicit-collection-jobs-id="implicitCollectionJobsId"
+            :select-job-options="selectJobOptions">
+            <JobMetrics
+                v-if="targetJobId"
+                class="job-metrics"
+                :job-id="targetJobId"
+                :should-show-aws-estimate="false"
+                :should-show-carbon-emissions-estimates="false"
+                :include-title="false" />
+        </JobSelection>
         <b-card-footer v-if="footer">
             {{ footer }}
         </b-card-footer>
diff --git a/client/src/components/Markdown/Elements/JobParameters.vue b/client/src/components/Markdown/Elements/JobParameters.vue
index 804671429f44..4dbabff3c63a 100644
--- a/client/src/components/Markdown/Elements/JobParameters.vue
+++ b/client/src/components/Markdown/Elements/JobParameters.vue
@@ -1,19 +1,25 @@
 <script setup lang="ts">
-import { computed, watch } from "vue";
+import { computed, toRef, watch } from "vue";
 
 import { useJobStore } from "@/stores/jobStore";
 
+import { useMappingJobs } from "./handlesMappingJobs";
+
+import JobSelection from "./JobSelection.vue";
 import JobParameters from "@/components/JobParameters/JobParameters.vue";
 import ToolLinkPopover from "@/components/Tool/ToolLinkPopover.vue";
 
 interface JobParametersProps {
-    jobId: string;
+    jobId?: string;
+    implicitCollectionJobsId?: string;
     param?: string;
     title?: string;
     footer?: string;
 }
 
 const props = withDefaults(defineProps<JobParametersProps>(), {
+    jobId: undefined,
+    implicitCollectionJobsId: undefined,
     param: undefined,
     title: undefined,
     footer: undefined,
@@ -22,16 +28,32 @@ const props = withDefaults(defineProps<JobParametersProps>(), {
 const jobStore = useJobStore();
 
 const toolId = computed(() => {
-    return jobStore.getJob(props.jobId)?.tool_id;
+    if (targetJobId.value) {
+        return jobStore.getJob(targetJobId.value)?.tool_id;
+    }
+    return undefined;
 });
 const toolVersion = computed(() => {
-    return jobStore.getJob(props.jobId)?.tool_version;
+    if (targetJobId.value) {
+        return jobStore.getJob(targetJobId.value)?.tool_version;
+    }
+    return undefined;
 });
+const jobIdRef = toRef(props, "jobId");
+const implicitCollectionJobsIdRef = toRef(props, "implicitCollectionJobsId");
+
+const { selectJobOptions, selectedJob, targetJobId } = useMappingJobs(jobIdRef, implicitCollectionJobsIdRef);
+
+async function init() {
+    if (targetJobId.value) {
+        jobStore.fetchJob(targetJobId.value);
+    }
+}
 
 watch(
-    props,
+    targetJobId,
     () => {
-        jobStore.fetchJob(props.jobId);
+        init();
     },
     { immediate: true }
 );
@@ -44,7 +66,14 @@ watch(
             <icon ref="info" icon="info-circle" size="sm" />
             <ToolLinkPopover :target="() => $refs.info" :tool-id="toolId" :tool-version="toolVersion" />
         </b-card-title>
-        <JobParameters class="job-parameters" :job-id="jobId" :param="param" :include-title="false" />
+        <JobSelection
+            v-model="selectedJob"
+            :job-id="jobId"
+            :implicit-collection-jobs-id="implicitCollectionJobsId"
+            :select-job-options="selectJobOptions">
+            <JobParameters class="job-parameters" :job-id="targetJobId" :param="param" :include-title="false" />
+            {{ targetJobId }}
+        </JobSelection>
         <b-card-footer v-if="footer">
             {{ footer }}
         </b-card-footer>
diff --git a/client/src/components/Markdown/Elements/JobSelection.vue b/client/src/components/Markdown/Elements/JobSelection.vue
new file mode 100644
index 000000000000..84ded526629a
--- /dev/null
+++ b/client/src/components/Markdown/Elements/JobSelection.vue
@@ -0,0 +1,44 @@
+<script setup lang="ts">
+import { SelectOption } from "./handlesMappingJobs";
+
+interface JobSelectionProps {
+    jobId?: string;
+    implicitCollectionJobsId?: string;
+    selectJobOptions: SelectOption[];
+    value?: String | undefined;
+}
+
+const emit = defineEmits<{
+    (e: "input", id: string | undefined): void;
+}>();
+
+function handleInput(value: string | undefined) {
+    emit("input", value);
+}
+defineProps<JobSelectionProps>();
+</script>
+
+<template>
+    <div>
+        <slot v-if="jobId"> </slot>
+        <div v-else>
+            <b-navbar>
+                <b-collapse id="nav-text-collapse" is-nav>
+                    <b-navbar-nav>
+                        <b-nav-text>Select Job</b-nav-text>
+                    </b-navbar-nav>
+                    <b-nav-form>
+                        <b-input-group size="sm">
+                            <b-form-select
+                                :value="value"
+                                class="text-right"
+                                :options="selectJobOptions"
+                                @input="handleInput"></b-form-select>
+                        </b-input-group>
+                    </b-nav-form>
+                </b-collapse>
+            </b-navbar>
+            <slot />
+        </div>
+    </div>
+</template>
diff --git a/client/src/components/Markdown/Elements/ToolStd.vue b/client/src/components/Markdown/Elements/ToolStd.vue
index cebf0036e5d9..dc266416f53d 100644
--- a/client/src/components/Markdown/Elements/ToolStd.vue
+++ b/client/src/components/Markdown/Elements/ToolStd.vue
@@ -1,35 +1,73 @@
+<script setup lang="ts">
+import { computed, toRef, watch } from "vue";
+
+import { useJobStore } from "@/stores/jobStore";
+
+import { useMappingJobs } from "./handlesMappingJobs";
+
+import JobSelection from "./JobSelection.vue";
+
+interface ToolStdProps {
+    jobId?: string;
+    implicitCollectionJobsId?: string;
+    name: "tool_stderr" | "tool_stdout";
+}
+
+const props = withDefaults(defineProps<ToolStdProps>(), {
+    jobId: null,
+    implicitCollectionJobsId: null,
+});
+
+const jobStore = useJobStore();
+
+const jobIdRef = toRef(props, "jobId");
+const implicitCollectionJobsIdRef = toRef(props, "implicitCollectionJobsId");
+
+const { selectJobOptions, selectedJob, targetJobId } = useMappingJobs(jobIdRef, implicitCollectionJobsIdRef);
+
+async function init() {
+    if (targetJobId.value) {
+        jobStore.fetchJob(targetJobId.value);
+    }
+}
+
+watch(
+    targetJobId,
+    () => {
+        init();
+    },
+    { immediate: true }
+);
+
+const jobContent = computed(() => {
+    let content: string | undefined;
+    if (targetJobId.value) {
+        const job = jobStore.getJob(targetJobId.value);
+        content = job && job[props.name];
+    }
+    if (!content && props.name == "tool_stdout") {
+        content = "*No Standard Output Available*";
+    } else if (!content) {
+        content = "*No Standard Error Available*";
+    }
+    return content;
+});
+</script>
+
 <template>
     <b-card nobody class="content-height">
-        <div :class="name" :job_id="args.job_id">
-            <pre><code class="word-wrap-normal">{{ jobContent }}</code></pre>
-        </div>
+        <JobSelection
+            v-model="selectedJob"
+            :job-id="jobId"
+            :implicit-collection-jobs-id="implicitCollectionJobsId"
+            :select-job-options="selectJobOptions">
+            <div :class="name" :job_id="targetJobId">
+                <pre><code class="word-wrap-normal">{{ jobContent }}</code></pre>
+            </div>
+        </JobSelection>
     </b-card>
 </template>
 
-<script>
-export default {
-    props: {
-        args: {
-            type: Object,
-            required: true,
-        },
-        name: {
-            type: String,
-            required: true,
-        },
-        jobs: {
-            type: Object,
-            default: null,
-        },
-    },
-    computed: {
-        jobContent() {
-            const job = this.jobs[this.args.job_id];
-            return job && job[this.name];
-        },
-    },
-};
-</script>
 <style scoped>
 .content-height {
     max-height: 15rem;
diff --git a/client/src/components/Markdown/Elements/handlesMappingJobs.ts b/client/src/components/Markdown/Elements/handlesMappingJobs.ts
new file mode 100644
index 000000000000..fa257872dd69
--- /dev/null
+++ b/client/src/components/Markdown/Elements/handlesMappingJobs.ts
@@ -0,0 +1,51 @@
+import { format, parseISO } from "date-fns";
+import { computed, Ref, ref, watch } from "vue";
+
+import { fetcher } from "@/api/schema";
+
+const jobsFetcher = fetcher.path("/api/jobs").method("get").create();
+
+export interface SelectOption {
+    value: string;
+    text: string;
+}
+
+interface Job {
+    id: string;
+    create_time: string;
+}
+
+export function useMappingJobs(
+    singleJobId: Ref<string | undefined>,
+    implicitCollectionJobsId: Ref<string | undefined>
+) {
+    const selectJobOptions = ref<SelectOption[]>([]);
+    const selectedJob = ref<string | undefined>(undefined);
+    const targetJobId = computed<string | undefined>(() => {
+        if (singleJobId.value) {
+            return singleJobId.value;
+        } else {
+            return selectedJob.value;
+        }
+    });
+    watch(
+        implicitCollectionJobsId,
+        async () => {
+            if (implicitCollectionJobsId.value) {
+                const response = await jobsFetcher({ implicit_collection_jobs_id: implicitCollectionJobsId.value });
+                const jobs: Job[] = response.data as unknown as Job[];
+                selectJobOptions.value = jobs.map((value, index) => {
+                    const isoCreateTime = parseISO(`${value.create_time}Z`);
+                    const prettyTime = format(isoCreateTime, "eeee MMM do H:mm:ss yyyy zz");
+                    return { value: value.id, text: `${index + 1}: ${prettyTime}` };
+                });
+                if (jobs[0]) {
+                    const job: Job = jobs[0];
+                    selectedJob.value = job.id;
+                }
+            }
+        },
+        { immediate: true }
+    );
+    return { selectJobOptions, selectedJob, targetJobId };
+}
diff --git a/client/src/components/Markdown/Markdown.vue b/client/src/components/Markdown/Markdown.vue
index 2d84435e7db5..7fdbf5b15f71 100644
--- a/client/src/components/Markdown/Markdown.vue
+++ b/client/src/components/Markdown/Markdown.vue
@@ -54,7 +54,6 @@
                     :collections="collections"
                     :histories="histories"
                     :invocations="invocations"
-                    :jobs="jobs"
                     :time="time"
                     :version="version"
                     :workflows="workflows" />
@@ -134,7 +133,6 @@ export default {
             histories: {},
             collections: {},
             workflows: {},
-            jobs: {},
             invocations: {},
             loading: true,
             workflowID: "",
@@ -193,7 +191,6 @@ export default {
                 this.histories = config.histories || {};
                 this.collections = config.history_dataset_collections || {};
                 this.workflows = config.workflows || {};
-                this.jobs = config.jobs || {};
                 this.invocations = config.invocations || {};
                 this.loading = false;
                 this.workflowID = Object.keys(this.markdownConfig.workflows)[0];
diff --git a/client/src/components/Markdown/MarkdownContainer.vue b/client/src/components/Markdown/MarkdownContainer.vue
index a76c465c10d0..72f487deb26e 100644
--- a/client/src/components/Markdown/MarkdownContainer.vue
+++ b/client/src/components/Markdown/MarkdownContainer.vue
@@ -49,10 +49,6 @@ const props = defineProps({
         type: Object,
         default: null,
     },
-    jobs: {
-        type: Object,
-        default: null,
-    },
     time: {
         type: String,
         default: null,
@@ -151,11 +147,13 @@ function argToBoolean(args, name, booleanDefault) {
             <JobMetrics
                 v-else-if="name == 'job_metrics'"
                 :job-id="args.job_id"
+                :implicit-collection-jobs-id="args.implicit_collection_jobs_id"
                 :title="args.title"
                 :footer="args.footer" />
             <JobParameters
                 v-else-if="name == 'job_parameters'"
                 :job-id="args.job_id"
+                :implicit-collection-jobs-id="args.implicit_collection_jobs_id"
                 :param="args.param || undefined"
                 :title="args.title"
                 :footer="args.footer" />
@@ -169,7 +167,11 @@ function argToBoolean(args, name, booleanDefault) {
                 v-else-if="name == 'history_dataset_collection_display'"
                 :args="args"
                 :collections="collections" />
-            <ToolStd v-else-if="['tool_stdout', 'tool_stderr'].includes(name)" :args="args" :name="name" :jobs="jobs" />
+            <ToolStd
+                v-else-if="['tool_stdout', 'tool_stderr'].includes(name)"
+                :job-id="args.job_id"
+                :implicit-collection-jobs-id="args.implicit_collection_jobs_id"
+                :name="name" />
             <HistoryDatasetDisplay
                 v-else-if="['history_dataset_embedded', 'history_dataset_display'].includes(name)"
                 :args="args"
diff --git a/client/src/components/Markdown/MarkdownToolBox.vue b/client/src/components/Markdown/MarkdownToolBox.vue
index e7f2d7c6b1ca..2f6e5d027858 100644
--- a/client/src/components/Markdown/MarkdownToolBox.vue
+++ b/client/src/components/Markdown/MarkdownToolBox.vue
@@ -47,67 +47,48 @@ import ToolSection from "components/Panels/Common/ToolSection";
 import { getAppRoot } from "onload/loadConfig";
 import Vue from "vue";
 
+import { directiveEntry } from "./directives.ts";
 import MarkdownDialog from "./MarkdownDialog";
 
 Vue.use(BootstrapVue);
 
-const historySharedElements = [
-    {
-        id: "history_dataset_display",
-        name: "Dataset",
-        emitter: "onHistoryDatasetId",
-    },
-    {
-        id: "history_dataset_collection_display",
-        name: "Collection",
-        emitter: "onHistoryCollectionId",
-    },
-    {
-        id: "history_dataset_as_image",
-        name: "Image",
-        emitter: "onHistoryDatasetId",
-    },
-    {
-        id: "history_dataset_index",
-        name: "Dataset Index",
-        emitter: "onHistoryDatasetId",
-    },
-    {
-        id: "history_dataset_embedded",
-        name: "Embedded Dataset",
-        emitter: "onHistoryDatasetId",
-    },
-    {
-        id: "history_dataset_as_table",
-        name: "Embedded Dataset (as table)",
-        emitter: "onHistoryDatasetId",
-    },
-    {
-        id: "history_dataset_type",
-        name: "Dataset Type",
-        emitter: "onHistoryDatasetId",
-    },
-    {
-        id: "history_dataset_link",
-        name: "Link to Dataset",
-        emitter: "onHistoryDatasetId",
-    },
-    {
-        id: "history_dataset_name",
-        name: "Name of Dataset",
-        emitter: "onHistoryDatasetId",
-    },
-    {
-        id: "history_dataset_peek",
-        name: "Peek into Dataset",
-        emitter: "onHistoryDatasetId",
-    },
-    {
-        id: "history_dataset_info",
-        name: "Dataset Details",
-        emitter: "onHistoryDatasetId",
-    },
-];
+function historySharedElements(mode) {
+    return [
+        directiveEntry("history_dataset_display", mode, {
+            emitter: "onHistoryDatasetId",
+        }),
+        directiveEntry("history_dataset_collection_display", mode, {
+            emitter: "onHistoryCollectionId",
+        }),
+        directiveEntry("history_dataset_as_image", mode, {
+            emitter: "onHistoryDatasetId",
+        }),
+        directiveEntry("history_dataset_index", mode, {
+            emitter: "onHistoryDatasetId",
+        }),
+        directiveEntry("history_dataset_embedded", mode, {
+            emitter: "onHistoryDatasetId",
+        }),
+        directiveEntry("history_dataset_as_table", mode, {
+            emitter: "onHistoryDatasetId",
+        }),
+        directiveEntry("history_dataset_type", mode, {
+            emitter: "onHistoryDatasetId",
+        }),
+        directiveEntry("history_dataset_link", mode, {
+            emitter: "onHistoryDatasetId",
+        }),
+        directiveEntry("history_dataset_name", mode, {
+            emitter: "onHistoryDatasetId",
+        }),
+        directiveEntry("history_dataset_peek", mode, {
+            emitter: "onHistoryDatasetId",
+        }),
+        directiveEntry("history_dataset_info", mode, {
+            emitter: "onHistoryDatasetId",
+        }),
+    ];
+}
 
 export default {
     components: {
@@ -133,127 +114,45 @@ export default {
                 title: "History",
                 name: "history",
                 elems: [
-                    ...historySharedElements,
-                    {
-                        id: "history_link",
-                        name: "Link to Import",
+                    ...historySharedElements("page"),
+                    directiveEntry("history_link", "page", {
                         emitter: "onHistoryId",
-                    },
+                    }),
                 ],
             },
             historyInEditorSection: {
                 title: "History",
                 name: "history",
-                elems: [
-                    ...historySharedElements,
-                    {
-                        id: "history_link",
-                        name: "Link to Import",
-                    },
-                ],
-            },
-            jobSection: {
-                title: "Jobs",
-                name: "jobs",
-                elems: [
-                    {
-                        id: "job_metrics",
-                        name: "Job Metrics",
-                        description: "as table",
-                        emitter: "onJobId",
-                    },
-                    {
-                        id: "job_parameters",
-                        name: "Job Parameters",
-                        description: "as table",
-                        emitter: "onJobId",
-                    },
-                    {
-                        id: "tool_stdout",
-                        name: "Tool Output",
-                        description: "of job run",
-                        emitter: "onJobId",
-                    },
-                    {
-                        id: "tool_stderr",
-                        name: "Tool Error",
-                        description: "of job run",
-                        emitter: "onJobId",
-                    },
-                ],
+                elems: [...historySharedElements("report"), directiveEntry("history_link", "report")],
             },
             workflowSection: {
                 title: "Workflow",
                 name: "workflow",
                 elems: [
-                    {
-                        id: "invocation_time",
-                        name: "Invocation Time",
+                    directiveEntry("invocation_time", "page", {
                         emitter: "onInvocationId",
-                    },
-                    {
-                        id: "workflow_display",
-                        name: "Workflow Display",
+                    }),
+                    directiveEntry("workflow_display", "page", {
                         emitter: "onWorkflowId",
-                    },
-                    {
-                        id: "workflow_license",
-                        name: "Workflow License",
+                    }),
+                    directiveEntry("workflow_license", "page", {
                         emitter: "onWorkflowId",
-                    },
-                    {
-                        id: "workflow_image",
-                        name: "Workflow Image",
+                    }),
+                    directiveEntry("workflow_image", "page", {
                         emitter: "onWorkflowId",
-                    },
+                    }),
                 ],
             },
             workflowInEditorSection: {
                 title: "Workflow",
                 name: "workflow",
                 elems: [
-                    {
-                        id: "invocation_inputs",
-                        name: "Invocation Inputs",
-                    },
-                    {
-                        id: "invocation_outputs",
-                        name: "Invocation Output",
-                    },
-                    {
-                        id: "invocation_time",
-                        name: "Time a Workflow",
-                        description: "was invoked",
-                    },
-                    {
-                        id: "workflow_display",
-                        name: "Current Workflow",
-                        description: "containing all steps",
-                    },
-                    {
-                        id: "workflow_image",
-                        name: "Current Workflow Image",
-                    },
-                    {
-                        id: "workflow_license",
-                        name: "Current Workflow License",
-                    },
-                ],
-            },
-            otherSection: {
-                title: "Miscellaneous",
-                name: "others",
-                elems: [
-                    {
-                        id: "generate_galaxy_version",
-                        name: "Galaxy Version",
-                        description: "as text",
-                    },
-                    {
-                        id: "generate_time",
-                        name: "Current Time",
-                        description: "as text",
-                    },
+                    directiveEntry("invocation_inputs", "report"),
+                    directiveEntry("invocation_outputs", "report"),
+                    directiveEntry("invocation_time", "report"),
+                    directiveEntry("workflow_display", "report"),
+                    directiveEntry("workflow_license", "report"),
+                    directiveEntry("workflow_image", "report"),
                 ],
             },
             linksSection: {
@@ -309,9 +208,42 @@ export default {
         isWorkflow() {
             return !!this.steps;
         },
+        mode() {
+            return this.isWorkflow ? "report" : "page";
+        },
         hasVisualizations() {
             return this.visualizationSection.elems.length > 0;
         },
+        otherSection() {
+            return {
+                title: "Miscellaneous",
+                name: "others",
+                elems: [
+                    directiveEntry("generate_galaxy_version", this.mode),
+                    directiveEntry("generate_time", this.mode),
+                ],
+            };
+        },
+        jobSection() {
+            return {
+                title: "Jobs",
+                name: "jobs",
+                elems: [
+                    directiveEntry("job_metrics", this.mode, {
+                        emitter: "onJobId",
+                    }),
+                    directiveEntry("job_parameters", this.mode, {
+                        emitter: "onJobId",
+                    }),
+                    directiveEntry("tool_stdout", this.mode, {
+                        emitter: "onJobId",
+                    }),
+                    directiveEntry("tool_stderr", this.mode, {
+                        emitter: "onJobId",
+                    }),
+                ],
+            };
+        },
     },
     created() {
         this.getVisualizations();
diff --git a/client/src/components/Markdown/directives.ts b/client/src/components/Markdown/directives.ts
new file mode 100644
index 000000000000..256537b5d0fe
--- /dev/null
+++ b/client/src/components/Markdown/directives.ts
@@ -0,0 +1,64 @@
+import RAW_DIRECTIVE_DATA from "./directives.yml";
+
+type DirectiveMode = "page" | "report";
+
+type DirectiveMetadataValueByMode = {
+    [key: string]: string;
+};
+
+interface DirectiveMetadata {
+    side_panel_name: string | DirectiveMetadataValueByMode;
+    side_panel_description?: string | DirectiveMetadataValueByMode;
+    help?: string | DirectiveMetadataValueByMode;
+}
+
+type DirectivesMetadata = {
+    [key: string]: DirectiveMetadata;
+};
+
+type SidePanelEntry = {
+    [key: string]: string;
+};
+
+const DIRECTIVE_METADATA = RAW_DIRECTIVE_DATA as DirectivesMetadata;
+
+export function directiveEntry(
+    directiveId: string,
+    mode: DirectiveMode,
+    baseEntry: SidePanelEntry = {}
+): SidePanelEntry {
+    const directiveMetadataData: DirectiveMetadata | undefined = DIRECTIVE_METADATA[directiveId];
+    if (directiveMetadataData == undefined) {
+        throw Error(`Client logic error, cannot find directive metadata for ${directiveId}`);
+    }
+    let name = directiveMetadataData.side_panel_name;
+    if (name && !(typeof name == "string")) {
+        const modeName = name[mode];
+        if (modeName == undefined) {
+            throw Error(`Client logic error, cannot find directive metadata for ${directiveId}`);
+        }
+        name = modeName;
+    }
+    let description = directiveMetadataData.side_panel_description;
+    if (description && !(typeof description == "string")) {
+        description = description[mode];
+    }
+    let help = directiveMetadataData.help;
+    if (help && !(typeof help == "string")) {
+        help = help[mode];
+    }
+    if (help) {
+        help = help.replace(/%MODE%/g, mode);
+    }
+    const entry: SidePanelEntry = { id: directiveId, ...baseEntry };
+    if (name) {
+        entry.name = name;
+    }
+    if (description) {
+        entry.description = description;
+    }
+    if (help) {
+        entry.help = help;
+    }
+    return entry;
+}
diff --git a/client/src/components/Markdown/directives.yml b/client/src/components/Markdown/directives.yml
new file mode 100644
index 000000000000..51ae5ebeed0c
--- /dev/null
+++ b/client/src/components/Markdown/directives.yml
@@ -0,0 +1,111 @@
+---
+history_dataset_display:
+  side_panel_name: Dataset
+  help: |
+    Display a dataset and relevant options for viewing, importing, downloading,
+    and visualization in the resulting document. To embed a dataset directly
+    into the document use the "history_dataset_embedded" / "Embedded Dataset"
+    directive.
+
+history_dataset_collection_display:
+  side_panel_name: Collection
+  help: |
+    Display a dataset collection and relevant options for viewing, importing, downloading
+    in the resulting documenting.
+
+history_dataset_as_image:
+  side_panel_name: Image
+  help: |
+    Embed a dataset in the resulting document as an image. This only works for simple image
+    types. This can be used to present graphs and other visual summaries of an analysis into
+    a Galaxy Markdown document summary.
+
+history_dataset_index:
+  side_panel_name: Dataset Index
+  help: |
+    For Galaxy composite datasets (datasets that consist on multiple files), this option will
+    display the contents of the composite dataset as files and folders in the resulting document.
+history_dataset_embedded:
+  side_panel_name: Embedded Dataset
+history_dataset_as_table:
+  side_panel_name: Embedded Dataset as table
+history_dataset_type:
+  side_panel_name: Dataset Type
+history_dataset_link:
+  side_panel_name: Link to Dataset
+history_dataset_name:
+  side_panel_name: Name of Dataset
+history_dataset_peek:
+  side_panel_name: Peek into Dataset
+history_dataset_info:
+  side_panel_name: Dataset Details
+
+history_link:
+  side_panel_name: Link to Import
+  help:
+    report: |
+      Add a link to import the history the workflow invocation was executed in.
+    page: |
+      Add a link to import the target history referenced by the directive.
+
+invocation_time:
+  side_panel_name:
+    report: Time Workflow
+    page: Time a Workflow
+
+  side_panel_description: was invoked
+
+invocation_inputs:
+  side_panel_name: Invocation Inputs
+
+invocation_outputs:
+  side_panel_name: Invocation Output
+
+workflow_license:
+  side_panel_name: Workflow License
+
+workflow_image:
+  side_panel_name: Workflow (as image)
+
+workflow_display:
+  side_panel_name:
+    report: Current Workflow
+    page: Display a Workflow
+  side_panel_description: containing all steps
+
+generate_galaxy_version:
+  side_panel_name: Galaxy Version
+  side_panel_description: as text
+
+  help: |
+    Report the current Galaxy version at the time %MODE% generation.
+
+    Warning: This is the Galaxy version at the time the %MODE% was generated and
+    not the time of an analysis. This option makes the most sense for PDF generation
+    of %MODE%s designed for external archiving or printing.
+
+generate_time:
+  side_panel_name: Current Time
+  side_panel_description: as text
+  help: |
+    Report the current time of %MODE% generation.
+
+    Warning: This is the time the %MODE% was generated and not the time of
+    an analysis. This option makes the most sense for PDF generation of %MODE%s
+    designed for external archiving or printing.
+
+job_metrics:
+  side_panel_name: Job Metrics
+  side_panel_description: as table
+
+job_parameters:
+  side_panel_name: Job Parameters
+  side_panel_description: as table
+
+tool_stdout:
+  side_panel_name: Tool Output
+  side_panel_description: of job run
+
+tool_stderr:
+  side_panel_name: Tool Error
+  side_panel_description: of job run
diff --git a/client/src/components/Panels/Common/Tool.vue b/client/src/components/Panels/Common/Tool.vue
index ec4ad493745f..2ed5e20820fd 100644
--- a/client/src/components/Panels/Common/Tool.vue
+++ b/client/src/components/Panels/Common/Tool.vue
@@ -4,7 +4,14 @@
             <span v-if="!hideName">{{ tool.name }}</span>
             <span class="description">{{ tool.description }}</span>
         </a>
-        <a v-else :class="targetClass" :data-tool-id="tool.id" :href="tool.link" :target="tool.target" @click="onClick">
+        <a
+            v-else
+            :class="targetClass"
+            :data-tool-id="tool.id"
+            :href="tool.link"
+            :target="tool.target"
+            :title="tool.help"
+            @click="onClick">
             <img v-if="tool.logo" class="logo" :src="tool.logo" :alt="tool.name" />
             <span class="labels">
                 <span
diff --git a/client/src/stores/jobStore.ts b/client/src/stores/jobStore.ts
index 0de68bde3507..bbae01bdf6f4 100644
--- a/client/src/stores/jobStore.ts
+++ b/client/src/stores/jobStore.ts
@@ -14,6 +14,8 @@ interface Job {
     id: string;
     tool_id: string;
     tool_version: string;
+    tool_stdout: string;
+    tool_stderr: string;
 }
 interface JobDef {
     tool_id: string;
diff --git a/client/webpack.config.js b/client/webpack.config.js
index 15063f8cd3e4..6ca6b748151d 100644
--- a/client/webpack.config.js
+++ b/client/webpack.config.js
@@ -195,6 +195,10 @@ module.exports = (env = {}, argv = {}) => {
                     test: /\.(txt|tmpl)$/,
                     loader: "raw-loader",
                 },
+                {
+                    test: /\.ya?ml$/,
+                    use: "yaml-loader",
+                },
             ],
         },
         resolveLoader: {
diff --git a/lib/galaxy/managers/collections_util.py b/lib/galaxy/managers/collections_util.py
index b10a282c44d7..f5af1c1eeb63 100644
--- a/lib/galaxy/managers/collections_util.py
+++ b/lib/galaxy/managers/collections_util.py
@@ -144,6 +144,11 @@ def dictify_dataset_collection_instance(
         else:
             element_func = dictify_element_reference
         dict_value["elements"] = [element_func(_, rank_fuzzy_counts=rest_fuzzy_counts) for _ in elements]
+        icj = dataset_collection_instance.implicit_collection_jobs
+        if icj:
+            dict_value["implicit_collection_jobs_id"] = icj.id
+        else:
+            dict_value["implicit_collection_jobs_id"] = None
 
     return dict_value
 
diff --git a/lib/galaxy/managers/jobs.py b/lib/galaxy/managers/jobs.py
index c8e6df486340..601979de8a8f 100644
--- a/lib/galaxy/managers/jobs.py
+++ b/lib/galaxy/managers/jobs.py
@@ -41,6 +41,7 @@
 from galaxy.managers.hdas import HDAManager
 from galaxy.managers.lddas import LDDAManager
 from galaxy.model import (
+    ImplicitCollectionJobs,
     ImplicitCollectionJobsJobAssociation,
     Job,
     JobParameter,
@@ -105,12 +106,18 @@ def __init__(self, app: StructuredApp):
         self.dataset_manager = DatasetManager(app)
 
     def index_query(self, trans, payload: JobIndexQueryPayload) -> sqlalchemy.engine.Result:
+        """The caller is responsible for security checks on the resulting job if
+        history_id, invocation_id, or implicit_collection_jobs_id is set.
+        Otherwise this will only return the user's jobs or all jobs if the requesting
+        user is acting as an admin.
+        """
         is_admin = trans.user_is_admin
         user_details = payload.user_details
         decoded_user_id = payload.user_id
         history_id = payload.history_id
         workflow_id = payload.workflow_id
         invocation_id = payload.invocation_id
+        implicit_collection_jobs_id = payload.implicit_collection_jobs_id
         search = payload.search
         order_by = payload.order_by
 
@@ -200,7 +207,9 @@ def add_search_criteria(stmt):
             if user_details:
                 stmt = stmt.outerjoin(Job.user)
         else:
-            stmt = stmt.where(Job.user_id == trans.user.id)
+            if history_id is None and invocation_id is None and implicit_collection_jobs_id is None:
+                stmt = stmt.where(Job.user_id == trans.user.id)
+            # caller better check security
 
         stmt = build_and_apply_filters(stmt, payload.states, lambda s: model.Job.state == s)
         stmt = build_and_apply_filters(stmt, payload.tool_ids, lambda t: model.Job.tool_id == t)
@@ -214,7 +223,15 @@ def add_search_criteria(stmt):
         order_by_columns = Job
         if workflow_id or invocation_id:
             stmt, order_by_columns = add_workflow_jobs()
-
+        elif implicit_collection_jobs_id:
+            stmt = (
+                stmt.join(ImplicitCollectionJobsJobAssociation, ImplicitCollectionJobsJobAssociation.job_id == Job.id)
+                .join(
+                    ImplicitCollectionJobs,
+                    ImplicitCollectionJobs.id == ImplicitCollectionJobsJobAssociation.implicit_collection_jobs_id,
+                )
+                .where(ImplicitCollectionJobsJobAssociation.implicit_collection_jobs_id == implicit_collection_jobs_id)
+            )
         if search:
             stmt = add_search_criteria(stmt)
 
diff --git a/lib/galaxy/managers/markdown_parse.py b/lib/galaxy/managers/markdown_parse.py
index 4d0f20b5d2ca..a0931a73485a 100644
--- a/lib/galaxy/managers/markdown_parse.py
+++ b/lib/galaxy/managers/markdown_parse.py
@@ -50,10 +50,10 @@ class DynamicArguments:
     "workflow_display": ["workflow_id", "workflow_checkpoint"],
     "workflow_license": ["workflow_id"],
     "workflow_image": ["workflow_id", "size", "workflow_checkpoint"],
-    "job_metrics": ["step", "job_id"],
-    "job_parameters": ["step", "job_id"],
-    "tool_stderr": ["step", "job_id"],
-    "tool_stdout": ["step", "job_id"],
+    "job_metrics": ["step", "job_id", "implicit_collection_jobs_id"],
+    "job_parameters": ["step", "job_id", "implicit_collection_jobs_id"],
+    "tool_stderr": ["step", "job_id", "implicit_collection_jobs_id"],
+    "tool_stdout": ["step", "job_id", "implicit_collection_jobs_id"],
     "generate_galaxy_version": [],
     "generate_time": [],
     "instance_access_link": [],
diff --git a/lib/galaxy/managers/markdown_util.py b/lib/galaxy/managers/markdown_util.py
index c573b630287f..8b5aac2fdf70 100644
--- a/lib/galaxy/managers/markdown_util.py
+++ b/lib/galaxy/managers/markdown_util.py
@@ -73,10 +73,10 @@
 SIZE_PATTERN = re.compile(r"size=\s*%s\s*" % ARG_VAL_CAPTURED_REGEX)
 # STEP_OUTPUT_LABEL_PATTERN = re.compile(r'step_output=([\w_\-]+)/([\w_\-]+)')
 UNENCODED_ID_PATTERN = re.compile(
-    r"(history_id|workflow_id|history_dataset_id|history_dataset_collection_id|job_id|invocation_id)=([\d]+)"
+    r"(history_id|workflow_id|history_dataset_id|history_dataset_collection_id|job_id|implicit_collection_jobs_id|invocation_id)=([\d]+)"
 )
 ENCODED_ID_PATTERN = re.compile(
-    r"(history_id|workflow_id|history_dataset_id|history_dataset_collection_id|job_id|invocation_id)=([a-z0-9]+)"
+    r"(history_id|workflow_id|history_dataset_id|history_dataset_collection_id|job_id|implicit_collection_jobs_id|invocation_id)=([a-z0-9]+)"
 )
 INVOCATION_SECTION_MARKDOWN_CONTAINER_LINE_PATTERN = re.compile(r"```\s*galaxy\s*")
 GALAXY_FENCED_BLOCK = re.compile(r"^```\s*galaxy\s*(.*?)^```", re.MULTILINE ^ re.DOTALL)
@@ -930,9 +930,13 @@ def find_non_empty_group(match):
         elif step_match:
             target_match = step_match
             name = find_non_empty_group(target_match)
-            ref_object_type = "job"
             invocation_step = invocation.step_invocation_for_label(name)
-            ref_object = invocation_step and invocation_step.job
+            if invocation_step and invocation_step.job:
+                ref_object_type = "job"
+                ref_object = invocation_step.job
+            elif invocation_step and invocation_step.implicit_collection_jobs:
+                ref_object_type = "implicit_collection_jobs"
+                ref_object = invocation_step.implicit_collection_jobs
         else:
             target_match = None
             ref_object = None
diff --git a/lib/galaxy/schema/schema.py b/lib/galaxy/schema/schema.py
index b68f8cb9e216..7e59383d133a 100644
--- a/lib/galaxy/schema/schema.py
+++ b/lib/galaxy/schema/schema.py
@@ -1057,6 +1057,10 @@ class HDCADetailed(HDCASummary):
     elements_datatypes: Set[str] = Field(
         ..., description="A set containing all the different element datatypes in the collection."
     )
+    implicit_collection_jobs_id: Optional[EncodedDatabaseIdField] = Field(
+        None,
+        description="Encoded ID for the ICJ object describing the collection of jobs corresponding to this collection",
+    )
 
 
 class HistoryBase(Model):
@@ -1411,6 +1415,7 @@ class JobIndexQueryPayload(Model):
     history_id: Optional[DecodedDatabaseIdField] = None
     workflow_id: Optional[DecodedDatabaseIdField] = None
     invocation_id: Optional[DecodedDatabaseIdField] = None
+    implicit_collection_jobs_id: Optional[DecodedDatabaseIdField] = None
     order_by: JobIndexSortByEnum = JobIndexSortByEnum.update_time
     search: Optional[str] = None
     limit: int = 500
diff --git a/lib/galaxy/webapps/galaxy/api/jobs.py b/lib/galaxy/webapps/galaxy/api/jobs.py
index 1550ceb5de57..7d0d2757b333 100644
--- a/lib/galaxy/webapps/galaxy/api/jobs.py
+++ b/lib/galaxy/webapps/galaxy/api/jobs.py
@@ -149,6 +149,12 @@
     description="Limit listing of jobs to those that match the specified workflow invocation ID. If none, jobs from any workflow invocation (or from no workflows) may be returned.",
 )
 
+ImplicitCollectionJobsIdQueryParam: Optional[DecodedDatabaseIdField] = Query(
+    default=None,
+    title="Implicit Collection Jobs ID",
+    description="Limit listing of jobs to those that match the specified implicit collection job ID. If none, jobs from any implicit collection execution (or from no implicit collection execution) may be returned.",
+)
+
 SortByQueryParam: JobIndexSortByEnum = Query(
     default=JobIndexSortByEnum.update_time,
     title="Sort By",
@@ -215,6 +221,7 @@ def index(
         history_id: Optional[DecodedDatabaseIdField] = HistoryIdQueryParam,
         workflow_id: Optional[DecodedDatabaseIdField] = WorkflowIdQueryParam,
         invocation_id: Optional[DecodedDatabaseIdField] = InvocationIdQueryParam,
+        implicit_collection_jobs_id: Optional[DecodedDatabaseIdField] = ImplicitCollectionJobsIdQueryParam,
         order_by: JobIndexSortByEnum = SortByQueryParam,
         search: Optional[str] = SearchQueryParam,
         limit: int = LimitQueryParam,
@@ -232,6 +239,7 @@ def index(
             history_id=history_id,
             workflow_id=workflow_id,
             invocation_id=invocation_id,
+            implicit_collection_jobs_id=implicit_collection_jobs_id,
             order_by=order_by,
             search=search,
             limit=limit,
diff --git a/lib/galaxy/webapps/galaxy/services/jobs.py b/lib/galaxy/webapps/galaxy/services/jobs.py
index 6bc6146a66a9..240d841a67ea 100644
--- a/lib/galaxy/webapps/galaxy/services/jobs.py
+++ b/lib/galaxy/webapps/galaxy/services/jobs.py
@@ -11,6 +11,7 @@
     model,
 )
 from galaxy.managers import hdas
+from galaxy.managers.base import security_check
 from galaxy.managers.context import ProvidesUserContext
 from galaxy.managers.jobs import (
     JobManager,
@@ -71,13 +72,20 @@ def index(
             payload.user_details = True
         user_details = payload.user_details
         decoded_user_id = payload.user_id
-
         if not is_admin:
             self._check_nonadmin_access(view, user_details, decoded_user_id, trans.user and trans.user.id)
 
+        check_security_of_jobs = (
+            payload.invocation_id is not None
+            or payload.implicit_collection_jobs_id is not None
+            or payload.history_id is not None
+        )
         jobs = self.job_manager.index_query(trans, payload)
         out = []
         for job in jobs.yield_per(model.YIELD_PER_ROWS):
+            # TODO: optimize if this crucial
+            if check_security_of_jobs and not security_check(trans, job.history, check_accessible=True):
+                raise exceptions.ItemAccessibilityException("Cannot access the request job objects.")
             job_dict = job.to_dict(view, system_details=is_admin)
             if view == JobIndexViewEnum.admin_job_list:
                 job_dict["decoded_job_id"] = job.id
diff --git a/lib/galaxy_test/api/test_jobs.py b/lib/galaxy_test/api/test_jobs.py
index 5b295742a116..69a5bb520ccd 100644
--- a/lib/galaxy_test/api/test_jobs.py
+++ b/lib/galaxy_test/api/test_jobs.py
@@ -741,6 +741,22 @@ def test_search_delete_outputs(self, history_id):
         search_payload = self._search_payload(history_id=history_id, tool_id="cat1", inputs=inputs)
         self._search(search_payload, expected_search_count=0)
 
+    def test_implicit_collection_jobs(self, history_id):
+        run_response = self._run_map_over_error(history_id)
+        implicit_collection_id = run_response["implicit_collections"][0]["id"]
+        failed_hdca = self.dataset_populator.get_history_collection_details(
+            history_id=history_id,
+            content_id=implicit_collection_id,
+            assert_ok=False,
+        )
+        job_id = run_response["jobs"][0]["id"]
+        icj_id = failed_hdca["implicit_collection_jobs_id"]
+        assert icj_id
+        index = self.__jobs_index(data=dict(implicit_collection_jobs_id=icj_id))
+        assert len(index) == 1
+        assert index[0]["id"] == job_id
+        assert index[0]["state"] == "error", index
+
     @pytest.mark.require_new_history
     def test_search_with_hdca_list_input(self, history_id):
         list_id_a = self.__history_with_ok_collection(collection_type="list", history_id=history_id)