${formatJson(rawText)}`;
+
+ } catch (error) {
+ handleError(`Failed to load node ${nodeId}`, error);
+ }
+ }
+
+ /**
+ * Add action buttons for a node (Parent, Children, Download, LAVA Job)
+ * @param {Object} data - Node data object
+ * @param {string} raw - Raw JSON string
+ */
+ function addMiscButtons(data, raw) {
+ const miscButtons = document.getElementById('miscbuttons');
+ miscButtons.style.display = 'block';
+
+ const buttons = [];
+
+ // Parent button
+ if (data.parent) {
+ buttons.push(``);
+ }
+
+ // Children button
+ const childCondition = encodeURIComponent(`parent=${data.id}`);
+ buttons.push(``);
+
+ // Artifacts dropdown
+ buttons.push(createArtifactsDropdown(data));
+
+ // Download button
+ buttons.push('');
+
+ // LAVA job button (if applicable)
+ if (data.data?.runtime?.startsWith('lava') && data.data?.job_id) {
+ const lavaUrl = CONFIG.LAVA_URLS[data.data.runtime];
+ if (lavaUrl) {
+ const jobUrl = `https://${lavaUrl}/scheduler/job/${data.data.job_id}`;
+ buttons.push(``);
+ }
+ }
+
+ // Node size info
+ buttons.push(`Node size: ${raw.length} bytes`);
+
+ miscButtons.innerHTML = buttons.join('');
+
+ // Attach event listeners
+ attachMiscButtonListeners();
+ }
+
+ /**
+ * Create artifacts dropdown HTML
+ * @param {Object} data - Node data object
+ * @returns {string} HTML string for artifacts dropdown
+ */
+ function createArtifactsDropdown(data) {
+ const options = [``];
+
+ if (data.artifacts) {
+ Object.entries(data.artifacts).forEach(([name, uri]) => {
+ options.push(``);
+ });
+ }
+
+ return ``;
+ }
+
+ /**
+ * Attach event listeners to misc buttons
+ */
+ function attachMiscButtonListeners() {
+ // Misc buttons (navigation)
+ const miscLinks = document.getElementsByClassName('misc');
+ Array.from(miscLinks).forEach(link => {
+ link.addEventListener('click', handleMiscClick);
+ });
+
+ // Download button
+ const downloadButtons = document.getElementsByClassName('download');
+ Array.from(downloadButtons).forEach(button => {
+ button.addEventListener('click', (event) => {
+ event.preventDefault();
+ const url = document.getElementById('artifacts').value;
+ window.open(url, '_blank');
+ });
+ });
+ }
+
+ // ================================================================
+ // SEARCH FUNCTIONALITY
+ // ================================================================
+
+ /**
+ * Process and execute a search query
+ * @param {Array