diff --git a/packages/editor-ui/src/components/RunDataJson.vue b/packages/editor-ui/src/components/RunDataJson.vue index 2a8f41e94a..05b0408c83 100644 --- a/packages/editor-ui/src/components/RunDataJson.vue +++ b/packages/editor-ui/src/components/RunDataJson.vue @@ -15,6 +15,10 @@ import { useExternalHooks } from '@/composables/useExternalHooks'; import TextWithHighlights from './TextWithHighlights.vue'; import { useTelemetry } from '@/composables/useTelemetry'; import { useElementSize } from '@vueuse/core'; +import { N8nIconButton } from 'n8n-design-system'; +import { useExecutionHelpers } from '@/composables/useExecutionHelpers'; + +const { openRelatedExecution } = useExecutionHelpers(); const LazyRunDataJsonActions = defineAsyncComponent( async () => await import('@/components/RunDataJsonActions.vue'), @@ -50,7 +54,15 @@ const jsonDataContainer = ref(null); const { height } = useElementSize(jsonDataContainer); -const jsonData = computed(() => executionDataToJson(props.inputData)); +const jsonData = computed(() => { + console.log('jsonData', executionDataToJson(props.inputData)); + return executionDataToJson(props.inputData); +}); + +const firstKey = computed(() => { + const keys = Object.keys(jsonData.value[0]); + return `"${keys?.[0]}"`; +}); const highlight = computed(() => ndvStore.highlightDraggables); @@ -149,7 +161,21 @@ const getListItemName = (path: string) => { :height="height" @update:selected-value="selectedJsonPath = $event" > -