false}
- aria-hidden="true"
- />
+
+ {#snippet backdrop()}
+
modals.close()}
+ onkeypress={() => false}
+ aria-hidden="true"
+ >
+ {/snippet}
diff --git a/ui/src/routes/KsRunNodeHistory.svelte b/ui/src/routes/KsRunNodeHistory.svelte
index acc2bf07..7573e649 100644
--- a/ui/src/routes/KsRunNodeHistory.svelte
+++ b/ui/src/routes/KsRunNodeHistory.svelte
@@ -1,26 +1,112 @@
-
-
+
{responseError}
-
-
+
+{#snippet tabRunInfo()}
+
+{/snippet}
+
+{#snippet tabDiagram()}
+
+ This diagram is dynamic and evolves as nodes are processed. Color legend:
+ node started,
+ node completed successfully,
+ node failed,
+ stop signal received
+ node not processed as part of this run (maybe yet).
+ Nodes that require manual start are marked with a thicker border.
+ To see a static copy of it in a separate window,
+ click here.
+ To see detailed script diagram not reflecting run status,
+ click here for black and white,
+ or here for colored by root node.
+
+
+
{svgError}
+
+
+
+ {@html svgStatusViz}
+
+{/snippet}
+
+{#snippet tabHistory()}
+
+
+
+ | Timestamp |
+ Node |
+ Status |
+ Elapsed |
+ Comment |
+
+
+
+ {#each webapiData.node_history as e}
+
+ | {dayjs(e.ts).format('MMM D, YYYY HH:mm:ss.SSS Z')} |
+ {e.script_node} |
+ } "{nodeStatusToText(e.status)}") |
+ {#if e.elapsed > 0}
+ {e.elapsed}
+ {/if} |
+ {e.comment} |
+
+ {/each}
+
+
+{/snippet}
+
+
+
+
diff --git a/ui/vite.config.js b/ui/vite.config.js
index 03aafb05..670b8d35 100644
--- a/ui/vite.config.js
+++ b/ui/vite.config.js
@@ -1,5 +1,6 @@
import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';
+import { visualizer } from 'rollup-plugin-visualizer';
console.log('In .env file VITE_WEBAPI_URL=$CAPI_WEBAPI_URL:', process.env.CAPI_WEBAPI_URL);
export default defineConfig({
@@ -7,11 +8,20 @@ export default defineConfig({
port: 8080,
host: true // In Docker containers, "--host 0.0.0.0" may not work. So, tell Vite to bind to 0.0.0.0 here.
},
- plugins: [sveltekit()],
+ plugins: [
+ sveltekit(),
+ visualizer({
+ emitFile: true,
+ filename: 'stats.html'
+ })
+ ],
build: {
- minify: true
- },
- esbuild: {
- minifyIdentifiers: true
+ rollupOptions: {
+ output: {
+ manualChunks: (id) => {
+ return 'capillaries-ui';
+ }
+ }
+ }
}
});