diff --git a/frontend/src/lib/components/ArgInfo.svelte b/frontend/src/lib/components/ArgInfo.svelte
index c171c79d39..df047b7992 100644
--- a/frontend/src/lib/components/ArgInfo.svelte
+++ b/frontend/src/lib/components/ArgInfo.svelte
@@ -2,7 +2,7 @@
import { ResourceService } from '$lib/gen'
import { workspaceStore } from '$lib/stores'
import { copyToClipboard, truncate } from '$lib/utils'
- import { ClipboardCopy } from 'lucide-svelte'
+ import { ClipboardCopy, Expand } from 'lucide-svelte'
import { Button, DrawerContent } from './common'
import Drawer from './common/drawer/Drawer.svelte'
import ObjectViewer from './propertyPicker/ObjectViewer.svelte'
@@ -68,16 +68,18 @@
>
{/if}
{:else}
-
-
+
+ {#if JSON.stringify(value).length > 120}
+
+ {/if}
+
+
+
- {#if JSON.stringify(value).length > 120}
-
- {/if}
{/if}
diff --git a/frontend/src/lib/components/DisplayResult.svelte b/frontend/src/lib/components/DisplayResult.svelte
index f1e062b7aa..49329978f4 100644
--- a/frontend/src/lib/components/DisplayResult.svelte
+++ b/frontend/src/lib/components/DisplayResult.svelte
@@ -4,7 +4,7 @@
import TableCustom from './TableCustom.svelte'
import { copyToClipboard, truncate } from '$lib/utils'
import { Button, Drawer, DrawerContent } from './common'
- import { ClipboardCopy } from 'lucide-svelte'
+ import { ClipboardCopy, Download, Expand } from 'lucide-svelte'
import Portal from 'svelte-portal'
import ObjectViewer from './propertyPicker/ObjectViewer.svelte'
@@ -106,6 +106,7 @@
}
let jsonViewer: Drawer
+ $: jsonStr = JSON.stringify(result, null, 4)
@@ -117,8 +118,8 @@
class="mb-2 w-full text-sm relative"
>The result keys are:
{truncate(Object.keys(result).join(', '), 50)}
{#if !disableExpand}
-
{/if}{#if !forceJson && resultKind == 'table-col'}
{:else}
- {@const jsonStr = JSON.stringify(result, null, 4).replace(/\\n/g, '\n')}
{#if jsonStr.length > 10000}
+
No result: {jsonStr}
{/if}
@@ -261,25 +261,26 @@
-
- {@const str = JSON.stringify(result, null, 4).replace(/\\n/g, '\n')}
- {#if str.length > 100000}
+ {#if jsonStr.length > 100000}
DownloadDownload
JSON is too large to be displayed in full.
{:else}
-
+
{/if}
diff --git a/frontend/src/lib/components/JobArgs.svelte b/frontend/src/lib/components/JobArgs.svelte
index b95db179b5..9d7ece35fb 100644
--- a/frontend/src/lib/components/JobArgs.svelte
+++ b/frontend/src/lib/components/JobArgs.svelte
@@ -1,36 +1,132 @@
-
-
- | Argument |
- Value |
-
-
- {#if args && Object.keys(args).length > 0}
- {#each Object.entries(args) as [arg, value]}
+
+
+ {
+ jsonStr = JSON.stringify(args, null, 4)
+ jsonViewer.openDrawer()
+ }}>
+
+
+
+ | Argument |
+ Value |
+
+
+ {#if args && Object.keys(args).length > 0}
+ {#each Object.entries(args) as [arg, value]}
+
+ | {arg} |
+ |
+
+ {/each}
+ {:else if args}
+ No arguments
+ {:else}
- | {arg} |
- |
+
+
+ |
+
+
+ |
- {/each}
- {:else if args}
- No arguments
- {:else}
-
- |
-
- |
-
-
- |
-
- {/if}
-
-
+ {/if}
+
+
+
+
+