ultravisor 1.0.3 → 1.0.4

package/webinterface/source/views/PictView-Ultravisor-PendingInput.js

@@ -0,0 +1,314 @@
+const libPictView = require('pict-view');
+
+const _ViewConfiguration =
+{
+	ViewIdentifier: "Ultravisor-PendingInput",
+
+	DefaultRenderable: "Ultravisor-PendingInput-Content",
+	DefaultDestinationAddress: "#Ultravisor-Content-Container",
+
+	AutoRender: false,
+
+	CSS: /*css*/`
+		.ultravisor-pendinginput {
+			padding: 2em;
+			max-width: 1200px;
+			margin: 0 auto;
+		}
+		.ultravisor-pendinginput-header {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-bottom: 1.5em;
+			padding-bottom: 1em;
+			border-bottom: 1px solid #2a2a4a;
+		}
+		.ultravisor-pendinginput-header h1 {
+			margin: 0;
+			font-size: 2em;
+			font-weight: 300;
+			color: #e0e0e0;
+		}
+		.ultravisor-pendinginput-card {
+			background: #16213e;
+			border: 1px solid #f57f17;
+			border-radius: 8px;
+			padding: 1.5em;
+			margin-bottom: 1em;
+		}
+		.ultravisor-pendinginput-card-header {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-bottom: 1em;
+		}
+		.ultravisor-pendinginput-card-header h3 {
+			margin: 0;
+			color: #e0e0e0;
+			font-weight: 500;
+		}
+		.ultravisor-pendinginput-meta {
+			color: #78909c;
+			font-size: 0.85em;
+			margin-bottom: 1em;
+		}
+		.ultravisor-pendinginput-meta code {
+			color: #4fc3f7;
+			font-size: 0.9em;
+		}
+		.ultravisor-pendinginput-task {
+			background: #1a1a2e;
+			border-radius: 4px;
+			padding: 1em;
+			margin-bottom: 0.75em;
+		}
+		.ultravisor-pendinginput-prompt {
+			color: #fff9c4;
+			font-size: 1.1em;
+			margin-bottom: 0.75em;
+		}
+		.ultravisor-pendinginput-address {
+			color: #78909c;
+			font-size: 0.8em;
+			margin-bottom: 0.75em;
+		}
+		.ultravisor-pendinginput-form {
+			display: flex;
+			gap: 0.75em;
+			align-items: center;
+		}
+		.ultravisor-pendinginput-form input[type="text"] {
+			flex: 1;
+			padding: 0.5em 0.75em;
+			border: 1px solid #2a2a4a;
+			border-radius: 4px;
+			background: #0d1117;
+			color: #e0e0e0;
+			font-size: 1em;
+			font-family: monospace;
+		}
+		.ultravisor-pendinginput-form input[type="text"]:focus {
+			outline: none;
+			border-color: #f57f17;
+		}
+		.ultravisor-pendinginput-submit {
+			padding: 0.5em 1.25em;
+			background-color: #f57f17;
+			color: #1a1a2e;
+			border: none;
+			border-radius: 4px;
+			font-weight: 600;
+			cursor: pointer;
+			font-size: 0.95em;
+		}
+		.ultravisor-pendinginput-submit:hover {
+			background-color: #ff8f00;
+		}
+		.ultravisor-pendinginput-submit:disabled {
+			opacity: 0.5;
+			cursor: not-allowed;
+		}
+		.ultravisor-pendinginput-result {
+			margin-top: 0.75em;
+			padding: 0.5em 0.75em;
+			border-radius: 4px;
+			font-size: 0.85em;
+		}
+		.ultravisor-pendinginput-result.success {
+			background: #1b5e20;
+			color: #c8e6c9;
+		}
+		.ultravisor-pendinginput-result.error {
+			background: #b71c1c;
+			color: #ffcdd2;
+		}
+	`,
+
+	Templates:
+	[
+		{
+			Hash: "Ultravisor-PendingInput-Template",
+			Template: /*html*/`
+<div class="ultravisor-pendinginput">
+	<div class="ultravisor-pendinginput-header">
+		<h1>Pending Input</h1>
+		<button class="ultravisor-btn ultravisor-btn-secondary" onclick="{~P~}.PictApplication.showView('Ultravisor-PendingInput')">Refresh</button>
+	</div>
+	<div id="Ultravisor-PendingInput-Body"></div>
+</div>
+`
+		}
+	],
+
+	Renderables:
+	[
+		{
+			RenderableHash: "Ultravisor-PendingInput-Content",
+			TemplateHash: "Ultravisor-PendingInput-Template",
+			DestinationAddress: "#Ultravisor-Content-Container",
+			RenderMethod: "replace"
+		}
+	]
+};
+
+class UltravisorPendingInputView extends libPictView
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		super(pFable, pOptions, pServiceHash);
+	}
+
+	onAfterRender(pRenderable, pRenderDestinationAddress, pRecord, pContent)
+	{
+		this.pict.PictApplication.loadPendingInputs(
+			function ()
+			{
+				this.renderPendingInputs();
+			}.bind(this));
+
+		return super.onAfterRender(pRenderable, pRenderDestinationAddress, pRecord, pContent);
+	}
+
+	renderPendingInputs()
+	{
+		let tmpPendingInputs = this.pict.AppData.Ultravisor.PendingInputs;
+		let tmpGlobalRef = '_Pict';
+		let tmpViewRef = tmpGlobalRef + ".views['Ultravisor-PendingInput']";
+
+		if (!tmpPendingInputs || tmpPendingInputs.length === 0)
+		{
+			this.pict.ContentAssignment.assignContent('#Ultravisor-PendingInput-Body',
+				'<div class="ultravisor-empty-message">No operations waiting for input.</div>');
+			return;
+		}
+
+		let tmpHTML = '';
+
+		for (let i = 0; i < tmpPendingInputs.length; i++)
+		{
+			let tmpPending = tmpPendingInputs[i];
+			let tmpRunHash = tmpPending.RunHash || '';
+			let tmpEscRunHash = tmpRunHash.replace(/'/g, "\\'");
+
+			tmpHTML += '<div class="ultravisor-pendinginput-card">';
+			tmpHTML += '<div class="ultravisor-pendinginput-card-header">';
+			tmpHTML += '<h3>' + this.escapeHTML(tmpPending.OperationName || tmpPending.OperationHash || 'Unknown') + '</h3>';
+			tmpHTML += '<span class="ultravisor-manifest-status waiting">Waiting for Input</span>';
+			tmpHTML += '</div>';
+			tmpHTML += '<div class="ultravisor-pendinginput-meta">';
+			tmpHTML += 'Operation: <code>' + this.escapeHTML(tmpPending.OperationHash || '') + '</code>';
+			tmpHTML += ' &middot; Run: <code>' + this.escapeHTML(tmpRunHash) + '</code>';
+			if (tmpPending.StartTime)
+			{
+				tmpHTML += ' &middot; Started: ' + this.escapeHTML(tmpPending.StartTime);
+			}
+			tmpHTML += '</div>';
+
+			// Render each waiting task
+			let tmpWaitingTasks = tmpPending.WaitingTasks || {};
+			let tmpNodeHashes = Object.keys(tmpWaitingTasks);
+
+			for (let j = 0; j < tmpNodeHashes.length; j++)
+			{
+				let tmpNodeHash = tmpNodeHashes[j];
+				let tmpEscNodeHash = tmpNodeHash.replace(/'/g, "\\'");
+				let tmpTask = tmpWaitingTasks[tmpNodeHash];
+				let tmpInputId = 'pending-input-' + tmpRunHash + '-' + tmpNodeHash;
+				let tmpResultId = 'pending-result-' + tmpRunHash + '-' + tmpNodeHash;
+
+				tmpHTML += '<div class="ultravisor-pendinginput-task">';
+				tmpHTML += '<div class="ultravisor-pendinginput-prompt">' + this.escapeHTML(tmpTask.PromptMessage || 'Enter a value') + '</div>';
+				if (tmpTask.OutputAddress)
+				{
+					tmpHTML += '<div class="ultravisor-pendinginput-address">Target: <code>' + this.escapeHTML(tmpTask.OutputAddress) + '</code></div>';
+				}
+				tmpHTML += '<div class="ultravisor-pendinginput-form">';
+				tmpHTML += '<input type="text" id="' + tmpInputId + '" placeholder="Enter value..." />';
+				tmpHTML += '<button class="ultravisor-pendinginput-submit" onclick="' + tmpViewRef + '.submitInput(\'' + tmpEscRunHash + '\', \'' + tmpEscNodeHash + '\', \'' + tmpInputId + '\', \'' + tmpResultId + '\')">Submit</button>';
+				tmpHTML += '</div>';
+				tmpHTML += '<div id="' + tmpResultId + '"></div>';
+				tmpHTML += '</div>';
+			}
+
+			tmpHTML += '</div>';
+		}
+
+		this.pict.ContentAssignment.assignContent('#Ultravisor-PendingInput-Body', tmpHTML);
+	}
+
+	submitInput(pRunHash, pNodeHash, pInputId, pResultId)
+	{
+		let tmpInputEl = document.getElementById(pInputId);
+		if (!tmpInputEl)
+		{
+			return;
+		}
+
+		let tmpValue = tmpInputEl.value;
+
+		// Disable the input and button while submitting
+		tmpInputEl.disabled = true;
+		let tmpButton = tmpInputEl.parentElement.querySelector('.ultravisor-pendinginput-submit');
+		if (tmpButton)
+		{
+			tmpButton.disabled = true;
+			tmpButton.textContent = 'Submitting...';
+		}
+
+		this.pict.PictApplication.submitPendingInput(pRunHash, pNodeHash, tmpValue,
+			function (pError, pData)
+			{
+				if (pError)
+				{
+					this.pict.ContentAssignment.assignContent('#' + pResultId,
+						'<div class="ultravisor-pendinginput-result error">Error: ' + this.escapeHTML(pError.message || 'Request failed') + '</div>');
+					// Re-enable
+					tmpInputEl.disabled = false;
+					if (tmpButton)
+					{
+						tmpButton.disabled = false;
+						tmpButton.textContent = 'Submit';
+					}
+					return;
+				}
+
+				if (pData && pData.Error)
+				{
+					this.pict.ContentAssignment.assignContent('#' + pResultId,
+						'<div class="ultravisor-pendinginput-result error">Error: ' + this.escapeHTML(pData.Error) + '</div>');
+					tmpInputEl.disabled = false;
+					if (tmpButton)
+					{
+						tmpButton.disabled = false;
+						tmpButton.textContent = 'Submit';
+					}
+					return;
+				}
+
+				let tmpStatus = (pData && pData.Status) || 'Submitted';
+				this.pict.ContentAssignment.assignContent('#' + pResultId,
+					'<div class="ultravisor-pendinginput-result success">Input submitted — operation status: ' + this.escapeHTML(tmpStatus) + '</div>');
+
+				// Refresh the list after a brief delay so the user sees the success message
+				setTimeout(
+					function ()
+					{
+						this.pict.PictApplication.loadPendingInputs(
+							function ()
+							{
+								this.renderPendingInputs();
+							}.bind(this));
+					}.bind(this), 1500);
+			}.bind(this));
+	}
+
+	escapeHTML(pValue)
+	{
+		if (!pValue) return '';
+		return String(pValue).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+	}
+}
+
+module.exports = UltravisorPendingInputView;
+
+module.exports.default_configuration = _ViewConfiguration;

package/webinterface/source/views/PictView-Ultravisor-Schedule.js

@@ -156,7 +156,7 @@ class UltravisorScheduleView extends libPictView
 		}
 
 		let tmpHTML = '<table class="ultravisor-schedule-table">';
-		tmpHTML += '<thead><tr><th>GUID</th><th>Type</th><th>Target</th><th>Cron</th><th>Active</th><th>Actions</th></tr></thead>';
+		tmpHTML += '<thead><tr><th>GUID</th><th>Type</th><th>Target Hash</th><th>Cron</th><th>Active</th><th>Actions</th></tr></thead>';
 		tmpHTML += '<tbody>';
 
 		for (let i = 0; i < tmpSchedule.length; i++)
@@ -167,10 +167,10 @@ class UltravisorScheduleView extends libPictView
 			let tmpActive = tmpEntry.Active ? 'yes' : 'no';
 
 			tmpHTML += '<tr>';
-			tmpHTML += '<td><code style="font-size:0.8em;">' + tmpGUID + '</code></td>';
-			tmpHTML += '<td>' + (tmpEntry.TargetType || '') + '</td>';
-			tmpHTML += '<td><code>' + (tmpEntry.TargetGUID || '') + '</code></td>';
-			tmpHTML += '<td><code>' + (tmpEntry.CronExpression || tmpEntry.Parameters || '') + '</code></td>';
+			tmpHTML += '<td><code style="font-size:0.8em;">' + this.escapeHTML(tmpGUID) + '</code></td>';
+			tmpHTML += '<td>' + this.escapeHTML(tmpEntry.TargetType || '') + '</td>';
+			tmpHTML += '<td><code>' + this.escapeHTML(tmpEntry.TargetHash || '') + '</code></td>';
+			tmpHTML += '<td><code>' + this.escapeHTML(tmpEntry.CronExpression || tmpEntry.Parameters || '') + '</code></td>';
 			tmpHTML += '<td><span class="ultravisor-schedule-active ' + tmpActive + '">' + (tmpEntry.Active ? 'Active' : 'Inactive') + '</span></td>';
 			tmpHTML += '<td>';
 			tmpHTML += '<button class="ultravisor-btn-sm ultravisor-btn-delete" onclick="if(confirm(\'Remove schedule entry?\')){ ' + tmpGlobalRef + '.PictApplication.removeScheduleEntry(\'' + tmpEscGUID + '\', function(){ ' + tmpGlobalRef + '.PictApplication.showView(\'Ultravisor-Schedule\'); }); }">Remove</button>';
@@ -189,29 +189,12 @@ class UltravisorScheduleView extends libPictView
 
 		let tmpHTML = '';
 
-		// Schedule a task
-		tmpHTML += '<div class="ultravisor-schedule-add-section">';
-		tmpHTML += '<h3>Schedule a Task</h3>';
-		tmpHTML += '<div class="ultravisor-schedule-add-form">';
-		tmpHTML += '<div class="ultravisor-form-group"><label>Task GUID</label>';
-		tmpHTML += '<input type="text" id="Ultravisor-Schedule-TaskGUID" placeholder="e.g. MY-TASK-001"></div>';
-		tmpHTML += '<div class="ultravisor-form-group"><label>Schedule Type</label>';
-		tmpHTML += '<select id="Ultravisor-Schedule-TaskScheduleType">';
-		tmpHTML += '<option value="cron">Cron</option>';
-		tmpHTML += '<option value="daily">Daily</option>';
-		tmpHTML += '<option value="hourly">Hourly</option>';
-		tmpHTML += '</select></div>';
-		tmpHTML += '<div class="ultravisor-form-group"><label>Parameters (cron expression)</label>';
-		tmpHTML += '<input type="text" id="Ultravisor-Schedule-TaskParameters" placeholder="e.g. 0 * * * *"></div>';
-		tmpHTML += '<button class="ultravisor-btn ultravisor-btn-primary" onclick="' + tmpViewRef + '.addTaskSchedule()">Add</button>';
-		tmpHTML += '</div></div>';
-
 		// Schedule an operation
-		tmpHTML += '<div class="ultravisor-schedule-add-section" style="margin-top:1em;">';
+		tmpHTML += '<div class="ultravisor-schedule-add-section">';
 		tmpHTML += '<h3>Schedule an Operation</h3>';
 		tmpHTML += '<div class="ultravisor-schedule-add-form">';
-		tmpHTML += '<div class="ultravisor-form-group"><label>Operation GUID</label>';
-		tmpHTML += '<input type="text" id="Ultravisor-Schedule-OperationGUID" placeholder="e.g. MY-OP-001"></div>';
+		tmpHTML += '<div class="ultravisor-form-group"><label>Operation Hash</label>';
+		tmpHTML += '<input type="text" id="Ultravisor-Schedule-OperationHash" placeholder="e.g. OPR-0001"></div>';
 		tmpHTML += '<div class="ultravisor-form-group"><label>Schedule Type</label>';
 		tmpHTML += '<select id="Ultravisor-Schedule-OperationScheduleType">';
 		tmpHTML += '<option value="cron">Cron</option>';
@@ -226,43 +209,19 @@ class UltravisorScheduleView extends libPictView
 		this.pict.ContentAssignment.assignContent('#Ultravisor-Schedule-AddForms', tmpHTML);
 	}
 
-	addTaskSchedule()
-	{
-		let tmpGUID = document.getElementById('Ultravisor-Schedule-TaskGUID').value.trim();
-		let tmpType = document.getElementById('Ultravisor-Schedule-TaskScheduleType').value;
-		let tmpParams = document.getElementById('Ultravisor-Schedule-TaskParameters').value.trim();
-
-		if (!tmpGUID)
-		{
-			alert('Task GUID is required.');
-			return;
-		}
-
-		this.pict.PictApplication.scheduleTask(tmpGUID, tmpType, tmpParams,
-			function (pError)
-			{
-				if (pError)
-				{
-					alert('Error scheduling task: ' + pError.message);
-					return;
-				}
-				this.pict.PictApplication.showView('Ultravisor-Schedule');
-			}.bind(this));
-	}
-
 	addOperationSchedule()
 	{
-		let tmpGUID = document.getElementById('Ultravisor-Schedule-OperationGUID').value.trim();
+		let tmpHash = document.getElementById('Ultravisor-Schedule-OperationHash').value.trim();
 		let tmpType = document.getElementById('Ultravisor-Schedule-OperationScheduleType').value;
 		let tmpParams = document.getElementById('Ultravisor-Schedule-OperationParameters').value.trim();
 
-		if (!tmpGUID)
+		if (!tmpHash)
 		{
-			alert('Operation GUID is required.');
+			alert('Operation Hash is required.');
 			return;
 		}
 
-		this.pict.PictApplication.scheduleOperation(tmpGUID, tmpType, tmpParams,
+		this.pict.PictApplication.scheduleOperation(tmpHash, tmpType, tmpParams,
 			function (pError)
 			{
 				if (pError)
@@ -273,6 +232,12 @@ class UltravisorScheduleView extends libPictView
 				this.pict.PictApplication.showView('Ultravisor-Schedule');
 			}.bind(this));
 	}
+
+	escapeHTML(pValue)
+	{
+		if (!pValue) return '';
+		return String(pValue).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+	}
 }
 
 module.exports = UltravisorScheduleView;

package/webinterface/source/views/PictView-Ultravisor-TimingView.js

@@ -235,26 +235,26 @@ class UltravisorTimingView extends libPictView
 		for (let i = tmpManifests.length - 1; i >= 0; i--)
 		{
 			let tmpManifest = tmpManifests[i];
-			let tmpGUIDRun = tmpManifest.GUIDRun || '';
-			let tmpLabel = (tmpManifest.Name || tmpManifest.GUIDOperation || tmpGUIDRun);
+			let tmpRunHash = tmpManifest.Hash || '';
+			let tmpLabel = (tmpManifest.OperationHash || tmpRunHash);
 			let tmpStatus = tmpManifest.Status || 'Unknown';
 			let tmpTime = tmpManifest.StartTime ? tmpManifest.StartTime.replace('T', ' ').replace(/\.\d+Z$/, '') : '';
-			tmpHTML += '<option value="' + this.escapeHTML(tmpGUIDRun) + '">' + this.escapeHTML(tmpLabel) + ' [' + tmpStatus + '] ' + tmpTime + '</option>';
+			tmpHTML += '<option value="' + this.escapeHTML(tmpRunHash) + '">' + this.escapeHTML(tmpLabel) + ' [' + tmpStatus + '] ' + tmpTime + '</option>';
 		}
 
 		tmpHTML += '</select>';
 		this.pict.ContentAssignment.assignContent('#Ultravisor-Timing-Selector', tmpHTML);
 	}
 
-	onSelectManifest(pGUIDRun)
+	onSelectManifest(pRunHash)
 	{
-		if (!pGUIDRun)
+		if (!pRunHash)
 		{
 			this.pict.ContentAssignment.assignContent('#Ultravisor-Timing-Detail', '');
 			return;
 		}
 
-		this.pict.PictApplication.loadManifest(pGUIDRun,
+		this.pict.PictApplication.loadManifest(pRunHash,
 			function (pError, pManifest)
 			{
 				if (pError || !pManifest)
@@ -270,10 +270,22 @@ class UltravisorTimingView extends libPictView
 
 	renderTimingVisualization(pManifest)
 	{
-		let tmpTaskResults = pManifest.TaskResults || [];
+		// Convert TaskManifests object to an array for visualization
+		let tmpTaskResults = [];
+		if (pManifest.TaskManifests && typeof pManifest.TaskManifests === 'object')
+		{
+			let tmpKeys = Object.keys(pManifest.TaskManifests);
+			for (let k = 0; k < tmpKeys.length; k++)
+			{
+				let tmpEntry = pManifest.TaskManifests[tmpKeys[k]];
+				tmpEntry._NodeHash = tmpKeys[k];
+				tmpTaskResults.push(tmpEntry);
+			}
+		}
+
 		let tmpOperationElapsedMs = pManifest.ElapsedMs || 0;
-		let tmpOperationElapsedFormatted = pManifest.ElapsedFormatted || this.formatMs(tmpOperationElapsedMs);
-		let tmpAverageTaskMs = pManifest.AverageTaskMs || 0;
+		let tmpOperationElapsedFormatted = this.formatMs(tmpOperationElapsedMs);
+		let tmpAverageTaskMs = 0;
 		let tmpStatus = (pManifest.Status || 'Unknown').toLowerCase();
 		let tmpStatusClass = (tmpStatus === 'complete' || tmpStatus === 'error' || tmpStatus === 'running') ? tmpStatus : '';
 
@@ -287,8 +299,8 @@ class UltravisorTimingView extends libPictView
 			tmpOperationElapsedFormatted = this.formatMs(tmpOperationElapsedMs);
 		}
 
-		// Compute average if not provided
-		if (tmpAverageTaskMs <= 0 && tmpTaskResults.length > 0 && tmpOperationElapsedMs > 0)
+		// Compute average
+		if (tmpTaskResults.length > 0 && tmpOperationElapsedMs > 0)
 		{
 			tmpAverageTaskMs = tmpOperationElapsedMs / tmpTaskResults.length;
 		}
@@ -312,7 +324,7 @@ class UltravisorTimingView extends libPictView
 
 		// Summary header
 		tmpHTML += '<div class="ultravisor-timing-summary">';
-		tmpHTML += '<div class="ultravisor-timing-stat"><span class="ultravisor-timing-stat-label">Operation</span><span class="ultravisor-timing-stat-value">' + this.escapeHTML(pManifest.Name || pManifest.GUIDOperation || '') + '</span></div>';
+		tmpHTML += '<div class="ultravisor-timing-stat"><span class="ultravisor-timing-stat-label">Operation</span><span class="ultravisor-timing-stat-value">' + this.escapeHTML(pManifest.OperationHash || '') + '</span></div>';
 		tmpHTML += '<div class="ultravisor-timing-stat"><span class="ultravisor-timing-stat-label">Status</span><span class="ultravisor-timing-stat-value ' + tmpStatusClass + '">' + this.escapeHTML(pManifest.Status || 'Unknown') + '</span></div>';
 		tmpHTML += '<div class="ultravisor-timing-stat"><span class="ultravisor-timing-stat-label">Total Time</span><span class="ultravisor-timing-stat-value">' + this.escapeHTML(tmpOperationElapsedFormatted) + '</span></div>';
 		tmpHTML += '<div class="ultravisor-timing-stat"><span class="ultravisor-timing-stat-label">Tasks</span><span class="ultravisor-timing-stat-value">' + tmpTaskResults.length + '</span></div>';
@@ -350,10 +362,11 @@ class UltravisorTimingView extends libPictView
 				}
 
 				let tmpWidthPercent = (tmpMaxTaskMs > 0) ? Math.max((tmpTaskMs / tmpMaxTaskMs) * 100, 1) : 1;
-				let tmpBarLabel = this.escapeHTML(tmpResult.Name || tmpResult.GUIDTask || '');
+				let tmpNodeHash = tmpResult._NodeHash || '';
+				let tmpBarLabel = this.escapeHTML(tmpResult.Name || tmpNodeHash || '');
 
 				tmpHTML += '<div class="ultravisor-timing-row">';
-				tmpHTML += '<div class="ultravisor-timing-row-label" title="' + this.escapeHTML(tmpResult.GUIDTask || '') + '">' + this.escapeHTML(tmpResult.Name || tmpResult.GUIDTask || 'Task ' + (i + 1)) + '</div>';
+				tmpHTML += '<div class="ultravisor-timing-row-label" title="' + this.escapeHTML(tmpNodeHash) + '">' + this.escapeHTML(tmpResult.Name || tmpNodeHash || 'Task ' + (i + 1)) + '</div>';
 				tmpHTML += '<div class="ultravisor-timing-row-bar-container">';
 				tmpHTML += '<div class="ultravisor-timing-row-bar ' + tmpBarClass + '" style="width: ' + tmpWidthPercent.toFixed(1) + '%;">';
 				if (tmpWidthPercent > 20)

package/webinterface/source/views/PictView-Ultravisor-TopBar.js

@@ -82,11 +82,12 @@ const _ViewConfiguration =
 	<a class="ultravisor-topbar-brand" onclick="{~P~}.PictApplication.navigateTo('/Home')">Ultravisor</a>
 	<div class="ultravisor-topbar-nav">
 		<a onclick="{~P~}.PictApplication.navigateTo('/Home')">Dashboard</a>
-		<a onclick="{~P~}.PictApplication.navigateTo('/Tasks')">Tasks</a>
 		<a onclick="{~P~}.PictApplication.navigateTo('/Operations')">Operations</a>
 		<a onclick="{~P~}.PictApplication.navigateTo('/Schedule')">Schedule</a>
 		<a onclick="{~P~}.PictApplication.navigateTo('/Manifests')">Manifests</a>
+		<a onclick="{~P~}.PictApplication.navigateTo('/PendingInput')">Pending Input</a>
 		<a onclick="{~P~}.PictApplication.navigateTo('/Timing')">Timing</a>
+		<a onclick="{~P~}.PictApplication.editOperation()">Flow Editor</a>
 	</div>
 	<div class="ultravisor-topbar-status" id="Ultravisor-TopBar-StatusArea"></div>
 </div>

package/debug/Harness.js

@@ -1,6 +0,0 @@
-let libUltravisor = require(`../source/cli/Ultravisor-Run.cjs`);
-//let libUltravisor = require(`../source/cli/Ultravisor-CLIProgram.cjs`);
-
-//libUltravisor.run(['node', 'Harness.js', 'explain-config']);
-
-//libUltravisor.run(['node', 'Harness.js', 'start']);