('[slot=\"result\"]');\n this.hasResult = Boolean(result);\n this.hasPlainTextResult = Boolean(\n result && result.childElementCount === 0 && result.textContent?.trim(),\n );\n this.hasDetails = Boolean(this.el.querySelector('[slot=\"details\"]'));\n }\n\n private serialize(value: unknown) {\n if (value === undefined) return '';\n if (typeof value === 'string') return value;\n try {\n return JSON.stringify(value, null, 2);\n } catch {\n return String(value);\n }\n }\n\n private get active(): boolean {\n return ['preparing', 'queued', 'running'].includes(this.state);\n }\n\n private get expandable(): boolean {\n return (\n this.hasDetails ||\n this.input !== undefined ||\n this.output !== undefined ||\n Boolean(this.error)\n );\n }\n\n private renderStatusIcon() {\n if (this.active) return ;\n if (this.state === 'success') {\n return ;\n }\n if (this.state === 'waiting-for-user') {\n return ;\n }\n return ;\n }\n\n private renderSummary(expandable: boolean) {\n return (\n \n \n {this.renderStatusIcon()}\n \n \n {this.hasSummary ? (\n \n ) : (\n \n {this.label || this.name}\n \n )}\n \n {this.statusLabel ?? STATUS_LABELS[this.state]}\n \n \n {expandable ? (\n \n ) : null}\n \n );\n }\n\n private renderGenericDetails() {\n return (\n \n );\n }\n\n private handleToggle = (event: Event) => {\n this.dsOpenChange.emit({ open: (event.currentTarget as HTMLDetailsElement).open });\n };\n\n render() {\n const expandable = this.expandable;\n return (\n \n \n ) : null}\n \n \n );\n }\n}\n",
"type": "registry:ui"
}
]
}