From dce7ada19cac111e2a9b46f51dfe80bca5eb4f6a Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Thu, 2 Nov 2023 19:28:11 +0100
Subject: [PATCH] tooltip with exact time for created_at/started_at

---
 frontend/src/lib/components/DisplayResult.svelte              | 4 ++--
 frontend/src/lib/components/FlowMetadata.svelte               | 3 +++
 .../apps/components/display/table/AppAggridTable.svelte       | 1 +
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/DisplayResult.svelte b/frontend/src/lib/components/DisplayResult.svelte
index 6c8ec5f1ee..ca5fd5b031 100644
--- a/frontend/src/lib/components/DisplayResult.svelte
+++ b/frontend/src/lib/components/DisplayResult.svelte
@@ -156,7 +156,7 @@
 		{/if}{#if typeof result == 'object' && Object.keys(result).length > 0}<div
 				class="top-0 mb-2 w-full min-w-[400px] text-sm relative"
 				>{#if !disableExpand}
-					<div class="text-tertiary text-xs absolute top-5.5 right-0 inline-flex gap-2">
+					<div class="text-tertiary text-xs absolute top-5.5 right-0 inline-flex gap-2 z-10">
 						<button on:click={() => copyToClipboard(toJsonStr(result))}
 							><ClipboardCopy size={16} /></button
 						>
@@ -311,7 +311,7 @@
 			</div>
 		{:else}
 			<Highlight
-				class={forceJson ? '' : 'absolute top-1 h-full'}
+				class={forceJson ? '' : 'absolute top-1 h-full w-full'}
 				language={json}
 				code={toJsonStr(result).replace(/\\n/g, '\n')}
 			/>
diff --git a/frontend/src/lib/components/FlowMetadata.svelte b/frontend/src/lib/components/FlowMetadata.svelte
index 7c1d1a7963..b53dbbca99 100644
--- a/frontend/src/lib/components/FlowMetadata.svelte
+++ b/frontend/src/lib/components/FlowMetadata.svelte
@@ -15,6 +15,7 @@
 	import ScheduleEditor from './ScheduleEditor.svelte'
 	import TimeAgo from './TimeAgo.svelte'
 	import { workspaceStore } from '$lib/stores'
+	import Tooltip from './Tooltip.svelte'
 
 	export let job: Job
 	const SMALL_ICON_SCALE = 0.7
@@ -36,12 +37,14 @@
 			{:else}
 				Received job <TimeAgo date={job.created_at ?? ''} />
 			{/if}
+			<Tooltip>{job?.created_at}</Tooltip>
 		</span>
 	</div>
 	{#if job && 'started_at' in job && job.started_at}
 		<div>
 			<Icon class="text-secondary" data={faClock} scale={SMALL_ICON_SCALE} /><span class="mx-2">
 				Started <TimeAgo withDate agoOnlyIfRecent date={job.started_at ?? ''} />
+				<Tooltip>{job?.started_at}</Tooltip>
 			</span>
 		</div>
 	{/if}
diff --git a/frontend/src/lib/components/apps/components/display/table/AppAggridTable.svelte b/frontend/src/lib/components/apps/components/display/table/AppAggridTable.svelte
index 623feeb0aa..9a0520290a 100644
--- a/frontend/src/lib/components/apps/components/display/table/AppAggridTable.svelte
+++ b/frontend/src/lib/components/apps/components/display/table/AppAggridTable.svelte
@@ -47,6 +47,7 @@
 		if (!loaded) {
 			loaded = true
 		}
+		console.log(resolvedConfig?.extraConfig)
 	}
 
 	const { worldStore, selectedComponent, componentControl, darkMode } =