diff --git a/src/lib/components/ComfyGraphErrorList.svelte b/src/lib/components/ComfyGraphErrorList.svelte index fdb6cc8..ad68d26 100644 --- a/src/lib/components/ComfyGraphErrorList.svelte +++ b/src/lib/components/ComfyGraphErrorList.svelte @@ -4,8 +4,9 @@ import Accordion from "./gradio/app/Accordion.svelte"; import uiState from '$lib/stores/uiState'; import type { ComfyNodeDefInputType } from "$lib/ComfyNodeDef"; - import type { INodeInputSlot, LGraphNode, Subgraph } from "@litegraph-ts/core"; - import { UpstreamNodeLocator } from "./ComfyPromptSerializer"; + import type { INodeInputSlot, LGraphNode, Subgraph } from "@litegraph-ts/core"; + import { UpstreamNodeLocator } from "./ComfyPromptSerializer"; + import JsonView from "./JsonView.svelte"; export let app: ComfyApp; export let errors: ComfyGraphErrors; @@ -84,7 +85,7 @@
-
+
{error.message} {#if error.exceptionType} ({error.exceptionType}) @@ -94,7 +95,7 @@ {/if} {#if error.input}
- Input: `{error.input.name}` + Input: {error.input.name} {#if error.input.config} ({getInputTypeName(error.input.config[0])}) {/if} @@ -105,6 +106,28 @@ Find disconnected input
{/if} + + {#if error.input.receivedValue} +
+ Received value: {error.input.receivedValue} +
+ {/if} + {#if error.input.receivedType} +
+ Received type: {error.input.receivedType} +
+ {/if} + {#if error.input.config} +
+ +
+
+ +
+
+
+
+ {/if} {/if}
@@ -188,6 +211,7 @@ } .error-details { + width: 100%; display: flex; flex-direction: row; gap: var(--spacing-md); @@ -202,6 +226,10 @@ } } + .error-details-wrapper { + flex: 5 1 0%; + } + .error-message { color: #F66; &.execution-error { @@ -246,19 +274,20 @@ } .error-traceback-wrapper { + width: 100%; margin-top: 1.0rem; padding: 0.5rem; border: 1px solid #888; .error-traceback { - font-size: 11pt; + font-size: 10pt; overflow: auto; white-space: nowrap; background: #333; .error-traceback-contents { width: 100%; - font-family: monospace; + font-family: monospace !important; padding: 1.0rem; > div {