diff --git a/package.json b/package.json index d64eb6201..7c08d8c04 100644 --- a/package.json +++ b/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", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index eaa639cea..4d656ba1d 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -104,9 +104,6 @@ dependencies: remark-stringify: specifier: ^10.0.3 version: 10.0.3 - sanitize-html: - specifier: ^2.12.1 - version: 2.12.1 tailwind-merge: specifier: ^1.14.0 version: 1.14.0 @@ -119,9 +116,6 @@ dependencies: uuid: specifier: ^9.0.0 version: 9.0.0 - vis-timeline: - specifier: ^7.7.3 - version: 7.7.3(@egjs/hammerjs@2.0.17)(component-emitter@1.3.1)(keycharm@0.4.0)(moment@2.30.1)(propagating-hammerjs@2.0.1)(uuid@9.0.0)(vis-data@7.1.9)(vis-util@5.0.7)(xss@1.0.14) devDependencies: '@axe-core/playwright': @@ -2530,13 +2524,6 @@ packages: engines: {node: '>=10.0.0'} dev: true - /@egjs/hammerjs@2.0.17: - resolution: {integrity: sha512-XQsZgjm2EcVUiZQf11UBJQfmZeEmOW8DpI1gsFeln6w0ae0ii4dMQEQ0kjl6DspdWX1aGY1/loyXnP0JS06e/A==} - engines: {node: '>=0.8.0'} - dependencies: - '@types/hammerjs': 2.0.45 - dev: false - /@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@18.2.0): resolution: {integrity: sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==} peerDependencies: @@ -5576,10 +5563,6 @@ packages: '@types/node': 18.15.3 dev: true - /@types/hammerjs@2.0.45: - resolution: {integrity: sha512-qkcUlZmX6c4J8q45taBKTL3p+LbITgyx7qhlPYOdOHZB7B31K0mXbP5YA7i7SgDeEGuI9MnumiKPEMrxg8j3KQ==} - dev: false - /@types/hast@2.3.5: resolution: {integrity: sha512-SvQi0L/lNpThgPoleH53cdjB3y9zpLlVjRbqB3rH8hx1jiRSBGAhyjV3H+URFjNVRqt2EdYNrbZE5IsGlNfpRg==} dependencies: @@ -7426,6 +7409,7 @@ packages: /commander@2.20.3: resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==} + dev: true /commander@3.0.2: resolution: {integrity: sha512-Gar0ASD4BDyKC4hl4DwHqDrmvjoxWKZigVnAbn5H1owvm4CxCPdb0HQDehwNYMJpla5+M2tPmPARzhtYuwpHow==} @@ -7460,10 +7444,6 @@ packages: resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==} dev: true - /component-emitter@1.3.1: - resolution: {integrity: sha512-T0+barUSQRTUQASh8bx02dl+DhF54GtIDY13Y3m9oWTklKbb3Wv974meRpeZ3lp1JpLVECWWNHC4vaG2XHXouQ==} - dev: false - /compressible@2.0.18: resolution: {integrity: sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==} engines: {node: '>= 0.6'} @@ -7684,10 +7664,6 @@ packages: hasBin: true dev: true - /cssfilter@0.0.10: - resolution: {integrity: sha512-FAaLDaplstoRsDR8XGYH51znUN0UY7nMc6Z9/fvE8EXGwvJE9hu7W2vHwx1+bd6gCYnln9nLbzxFTrcO9YQDZw==} - dev: false - /cssnano-preset-default@5.2.13(postcss@8.4.31): resolution: {integrity: sha512-PX7sQ4Pb+UtOWuz8A1d+Rbi+WimBIxJTRyBdgGp1J75VU0r/HFQeLnMYgHiCAp6AR4rqrc7Y4R+1Rjk3KJz6DQ==} engines: {node: ^10 || ^12 || >=14.0} @@ -7925,6 +7901,7 @@ packages: /deepmerge@4.3.1: resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==} engines: {node: '>=0.10.0'} + dev: true /default-browser-id@3.0.0: resolution: {integrity: sha512-OZ1y3y0SqSICtE8DE4S8YOE9UZOJ8wO16fKWVP5J1Qz42kV9jcnMVFrEE/noXb/ss3Q4pZIH79kxofzyNNtUNA==} @@ -8154,6 +8131,7 @@ packages: domelementtype: 2.3.0 domhandler: 5.0.3 entities: 4.4.0 + dev: true /domelementtype@1.3.1: resolution: {integrity: sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==} @@ -8161,6 +8139,7 @@ packages: /domelementtype@2.3.0: resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==} + dev: true /domexception@4.0.0: resolution: {integrity: sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==} @@ -8194,6 +8173,7 @@ packages: engines: {node: '>= 4'} dependencies: domelementtype: 2.3.0 + dev: true /domutils@1.7.0: resolution: {integrity: sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==} @@ -8216,6 +8196,7 @@ packages: dom-serializer: 2.0.0 domelementtype: 2.3.0 domhandler: 5.0.3 + dev: true /dotenv-expand@10.0.0: resolution: {integrity: sha512-GopVGCpVS1UKH75VKHGuQFqS1Gusej0z4FyQkPdwjil2gNIv+LNsqBlboOzpJFZKVT95GkCyWJbBSdFEFUWI2A==} @@ -8949,6 +8930,7 @@ packages: /escape-string-regexp@4.0.0: resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==} engines: {node: '>=10'} + dev: true /escape-string-regexp@5.0.0: resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==} @@ -10506,6 +10488,7 @@ packages: domhandler: 5.0.3 domutils: 3.0.1 entities: 4.4.0 + dev: true /http-errors@2.0.0: resolution: {integrity: sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==} @@ -10879,6 +10862,7 @@ packages: /is-plain-object@5.0.0: resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==} engines: {node: '>=0.10.0'} + dev: true /is-potential-custom-element-name@1.0.1: resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==} @@ -11871,10 +11855,6 @@ packages: resolution: {integrity: sha512-7n6wXq4gNgBELfDCpzKc+mRrZFs7D+wgfF5WRFLNAr4DA/qtr9Js8uOAVAfHhuLMfAcQ0pRKqbpjx+TcJVdE1Q==} dev: false - /keycharm@0.4.0: - resolution: {integrity: sha512-TyQTtsabOVv3MeOpR92sIKk/br9wxS+zGj4BG7CR8YbK4jM3tyIBaF0zhzeBUMx36/Q/iQLOKKOT+3jOQtemRQ==} - dev: false - /kind-of@6.0.3: resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==} engines: {node: '>=0.10.0'} @@ -13057,10 +13037,6 @@ packages: engines: {node: '>= 8'} dev: true - /moment@2.30.1: - resolution: {integrity: sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==} - dev: false - /monaco-editor@0.50.0: resolution: {integrity: sha512-8CclLCmrRRh+sul7C08BmPBP3P8wVWfBHomsTcndxg5NRCEPfu/mc2AGU8k37ajjDVXcXFc12ORAMUkmk+lkFA==} dev: false @@ -13113,6 +13089,7 @@ packages: resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==} engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1} hasBin: true + dev: true /natural-compare@1.4.0: resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==} @@ -13600,10 +13577,6 @@ packages: engines: {node: '>=0.10.0'} dev: true - /parse-srcset@1.0.2: - resolution: {integrity: sha512-/2qh0lav6CmI15FzA3i/2Bzk2zCgQhGMkvhOhKNcBVQ1ldgpbfiNTVslmooUmWJcADi1f1kIeynbDRVzNlfR6Q==} - dev: false - /parse5@6.0.1: resolution: {integrity: sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==} dev: true @@ -13722,6 +13695,7 @@ packages: /picocolors@1.0.0: resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==} + dev: true /picomatch@2.3.1: resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==} @@ -14273,6 +14247,7 @@ packages: nanoid: 3.3.7 picocolors: 1.0.0 source-map-js: 1.2.0 + dev: true /prelude-ls@1.1.2: resolution: {integrity: sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==} @@ -14424,14 +14399,6 @@ packages: sisteransi: 1.0.5 dev: true - /propagating-hammerjs@2.0.1(@egjs/hammerjs@2.0.17): - resolution: {integrity: sha512-PH3zG5whbSxMocphXJzVtvKr+vWAgfkqVvtuwjSJ/apmEACUoiw6auBAT5HYXpZOR0eGcTAfYG5Yl8h91O5Elg==} - peerDependencies: - '@egjs/hammerjs': ^2.0.17 - dependencies: - '@egjs/hammerjs': 2.0.17 - dev: false - /property-information@6.2.0: resolution: {integrity: sha512-kma4U7AFCTwpqq5twzC1YVIDXSqg6qQK6JN0smOw8fgRy1OkMi0CYSzFmsy6dnqSenamAtj0CyXMUJ1Mf6oROg==} @@ -15188,17 +15155,6 @@ packages: rimraf: 2.7.1 dev: true - /sanitize-html@2.12.1: - resolution: {integrity: sha512-Plh+JAn0UVDpBRP/xEjsk+xDCoOvMBwQUf/K+/cBAVuTbtX8bj2VB7S1sL1dssVpykqp0/KPSesHrqXtokVBpA==} - dependencies: - deepmerge: 4.3.1 - escape-string-regexp: 4.0.0 - htmlparser2: 8.0.1 - is-plain-object: 5.0.0 - parse-srcset: 1.0.2 - postcss: 8.4.33 - dev: false - /saxes@6.0.0: resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==} engines: {node: '>=v12.22.7'} @@ -17066,51 +17022,6 @@ packages: unist-util-stringify-position: 4.0.0 vfile-message: 4.0.2 - /vis-data@7.1.9(uuid@9.0.0)(vis-util@5.0.7): - resolution: {integrity: sha512-COQsxlVrmcRIbZMMTYwD+C2bxYCFDNQ2EHESklPiInbD/Pk3JZ6qNL84Bp9wWjYjAzXfSlsNaFtRk+hO9yBPWA==} - peerDependencies: - uuid: ^3.4.0 || ^7.0.0 || ^8.0.0 || ^9.0.0 - vis-util: ^5.0.1 - dependencies: - uuid: 9.0.0 - vis-util: 5.0.7(@egjs/hammerjs@2.0.17)(component-emitter@1.3.1) - dev: false - - /vis-timeline@7.7.3(@egjs/hammerjs@2.0.17)(component-emitter@1.3.1)(keycharm@0.4.0)(moment@2.30.1)(propagating-hammerjs@2.0.1)(uuid@9.0.0)(vis-data@7.1.9)(vis-util@5.0.7)(xss@1.0.14): - resolution: {integrity: sha512-hGMzTttdOFWaw1PPlJuCXU2/4UjnsIxT684Thg9fV6YU1JuKZJs3s3BrJgZ4hO3gu5i1hsMe1YIi96o+eNT0jg==} - peerDependencies: - '@egjs/hammerjs': ^2.0.0 - component-emitter: ^1.3.0 - keycharm: ^0.2.0 || ^0.3.0 || ^0.4.0 - moment: ^2.24.0 - propagating-hammerjs: ^1.4.0 || ^2.0.0 - uuid: ^3.4.0 || ^7.0.0 || ^8.0.0 || ^9.0.0 - vis-data: ^6.3.0 || ^7.0.0 - vis-util: ^5.0.1 - xss: ^1.0.0 - dependencies: - '@egjs/hammerjs': 2.0.17 - component-emitter: 1.3.1 - keycharm: 0.4.0 - moment: 2.30.1 - propagating-hammerjs: 2.0.1(@egjs/hammerjs@2.0.17) - uuid: 9.0.0 - vis-data: 7.1.9(uuid@9.0.0)(vis-util@5.0.7) - vis-util: 5.0.7(@egjs/hammerjs@2.0.17)(component-emitter@1.3.1) - xss: 1.0.14 - dev: false - - /vis-util@5.0.7(@egjs/hammerjs@2.0.17)(component-emitter@1.3.1): - resolution: {integrity: sha512-E3L03G3+trvc/X4LXvBfih3YIHcKS2WrP0XTdZefr6W6Qi/2nNCqZfe4JFfJU6DcQLm6Gxqj2Pfl+02859oL5A==} - engines: {node: '>=8'} - peerDependencies: - '@egjs/hammerjs': ^2.0.0 - component-emitter: ^1.3.0 || ^2.0.0 - dependencies: - '@egjs/hammerjs': 2.0.17 - component-emitter: 1.3.1 - dev: false - /vite-node@0.23.4(@types/node@18.15.3): resolution: {integrity: sha512-8VuDGwTWIvwPYcbw8ZycMlwAwqCmqZfLdFrDK75+o+6bWYpede58k6AAXN9ioU+icW82V4u1MzkxLVhhIoQ9xA==} engines: {node: '>=v14.16.0'} @@ -17636,15 +17547,6 @@ packages: resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==} dev: true - /xss@1.0.14: - resolution: {integrity: sha512-og7TEJhXvn1a7kzZGQ7ETjdQVS2UfZyTlsEdDOqvQF7GoxNfY+0YLCzBy1kPdsDDx4QuNAonQPddpsn6Xl/7sw==} - engines: {node: '>= 0.10.0'} - hasBin: true - dependencies: - commander: 2.20.3 - cssfilter: 0.0.10 - dev: false - /xtend@4.0.2: resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==} engines: {node: '>=0.4'} diff --git a/src/lib/components/event/event-details-full.svelte b/src/lib/components/event/event-details-full.svelte index 95be02863..ebea4a164 100644 --- a/src/lib/components/event/event-details-full.svelte +++ b/src/lib/components/event/event-details-full.svelte @@ -25,14 +25,14 @@ {selectedId} onGroupClick={handleGroupClick} /> -
+
{#each eventDetails as [key, value] (key)} {/each}
{:else} -
+
{#each eventDetails as [key, value] (key)} {/each} diff --git a/src/lib/components/event/event-details-row-expanded.svelte b/src/lib/components/event/event-details-row-expanded.svelte index b3831d7fe..93bf6a515 100644 --- a/src/lib/components/event/event-details-row-expanded.svelte +++ b/src/lib/components/event/event-details-row-expanded.svelte @@ -32,7 +32,7 @@ $: stackTrace = getStackTrace(codeBlockValue); -
+
{#if typeof value === 'object'}
diff --git a/src/lib/components/event/event-summary-row.svelte b/src/lib/components/event/event-summary-row.svelte index 94d1bb742..67c2d7255 100644 --- a/src/lib/components/event/event-summary-row.svelte +++ b/src/lib/components/event/event-summary-row.svelte @@ -2,8 +2,6 @@ import { noop } from 'svelte/internal'; import { fade } from 'svelte/transition'; - import { onMount } from 'svelte'; - import { page } from '$app/stores'; import Icon from '$lib/holocene/icon/icon.svelte'; @@ -24,6 +22,8 @@ import { isLocalActivityMarkerEvent } from '$lib/utilities/is-event-type'; import { routeForEventHistoryEvent } from '$lib/utilities/route-for'; + import { CategoryIcon } from '../lines-and-dots/constants'; + import EventDetailsFull from './event-details-full.svelte'; import EventDetailsRow from './event-details-row.svelte'; @@ -79,15 +79,13 @@ const canceled = eventOrGroupIsCanceled(event); const terminated = eventOrGroupIsTerminated(event); - onMount(() => { - if ($page.url.hash === `#${event.id}`) { - expanded = true; - } - }); + $: icon = isLocalActivityMarkerEvent(event) + ? CategoryIcon['local-activity'] + : CategoryIcon[event.category]; - - + {event.id} - -
- {#if showElapsedTimeDiff} -

- {#if elapsedTime} - {descending ? '-' : '+'}{elapsedTime} - {/if} -

- {#if duration && duration !== '0ms'} -
- -

- {duration} -

-
- {/if} - {:else} -

- {formatDate(event?.eventTime, $timeFormat, { - relative: $relativeTime, - })} -

- {/if} -
- - +
{#if compact && failure} @@ -145,7 +114,8 @@ {/if}
-
+
+

{isEventGroup(event) ? event.displayName @@ -153,17 +123,6 @@ ? 'LocalActivity' : event.name}

- {#if expanded} -
- -
- {/if} -
-
- - {#if !expanded} - -
-
- -
- - {/if} - - +
+ + +
+ {#if showElapsedTimeDiff} +

+ {#if elapsedTime} + {descending ? '-' : '+'}{elapsedTime} + {/if} +

+ {#if duration && duration !== '0ms'} +
+ +

+ {duration} +

+
+ {/if} + {:else} +

+ {formatDate(event?.eventTime, $timeFormat, { + relative: $relativeTime, + })} +

+ {/if} +
+ {#if expanded} - + @@ -192,19 +171,11 @@ diff --git a/src/lib/components/event/event-summary-table.svelte b/src/lib/components/event/event-summary-table.svelte index 6898ea0cb..9dae72f90 100644 --- a/src/lib/components/event/event-summary-table.svelte +++ b/src/lib/components/event/event-summary-table.svelte @@ -1,59 +1,63 @@ - translate('common.go-to-page', { page })} {updating} - class="dense w-full table-fixed" - data-testid="event-summary-table" + {items} + let:visibleItems + variant="ghost" > - - - - - - - -
{translate('workflows.event-history')}
- Event TimeEvent Type -
- -
-
+ + +
--> + {#each visibleItems as event (`${event.id}-${event.timestamp}`)} + + {:else} + + {/each} + + diff --git a/src/lib/components/event/event-summary.svelte b/src/lib/components/event/event-summary.svelte index 4e8100dc8..2a74df45c 100644 --- a/src/lib/components/event/event-summary.svelte +++ b/src/lib/components/event/event-summary.svelte @@ -1,43 +1,38 @@ - - -
+
+
+
- -
- {#if !compact && !showJSON} - - {/if} -
- {#if showJSON} - - {:else} - - {#each visibleItems as event, index (`${event.id}-${event.timestamp}`)} - setActiveRowIndex(index)} - /> - {:else} - - {/each} - - {/if} + + + ($pauseLiveUpdates = !$pauseLiveUpdates)} + /> + (showFilters = !showFilters)} + tooltip={showFilters ? 'Hide Filters' : 'Show Filters'} + /> + (showDownloadPrompt = true)} + /> + +
+
+ {#if showFilters} +
+
+ {/if} +
+{#if showJSON} +
+
- +{:else} + +{/if} + diff --git a/src/lib/components/lines-and-dots/constants.ts b/src/lib/components/lines-and-dots/constants.ts index 50b20d45e..6e2ce6f86 100644 --- a/src/lib/components/lines-and-dots/constants.ts +++ b/src/lib/components/lines-and-dots/constants.ts @@ -32,14 +32,6 @@ const baseRadius = 6; export const minCompactWidth = 200; -export const CompactConfig: GraphConfig & { width: number } = { - height: baseRadius * 7, - width: 200, - gutter: baseRadius * 4, - radius: baseRadius * 3, - fontSizeRatio: baseRadius * 4, -}; - export const TimelineConfig: GraphConfig = { height: baseRadius * 5, gutter: baseRadius * 8, @@ -48,7 +40,7 @@ export const TimelineConfig: GraphConfig = { }; export const HistoryConfig: GraphConfig = { - height: 33, + height: 32, gutter: baseRadius * 2, radius: baseRadius * 1, fontSizeRatio: baseRadius * 4, diff --git a/src/lib/components/lines-and-dots/svg/group-details-row.svelte b/src/lib/components/lines-and-dots/svg/group-details-row.svelte index ae27824dd..9545dfb7c 100644 --- a/src/lib/components/lines-and-dots/svg/group-details-row.svelte +++ b/src/lib/components/lines-and-dots/svg/group-details-row.svelte @@ -79,7 +79,7 @@ group && group.eventList.find(isChildWorkflowExecutionStartedEvent); - + diff --git a/src/lib/components/lines-and-dots/svg/history-graph-row-visual.svelte b/src/lib/components/lines-and-dots/svg/history-graph-row-visual.svelte index 0476e8669..dacae7c32 100644 --- a/src/lib/components/lines-and-dots/svg/history-graph-row-visual.svelte +++ b/src/lib/components/lines-and-dots/svg/history-graph-row-visual.svelte @@ -29,7 +29,7 @@ const { height, radius } = HistoryConfig; const strokeWidth = radius / 2; - $: y = index * height + height / 3; + $: y = index * height + radius * 1.5; $: ({ nextDistance, offset } = getNextDistanceAndOffset( history, event, diff --git a/src/lib/components/lines-and-dots/svg/history-graph.svelte b/src/lib/components/lines-and-dots/svg/history-graph.svelte index 4dd239e4d..0519b1d43 100644 --- a/src/lib/components/lines-and-dots/svg/history-graph.svelte +++ b/src/lib/components/lines-and-dots/svg/history-graph.svelte @@ -60,7 +60,7 @@ .reduce((acc, height) => acc + height, 0); $: canvasHeight = visibleHistory.length * height + activeDetailsHeight; - $: visualWidth = canvasWidth - 2 * radius; + $: visualWidth = canvasWidth - 1.5 * radius; // $: isWide = canvasWidth >= 960; diff --git a/src/lib/components/lines-and-dots/svg/timeline-axis.svelte b/src/lib/components/lines-and-dots/svg/timeline-axis.svelte index b2add7c09..cb2112ab4 100644 --- a/src/lib/components/lines-and-dots/svg/timeline-axis.svelte +++ b/src/lib/components/lines-and-dots/svg/timeline-axis.svelte @@ -1,7 +1,5 @@
- + +
+
+

+ {formatDate(startTime, $timeFormat)} +

+

+ {formatDate(endTime, $timeFormat)} +

+
+
diff --git a/src/lib/holocene/table/paginated-table.svelte b/src/lib/holocene/table/paginated-table.svelte index 3ffa95acc..7e1f50cd2 100644 --- a/src/lib/holocene/table/paginated-table.svelte +++ b/src/lib/holocene/table/paginated-table.svelte @@ -18,6 +18,7 @@ type Item = $$Generic; + export let variant: 'primary' | 'ghost' = 'primary'; export let items: Item[]; export let updating = false; export let perPageLabel: string; @@ -86,13 +87,15 @@ if (perPageParam) store.adjustPageSize(perPageParam); } - $: tableOffset = tableContainer?.offsetTop - ? tableContainer?.offsetTop + 32 - : 0; + // $: tableOffset = tableContainer?.offsetTop + // ? tableContainer?.offsetTop + 32 + // : 0; + + $: tableOffset = 0;
@@ -105,6 +108,7 @@ {/if} + @@ -159,7 +163,15 @@