Display all parameter values a flow run was triggered with in the UI …

…(defaults and overrides) (#7697)

Co-authored-by: pleek91 <pleek91@gmail.com>

orion-ui/package.json

@@ -10,7 +10,7 @@
     "test": "playwright test"
   },
   "dependencies": {
-    "@prefecthq/orion-design": "1.1.15",
+    "@prefecthq/orion-design": "1.1.20",
     "@prefecthq/prefect-design": "1.1.32",
     "@prefecthq/vue-compositions": "1.0.0",
     "@types/lodash.debounce": "4.0.7",

orion-ui/src/pages/FlowRun.vue

@@ -43,7 +43,9 @@
     FlowRunSubFlows,
     JsonView,
     useFavicon,
-    useWorkspaceApi
+    useWorkspaceApi,
+    useDeployment,
+    getSchemaValuesWithDefaultsJson
   } from '@prefecthq/orion-design'
   import { media } from '@prefecthq/prefect-design'
   import { useSubscription, useRouteParam } from '@prefecthq/vue-compositions'
@@ -75,16 +77,18 @@
   const api = useWorkspaceApi()
   const flowRunDetailsSubscription = useSubscription(api.flowRuns.getFlowRun, [flowRunId], { interval: 30000 })
   const flowRun = computed(() => flowRunDetailsSubscription.response)
+  const deploymentId = computed(() => flowRun.value?.deploymentId)
+  const deployment = useDeployment(deploymentId)
 
   watch(flowRunId, (oldFlowRunId, newFlowRunId) => {
     if (oldFlowRunId !== newFlowRunId) {
       selectedTab.value = 'Logs'
     }
   })
 
-  const parameters = computed(() => {
-    return flowRun.value?.parameters ? JSON.stringify(flowRun.value.parameters, undefined, 2) : '{}'
-  })
+  const flowRunParameters = computed(() => flowRun.value?.parameters ?? {})
+  const deploymentSchema = computed(() => deployment.value?.parameterOpenApiSchema ?? {})
+  const parameters = computed(() => getSchemaValuesWithDefaultsJson(flowRunParameters.value, deploymentSchema.value))
 
   function goToFlowRuns(): void {
     router.push(routes.flowRuns())