Workflow Execution Page - Bring into the Light (#2269)

* WIP: Pause event history UI updates on polling

* Remove LabsMode and add all tabs for new WorkflowExecution page. Support desc/asc order

* WIP: Vertical compact graph

* Add vertical compact graph code

* WIP: Vertical compact updates

* Better boxes

* WIP: vertical

* Vertical compact looking better

* Posts with flag

* Remove sine wave

* WIP death to compact

* Remimagining it

* Get the Timeline dark/light mode

* Better margin

* Cleanup

* Add tag

* Add bg to expanded row, add thin class to keep rows same height

* Clean up types

* Make timeline axis sticky, move to paginationTable, better borders

* Get the graph in the fixed table. Expanded cell needs to be wider

* Small tweaks

* Use new paginated table, add maxHeight and split variant

* Add back lines and dots

* Add status to compact view

* Get everything cleaned up, figure out compact view on open, show all group events in full mode as well

* Add pending nexus operations and pending activities to the top of all view

* Fix types

* Make the attributes in a better order, lets call it done

* Fix tests, delete unused files.

* Remove old timeline helpers

* Fix Local Activity label

* Small color fixes

* Add retry badge, and Failed/Pending only filter

* Better attributes, show duration always

* Add event ids on groups

* Add tooltips

* More cleanup

* Dynamic width of history graph up to 300, other style fixes

* Fix tests

* Tweak dot strokeWidths, remove zoom, update snaps

* Check for pending nexus attempt

* Use operation and endpoint for checking isNexusPending

* Bump to test

* Debug Nexus stuff

* Finalize

* Only show pending activity/nexus for group filter

* Dont use CodeBlock for row snippet, remove thin class and codemirror classes

package.json

@@ -109,12 +109,10 @@
     "mdast-util-to-hast": "^13.2.0",
     "monaco-editor": "^0.50.0",
     "remark-stringify": "^10.0.3",
-    "sanitize-html": "^2.12.1",
     "tailwind-merge": "^1.14.0",
     "unist-util-remove": "^4.0.0",
     "url-pattern": "^1.0.3",
-    "uuid": "^9.0.0",
-    "vis-timeline": "^7.7.3"
+    "uuid": "^9.0.0"
   },
   "devDependencies": {
     "@axe-core/playwright": "^4.9.0",

src/lib/components/bottom-nav-settings.svelte

@@ -8,7 +8,6 @@
   import { translate } from '$lib/i18n/translate';
   import { authUser } from '$lib/stores/auth-user';
   import { dataEncoder } from '$lib/stores/data-encoder';
-  import { labsMode } from '$lib/stores/labs-mode';
   import { useDarkMode } from '$lib/utilities/dark-mode';
 
   import { viewDataEncoderSettings } from './data-encoder-settings.svelte';
@@ -17,15 +16,6 @@
   export let logout: () => void;
   export let userEmaiLink = '';
 
-  $: labsHoverText = `${translate('common.labs')} ${
-    $labsMode
-      ? `${translate('common.on')} - ${translate('common.experimental')}`
-      : translate('common.off')
-  }`;
-  $: labsText = `${translate('common.labs')} ${
-    $labsMode ? translate('common.on') : translate('common.off')
-  }`;
-
   $: hasCodecServer = $dataEncoder?.endpoint;
 
   const onCodecServerClick = () => {
@@ -59,14 +49,6 @@
       label={$useDarkMode ? translate('common.night') : translate('common.day')}
       icon={$useDarkMode ? 'moon' : 'sun'}
     />
-    <NavigationButton
-      onClick={() => ($labsMode = !$labsMode)}
-      tooltip={labsHoverText}
-      label={labsText}
-      icon="labs"
-      active={$labsMode}
-      data-testid="labs-mode-button"
-    />
     {#if $authUser.accessToken}
       <div class="border-b-2 border-subtle" />
       <NavigationItem