diff --git a/app/lib/ui/digital.js b/app/lib/ui/digital.js
new file mode 100644
index 0000000..aedbb2a
--- /dev/null
+++ b/app/lib/ui/digital.js
@@ -0,0 +1,3 @@
+'use strict';
+let digital;
+module.exports = digital;
diff --git a/app/src/index.js b/app/src/index.js
index 3bddf93..9105c22 100644
--- a/app/src/index.js
+++ b/app/src/index.js
@@ -18,6 +18,7 @@ const nav 		= require('./lib/ui/nav.js');
 const seq 		= require('./lib/ui/seq.js');
 const cmd 		= require('./lib/ui/cmd.js');
 const devices 	= require('./lib/ui/devices.js');
+const digital 	= require('./lib/ui/digital.js');
 const mse 		= require('./lib/ui/mscript.js');
 const Mscript 	= require('./lib/mscript');
 let log;
diff --git a/app/src/lib/ui/devices.ts b/app/src/lib/ui/devices.ts
new file mode 100644
index 0000000..feba637
--- /dev/null
+++ b/app/src/lib/ui/devices.ts
@@ -0,0 +1,265 @@
+'use strict';
+
+/// <reference path ="jquery.d.ts"/> 
+
+declare var gui : any;
+declare var seq : any;
+declare var light : any;
+declare var cfg : any;
+declare var log : any;
+declare var w2popup : any;
+declare var cam : any;
+declare var proj : any;
+
+const devices = {};
+
+devices.init = function () {
+	'use strict';
+	devices.listen();
+	devices.profiles();
+	gui.overlay(true);
+	gui.spinner(true, 'Checking for connected devices...');
+};
+devices.profiles = function () {
+	'use strict';
+	const keys = Object.keys(cfg.profiles);
+	const elem = $('#profile')
+	let opt;
+	elem.empty();
+	for (let key of keys) {
+		opt = $('<option>');
+		opt.val(key);
+		opt.text(cfg.profiles[key].label);
+		elem.append(opt);
+	}
+	elem.on('change', (t) => {
+		devices.profile($('#profile').val());
+	});
+};
+devices.profile = function (profile) {
+	'use strict';
+	log.info(`Changed configuration profile to "${profile}"`, 'DEVICES', true, true);
+	const p = cfg.profiles[profile];
+	const keys = Object.keys(p);
+	for (let key of keys) {
+		cfg[key] = keys[key]
+	}
+	if (typeof p.light !== 'undefined' && p.light === false) {
+		light.disable();
+	} else {
+		light.enable();
+	}
+	ipcRenderer.send('profile', { profile })
+};
+devices.listen = function () {
+	'use strict';
+	ipcRenderer.on('ready', devices.ready);
+	ipcRenderer.on('intval', devices.intvalCb);
+	ipcRenderer.on('digital', devices.digitalCb);
+};
+devices.ready = function (event, arg) {
+	'use strict';
+	//console.dir(arg)
+	let opt;
+	let devs = [];
+	let notify = 'Connected to ';
+	let p;
+	gui.spinner(false);
+	gui.overlay(false);
+	for (let i in arg) {
+		devs.push(arg[i].arduino);
+		if (arg[i].arduino && arg[i].arduino !== '/dev/fake') {
+			if (notify === 'Connected to ') {
+				notify += arg[i].arduino + ' '
+			} else {
+				notify += `& ${arg[i].arduino}`
+			}
+		}
+		opt = $('<option>');
+		opt.val(`ARDUINO_${arg[i].arduino}`);
+		opt.text(arg[i].arduino);
+		$(`#${i}_device`).empty();
+		$(`#${i}_device`).append(opt);
+	}
+	if (notify !== 'Connected to ') {
+		gui.notify('DEVICES', notify);
+	} else {
+		gui.notify('DEVICES', 'Connected to mock devices')
+	}
+	if (devs.length > 0) {
+		$('#devices').empty();
+		for (let i of devs) {
+			opt = $('<option>');
+			opt.val(i);
+			opt.text(i);
+			$('#devices').append(opt);
+		}
+	}
+	if (arg && arg.profile) {
+		$('#profile').val(arg.profile)
+		log.info(`Using configuration profile "${arg.profile}"`, 'DEVICES', true, true);
+		p = cfg.profiles[arg.profile];
+		if (typeof p.light !== 'undefined' && p.light === false) {
+			light.disable();
+		} else {
+			light.enable();
+		}
+		//devices.profile(arg.profile)
+	}
+
+	seq.set(0, cfg.cmd.camera_forward);
+	seq.set(1, cfg.cmd.projector_forward);
+	grid.state(0);
+	grid.state(1);
+	seq.stats();
+	
+	if (arg.projector_second) {
+		//add second row of projector pads to grid
+		proj.second.enable();
+	}
+	if (arg.camera_second) {
+		//add second row of camera pads to grid
+		cam.second.enable();
+	}
+	return event.returnValue = true;
+};
+
+devices.intval = function () {
+	'use strict';
+	const url = $('#intval').val();
+	let proceed = false;
+	let obj = {
+		connect: true,
+		url : url
+	};
+	if ( url !== '' && typeof url !== 'undefined') {
+		proceed = confirm(`Are you sure you want to connect to INTVAL3 @ ${url}?`);
+	} else {
+		alert('Cannot connect to INTVAL3 url as entered.');
+	}
+	
+	if (proceed) {
+		gui.overlay(true);
+		gui.spinner(true, `Connecting to INTVAL3 @ ${url}`);
+		ipcRenderer.send('intval', obj);
+	} else {
+		$('#camera_type_arduino').prop('checked', 'checked');
+		$('#intval').removeClass('active');
+	}
+};
+
+devices.intvalCb = function (evt, args) {
+	'use strict';
+	let state;
+	gui.spinner(false);
+	gui.overlay(false);
+	if (args.connected && args.connected === true) {
+		//success state
+		state = JSON.parse(args.state);
+		cam.pos = state.counter;
+		cam.dir = state.frame.dir;
+		$('#intval').val(args.url);
+		$('#intval').addClass('active');
+		$('#camera_type_intval').prop('checked', 'checked');
+		gui.notify('DEVICES', `Connected to INTVAL3 @ ${args.url}`)
+		gui.updateState()
+	} else {
+		$('#camera_type_arduino').prop('checked', 'checked');
+		$('#intval').removeClass('active');
+	}
+};
+
+devices.digitalSelect = function () {
+	'use strict';
+	const elem = $('#digital');
+	const extensions =  ['mpg', 'mpeg', 'mov', 'mkv', 'avi', 'mp4'];
+	dialog.showOpenDialog({
+		title : `Select video or image sequence`,
+        properties : [`openFile`], // openDirectory, multiSelection, openFile
+        defaultPath: 'c:/',
+        filters : [
+            {
+                name: 'All Files',
+                extensions: ['*']
+            },
+        ]
+    }, (files) => {
+    	let valid = false;
+    	console.dir(files)
+    	let path = files[0];
+    	let displayName;
+		if (path && path !== '') {
+			for (let ext of extensions) {
+				if (path.toLowerCase().indexOf(`.${ext}`) !== -1) {
+					valid = true;
+				}
+			}
+			if (!valid) return false;
+			log.info(`Selected video ${path.split('/').pop()}`, 'DIGITAL', true);
+			elem.attr('data-file', path);
+			displayName = path.split('/').pop()
+			elem.val(displayName);
+			$('#video_file').val(displayName);
+		}
+    })
+}
+
+devices.digital = function () {
+	'use strict';
+	const elem = $('#digital');
+	const path = elem.attr('data-file');
+	const fileName = elem.val();
+	let proceed = false;
+	let obj = {
+		path,
+		fileName
+	}
+
+	if (path && path !== '') {
+		proceed = confirm(`Are you sure you want to use ${fileName}?`);
+	}
+	
+	if (proceed) {
+		gui.overlay(true);
+		gui.spinner(true, `Getting info about ${fileName}`);
+		ipcRenderer.send('digital', obj)
+	} else {
+		$('#projector_type_digital').prop('checked', 'checked');
+		$('#digital').removeClass('active');
+	}
+};
+
+devices.digitalCb = function (evt, args) {
+	'use strict';
+	let state;
+	let color = [255,255,255];
+	gui.spinner(false);
+	gui.overlay(false);
+	if (args.valid && args.valid === true) {
+		//success state
+		state = JSON.parse(args.state);
+		$('#digital').addClass('active');
+		$('#projector_type_digital').prop('checked', 'checked');
+		gui.notify('DEVICES', `Using video ${state.fileName}`);
+
+		seq.set(0, 'PF');
+		grid.state(0);
+
+		seq.set(1, 'CF');
+		seq.setLight(1, color);
+		grid.state(1);
+
+		if (light.disabled) {
+			light.enable();
+		}
+
+		$('#seq_loop').val(`${state.frames - 1}`).trigger('change');
+
+		gui.updateState();
+	} else {
+		$('#projector_type_digital').prop('checked', 'checked');
+		$('#digital').removeClass('active');
+	}
+};
+
+module.exports = devices;
\ No newline at end of file
diff --git a/app/src/lib/ui/digital.ts b/app/src/lib/ui/digital.ts
new file mode 100644
index 0000000..0a79de6
--- /dev/null
+++ b/app/src/lib/ui/digital.ts
@@ -0,0 +1,17 @@
+'use strict';
+
+/// <reference path ="jquery.d.ts"/> 
+
+declare var gui : any;
+declare var seq : any;
+declare var light : any;
+declare var cfg : any;
+declare var log : any;
+declare var w2popup : any;
+declare var cam : any;
+declare var proj : any;
+
+
+let digital : any;
+
+module.exports = digital
\ No newline at end of file