<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>machine-check</title>
<link rel="stylesheet" href="style.css">
<script type="module" defer>
import init, { exec } from './wasm/machine_check_gui_wasm.js';
async function run() {
await init();
await exec();
}
run();
</script>
</head>
<body>
<div id="container">
<div id="top_bar" class="bar">
<div id="verification_control">
<button type="button" id="reset" title="Reset verification">↺</button>
<button type="button" id="step" title="Step verification">→</button>
<button type="button" id="run" title="Run verification until done">⏵</button>
<div id="max_refinements_container">
<label for="max_refinements">Max refinements per step:</label>
<input type="number" id="max_refinements" title="Maximum number of refinements per step" min="1" step="1"
value="1">
</div>
</div>
<div id="top_bar_misc">
<div id="exec_name"></div>
</div>
</div>
<div id="left_bar" class="bar">
<h2>Properties</h2>
<div id="properties_control">
<button type="button" id="new_property">+</button>
<button type="button" id="delete_property">−</button>
</div>
<div id="properties"></div>
</div>
<div id="main_area" tabindex="1">
<canvas id="main_canvas"></canvas>
</div>
<div id="right_bar" class="bar">
<h2>State fields</h2>
<table id="state_fields">
<tr>
<th>
Field
</th>
<th>
Value
</th>
</tr>
</table>
</div>
<div id="bottom_bar" class="bar">
<div id="info">
<div id="verification_status">Loading</div>
<div id="info_middle"></div>
<div id="space_info">(loading)</div>
</div>
<div id="log_wrapper">
<table id="log">
<tr>
<th>Time</th>
<th>Duration</th>
<th>Type</th>
<th>Message</th>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>