Make weather or temp data grey if it's old

Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>

.gitignore

@@ -0,0 +1 @@
+.aider*

messagegui/messagegui.app.js

@@ -1,34 +1,56 @@
 /* MESSAGES is a list of:
-  {id:int,
-	src,
-	title,
-	subject,
-	body,
-	sender,
-	tel:string,
-	new:true // not read yet
-  }
-  */
+	{id:int,
+		src,
+		title,
+		subject,
+		body,
+		sender,
+		tel:string,
+		new:true // not read yet
+	}
+	*/
 
 /* For example for maps:
 
 // a message
-require("messages").pushMessage({"t":"add","id":1575479849,"src":"Clock","title":"Timer","body":"test"})
+require("messages").pushMessage({"t":"add","id":1575479849,"src":"Skype","title":"My Friend","body":"Hey! How's everything going?",positive:1,negative:1})
 // maps
-require("messages").pushMessage({"t":"add","id":1,"src":"Maps","title":"0 yd - High St","body":"Campton - 11:48 ETA","img":"GhqBAAAMAAAHgAAD8AAB/gAA/8AAf/gAP/8AH//gD/98B//Pg/4B8f8Afv+PP//n3/f5//j+f/wfn/4D5/8Aef+AD//AAf/gAD/wAAf4AAD8AAAeAAADAAA="});
+GB({t:"nav",src:"maps",title:"Navigation",instr:"High St towards Tollgate Rd",distance:"966yd",action:"continue",eta:"08:39"})
+GB({t:"nav",src:"maps",title:"Navigation",instr:"High St",distance:"12km",action:"left_slight",eta:"08:39"})
+GB({t:"nav",src:"maps",title:"Navigation",instr:"Main St / I-29 ALT / Centerpoint Dr",distance:12345,action:"left_slight",eta:"08:39"})
 // call
 require("messages").pushMessage({"t":"add","id":"call","src":"Phone","title":"Bob","body":"12421312",positive:true,negative:true})
-// message
+
+// tanner
 require("messages").pushMessage({"t":"add","id":"1234","src":"Telegram","title":"testing","body":"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.",positive:true,negative:true})
 */
 var Layout = require("Layout");
+var layout; // global var containing the layout for the currently displayed message
 var settings = require('Storage').readJSON("messages.settings.json", true) || {};
+var reply;
+try { reply = require("reply"); } catch (e) {}
 var fontSmall = "6x8";
 var fontMedium = g.getFonts().includes("6x15")?"6x15":"6x8:2";
 var fontBig = g.getFonts().includes("12x20")?"12x20":"6x8:2";
 var fontLarge = g.getFonts().includes("6x15")?"6x15:2":"6x8:4";
-var active; // active screen
+var fontVLarge = g.getFonts().includes("6x15")?"12x20:2":"6x8:5";
+
+// If a font library is installed, just switch to using that for everything in messages
+if (Graphics.prototype.setFontIntl) {
+	fontSmall = "Intl";
+	fontMedium = "Intl";
+	fontBig = "Intl";
+	/* 2v21 and before have a bug where the scale factor for PBF fonts wasn't
+	taken into account in metrics, so we can't have big fonts on those firmwares.
+	Having 'PBF' listed as a font was a bug fixed at the same time so we check for that. */
+	let noScale = g.getFonts().includes("PBF");
+	fontLarge = noScale?"Intl":"Intl:2";
+	fontVLarge = noScale?"Intl":"Intl:3";
+}
+
+var active; // active screen (undefined/"list"/"music"/"map"/"message"/"scroller"/"settings")
 var openMusic = false; // go back to music screen after we handle something else?
+var replying = false; // If we're replying to a message, don't interrupt
 // hack for 2v10 firmware's lack of ':size' font handling
 try {
 	g.setFont("6x8:2");
@@ -61,15 +83,17 @@ var onMessagesModified = function(type,msg) {
 	msg.handled = true;
 	require("messages").apply(msg, MESSAGES);
 	// TODO: if new, show this new one
-	if (msg && msg.id!=="music" && msg.new && active!="map" &&
+	if (msg && msg.id!=="music" && msg.id!=="nav" && msg.new &&
 		!((require('Storage').readJSON('setting.json', 1) || {}).quiet)) {
 		require("messages").buzz(msg.src);
 	}
 	if (msg && msg.id=="music") {
 		if (msg.state && msg.state!="play") openMusic = false; // no longer playing music to go back to
-		if (active!="music") return; // don't open music over other screens
+		if ((active!=undefined) && (active!="list") && (active!="music")) return; // don't open music over other screens (but do if we're in the main menu)
 	}
-	showMessage(msg&&msg.id);
+	if (msg && msg.id=="nav" && msg.t=="modify" && active!="map")
+		return; // don't show an updated nav message if we're just in the menu
+	showMessage(msg&&msg.id, false);
 };
 Bangle.on("message", onMessagesModified);
 
@@ -80,30 +104,54 @@ E.on("kill", saveMessages);
 
 function showMapMessage(msg) {
 	active = "map";
-	var m, distance, street, target, eta;
-	m=msg.title.match(/(.*) - (.*)/);
-	if (m) {
-		distance = m[1];
-		street = m[2];
-	} else street=msg.title;
-	m=msg.body.match(/(.*) - (.*)/);
-	if (m) {
-		target = m[1];
-		eta = m[2];
-	} else target=msg.body;
+	require("messages").stopBuzz(); // stop repeated buzzing while the map is showing
+	var m, distance, street, target, img;
+	if ("string"==typeof msg.distance) // new gadgetbridge
+		distance = msg.distance;
+	else if ("number"==typeof msg.distance) // 0.74 gadgetbridge
+		distance = require("locale").distance(msg.distance);
+	if (msg.instr) {
+		var instr = msg.instr.replace(/\s*\/\s*/g," \/\n"); // convert slashes to newlines
+		if (instr.includes("towards") || instr.includes("toward")) {
+			m = instr.split(/towards|toward/);
+			target = m[0].trim();
+			street = m[1].trim();
+		}else
+			target = instr;
+	}
+	var carIsRHD = !!settings.carIsRHD;
+	switch (msg.action) {
+		case "continue": img = "EBgBAIABwAPgD/Af+D/8f/773/PPY8cDwAPAA8ADwAPAA8AAAAPAA8ADwAAAA8ADwAPA";break;
+		case "left": img = "GhcBAYAAAPAAAHwAAD4AAB8AAA+AAAf//8P///x///+PAAPx4AA8fAAHD4ABwfAAcDwAHAIABwAAAcAAAHAAABwAAAcAAAHAAABwAAAc";break;
+		case "right": img = "GhcBAABgAAA8AAAPgAAB8AAAPgAAB8D///j///9///+/AAPPAAHjgAD44AB8OAA+DgAPA4ABAOAAADgAAA4AAAOAAADgAAA4AAAOAAAA";break;
+		case "left_slight": img = "ERgB//B/+D/8H4AP4Af4A74Bz4Dj4HD4OD4cD4AD4ADwADwADgAHgAPAAOAAcAA4ABwADgAH";break;
+		case "right_slight": img = "ERgBB/+D/8H/4APwA/gD/APuA+cD44Phw+Dj4HPgAeAB4ADgAPAAeAA4ABwADgAHAAOAAcAA";break;
+		case "left_sharp": img = "GBaBAAAA+AAB/AAH/gAPjgAeBwA8BwB4B+DwB+HgB+PAB+eAB+8AB+4AB/wAB/gAB//gB//gB//gBwAABwAABwAABwAABw=="; break;
+		case "right_sharp": img = "GBaBAB8AAD+AAH/gAHHwAOB4AOA8AOAeAOAPB+AHh+ADx+AB5+AA9+AAd+AAP+AAH+AH/+AH/+AH/+AAAOAAAOAAAOAAAA==";break;
+		case "keep_left": img = "ERmBAACAAOAB+AD+AP+B/+H3+PO+8c8w4wBwADgAHgAPAAfAAfAAfAAfAAeAAeAAcAA8AA4ABwADgA==";break;
+		case "keep_right": img = "ERmBAACAAOAA/AD+AP+A//D/fPueeceY4YBwADgAPAAeAB8AHwAfAB8ADwAPAAcAB4ADgAHAAOAAAA==";break;
+		case "uturn_left": img = "GRiBAAAH4AAP/AAP/wAPj8APAfAPAHgHgB4DgA8BwAOA4AHAcADsOMB/HPA7zvgd9/gOf/gHH/gDh/gBwfgA4DgAcBgAOAAAHAAADgAABw==";break;
+		case "uturn_right": img = "GRiBAAPwAAf+AAf/gAfj4AfAeAPAHgPADwHgA4DgAcBwAOA4AHAcBjhuB5x/A+57gP99wD/84A/8cAP8OAD8HAA4DgAMBwAAA4AAAcAAAA==";break;
+		case "finish": img = "HhsBAcAAAD/AAAH/wAAPB4AAeA4AAcAcAAYIcAA4cMAA48MAA4cMAAYAcAAcAcAAcA4AAOA4AAOBxjwHBzjwHjj/4Dnn/4B3P/4B+Pj4A8fj8Acfj8AI//8AA//+AA/j+AB/j+AB/j/A";break;
+		case "roundabout_left": img = carIsRHD ? "HBaCAAADwAAAAAAAD/AAAVUAAD/wABVVUAD/wABVVVQD/wAAVABUD/wAAVAAFT/////wABX/////8AAF//////AABT/////wABUP/AAD/AAVA/8AA/8AVAD/wAD//VQAP/AAP/1QAA/wAA/9AAADwAAD/AAAAAAAA/wAAAAAAAP8AAAAAAAD/AAAAAAAA/wAAAAAAAP8AAAAAAAD/AA=" : "HRYCAAPAAAAAAAAD/AAD//AAA/8AD///AAP/AA////AD/wAD/wP/A/8AA/wAP8P/////AAP//////8AA///////AAD/P////8AAP8P/AABUAD/AP/AAFUA/8AP/AAFX//AAP/AAFf/wAAP8AAB/8AAAPAAAD8AAAAAAAAPwAAAAAAAA/AAAAAAAAD8AAAAAAAAPwAAAAAAAA/AAAAAAAAD8AAA==";break;
+		case "roundabout_right": img = carIsRHD ? "HRaCAAAAAAAA8AAAP/8AAP8AAD///AA/8AA////AA/8AP/A/8AA/8A/wAP8AA/8P8AA/////8/wAD///////AAD//////8AAP////8P8ABUAAP/A/8AVQAD/wA//1UAA/8AA//VAAP/AAA/9AAA/wAAAPwAAA8AAAA/AAAAAAAAD8AAAAAAAAPwAAAAAAAA/AAAAAAAAD8AAAAAAAAPwAAAAAAA=" : "HBYCAAAAAAPAAABVQAAP8AAFVVQAD/wAFVVVAAP/ABUAFQAA/8BUAAVAAD/wVAAP/////FAAD/////9QAA//////VAAP/////FQAP8AAP/AVAP/AAP/AFX//AAP/AAV//AAP/AAAf/AAD/AAAD/AAAPAAAA/wAAAAAAAP8AAAAAAAD/AAAAAAAA/wAAAAAAAP8AAAAAAAD/AAAAAAA==";break;
+		case "roundabout_straight": img = carIsRHD ? "EBuCAAADwAAAD/AAAD/8AAD//wAD///AD///8D/P8/z/D/D//A/wPzAP8AwA//UAA//1QA//9VA/8AFUP8AAVD8AAFQ/AABUPwAAVD8AAFQ/wABUP/ABVA//9VAD//VAAP/1AAAP8AAAD/AAAA/wAA==" : "EBsCAAPAAAAP8AAAP/wAAP//AAP//8AP///wP8/z/P8P8P/8D/A/MA/wDABf/wABX//ABV//8BVAD/wVAAP8FQAA/BUAAPwVAAD8FQAA/BUAA/wVQA/8BV//8AFf/8AAX/8AAA/wAAAP8AAAD/AA";break;
+		case "roundabout_uturn": img = carIsRHD ? "ICCBAAAAAAAAAAAAAAAAAAAP4AAAH/AAAD/4AAB4fAAA8DwAAPAcAADgHgAA4B4AAPAcAADwPAAAeHwAADz4AAAc8AAABPAAAADwAAAY8YAAPPPAAD73gAAf/4AAD/8AABf8AAAb+AAAHfAAABzwAAAcYAAAAAAAAAAAAAAAAAAAAAAA" : "ICABAAAAAAAAAAAAAAAAAAfwAAAP+AAAH/wAAD4eAAA8DwAAOA8AAHgHAAB4BwAAOA8AADwPAAA+HgAAHzwAAA84AAAPIAAADwAAAY8YAAPPPAAB73wAAf/4AAD/8AAAP+gAAB/YAAAPuAAADzgAAAY4AAAAAAAAAAAAAAAAAAAAAAA=";break;
+	}
+
 	layout = new Layout({ type:"v", c: [
-		{type:"txt", font:fontMedium, label:target, bgCol:g.theme.bg2, col: g.theme.fg2, fillx:1, pad:2 },
-		{type:"h", bgCol:g.theme.bg2, col: g.theme.fg2,  fillx:1, c: [
+		{type:"txt", font:street?fontMedium:fontLarge, label:target, bgCol:g.theme.bg2, col: g.theme.fg2, fillx:1, pad:3 },
+		street?{type:"h", bgCol:g.theme.bg2, col: g.theme.fg2,	fillx:1, c: [
 			{type:"txt", font:"6x8", label:"Towards" },
 			{type:"txt", font:fontLarge, label:street }
-		]},
+		]}:{},
 		{type:"h",fillx:1, filly:1, c: [
-			msg.img?{type:"img",src:atob(msg.img), scale:2}:{},
+			img?{type:"img",src:atob(img), scale:2, pad:6}:{},
 			{type:"v", fillx:1, c: [
-				{type:"txt", font:fontLarge, label:distance||"" }
+				{type:"txt", font:fontVLarge, label:distance||"" }
 			]},
 		]},
-		{type:"txt", font:"6x8:2", label:eta }
+		{type:"txt", font:"6x8:2", label:msg.eta?`ETA ${msg.eta}`:"" }
 	]});
 	g.reset().clearRect(Bangle.appRect);
 	layout.render();
@@ -164,7 +212,7 @@ function showMusicMessage(msg) {
 	updateLabels();
 
 	layout = new Layout({ type:"v", c: [
-		{type:"h", fillx:1, bgCol:g.theme.bg2, col: g.theme.fg2,  c: [
+		{type:"h", fillx:1, bgCol:g.theme.bg2, col: g.theme.fg2,	c: [
 			{ type:"v", fillx:1, c: [
 				{ type:"txt", font:fontMedium, bgCol:g.theme.bg2, label:artistName, pad:2, id:"artist" },
 				{ type:"txt", font:fontMedium, bgCol:g.theme.bg2, label:albumName, pad:2, id:"album" }
@@ -191,6 +239,7 @@ function showMusicMessage(msg) {
 }
 
 function showMessageScroller(msg) {
+	//cancelReloadTimeout();  // commented out because this is the new message display and we want it to disappear
 	active = "scroller";
 	var bodyFont = fontLarge;
 	g.setFont(bodyFont);
@@ -210,27 +259,62 @@ function showMessageScroller(msg) {
 				setColor(idx<titleCnt ? g.theme.fg2 : g.theme.fg).
 				clearRect(r.x,r.y,r.x+r.w, r.y+r.h);
 			g.setFont(bodyFont).drawString(lines[idx], r.x, r.y);
-		//}, select : function(idx) {
-		//	if (idx>=lines.length-2)
-		//		showMessage(msg.id);
-		//},
-		//back : () => showMessage(msg.id)
-		}, select : () => load(),
+		}, select : function(idx) {
+			if (idx==0) {
+				cancelReloadTimeout(); // don't auto-reload to clock now
+				showMessageSettings(msg);
+			} else {
+				load();
+			}
+		},
 		back : () => load()
 	});
 }
 
 function showMessageSettings(msg) {
 	active = "settings";
-	E.showMenu({"":{"title":/*LANG*/"Message"},
-		"< Back" : () => showMessage(msg.id),
+	var menu = {"":{"title":/*LANG*/"Message"},
+		"< Back" : () => showMessage(msg.id, true),
 		/*LANG*/"View Message" : () => {
 			showMessageScroller(msg);
 		},
+	};
+
+	if (msg.reply && reply) {
+		menu[/*LANG*/"Reply"] = () => {
+			replying = true;
+			reply.reply({msg: msg})
+				.then(result => {
+					Bluetooth.println(JSON.stringify(result));
+					replying = false;
+					showMessage(msg.id);
+				})
+				.catch(() => {
+					replying = false;
+					showMessage(msg.id);
+				});
+		};
+	}
+
+	menu = Object.assign(menu, {
 		/*LANG*/"Delete" : () => {
 			MESSAGES = MESSAGES.filter(m=>m.id!=msg.id);
 			checkMessages({clockIfNoMsg:0,clockIfAllRead:0,showMsgIfUnread:0,openMusic:0});
 		},
+	});
+
+	if (Bangle.messageIgnore && msg.src)
+		menu[/*LANG*/"Ignore"] = () => {
+			E.showPrompt(/*LANG*/"Ignore all messages from "+E.toJS(msg.src)+"?", {title:/*LANG*/"Ignore"}).then(isYes => {
+				if (isYes) {
+					Bangle.messageIgnore(msg);
+					MESSAGES = MESSAGES.filter(m=>m.id!=msg.id);
+				}
+				checkMessages({clockIfNoMsg:0,clockIfAllRead:0,showMsgIfUnread:0,openMusic:0});
+			});
+		};
+
+	menu = Object.assign(menu, {
 		/*LANG*/"Mark Unread" : () => {
 			msg.new = true;
 			checkMessages({clockIfNoMsg:0,clockIfAllRead:0,showMsgIfUnread:0,openMusic:0});
@@ -248,10 +332,14 @@ function showMessageSettings(msg) {
 			});
 		},
 	});
+	E.showMenu(menu);
 }
 
-function showMessage(msgid) {
-	var msg = MESSAGES.find(m=>m.id==msgid);
+function showMessage(msgid, persist) {
+	if (replying) { return; }
+	if(!persist) resetReloadTimeout();
+	let idx = MESSAGES.findIndex(m=>m.id==msgid);
+	var msg = MESSAGES[idx];
 	if (updateLabelsInterval) {
 		clearInterval(updateLabelsInterval);
 		updateLabelsInterval=undefined;
@@ -261,146 +349,157 @@ function showMessage(msgid) {
 		cancelReloadTimeout(); // don't auto-reload to clock now
 		return showMusicMessage(msg);
 	}
-	if (msg.src=="Maps") {
+	if (msg.id=="nav") {
 		cancelReloadTimeout(); // don't auto-reload to clock now
 		return showMapMessage(msg);
 	}
-	active = "message";
-	// Normal text message display
-	//var title=msg.title, titleFont = fontLarge, lines;
-	//var body=msg.body, bodyFont = fontLarge;
-	//// If no body, use the title text instead...
-	//if (body===undefined) {
-	//	body = title;
-	//	title = undefined;
-	//}
-	//if (title) {
-	//	var w = g.getWidth()-48;
-	//	if (g.setFont(titleFont).stringWidth(title) > w) {
-	//		titleFont = fontBig;
-	//		if (settings.fontSize!=1 && g.setFont(titleFont).stringWidth(title) > w)
-	//			titleFont = fontMedium;
-	//	}
-	//	if (g.setFont(titleFont).stringWidth(title) > w) {
-	//		lines = g.wrapString(title, w);
-	//		title = (lines.length>2) ? lines.slice(0,2).join("\n")+"..." : lines.join("\n");
-	//	}
-	//}
-	//// If body of message is only two lines long w/ large font, use large font.
-
-	//if (body) {
-	//	var w = g.getWidth()-10;
-	//	if (false && g.setFont(bodyFont).stringWidth(body) > w * 2) {
-	//		bodyFont = fontBig;
-	//		if (settings.fontSize!=1 && g.setFont(bodyFont).stringWidth(body) > w * 3)
-	//			bodyFont = fontMedium;
-	//	}
-	//	if (g.setFont(bodyFont).stringWidth(body) > w) {
-	//		lines = g.setFont(bodyFont).wrapString(msg.body, w);
-	//		var maxLines = Math.floor((g.getHeight()-75) / g.getFontHeight());
-	//		body = (lines.length>maxLines) ? lines.slice(0,maxLines).join("\n")+"..." : lines.join("\n");
-	//	}
-	//}
-	//function goBack() {
-	//	layout = undefined;
-	//	msg.new = false; // read mail
-	//	cancelReloadTimeout(); // don't auto-reload to clock now
-	//	checkMessages({clockIfNoMsg:1,clockIfAllRead:0,showMsgIfUnread:0,openMusic:openMusic});
-	//}
-	//var buttons = [
-	//];
-	//if (false && msg.positive) {
-	//	buttons.push({type:"btn", src:atob("GRSBAAAAAYAAAcAAAeAAAfAAAfAAAfAAAfAAAfAAAfBgAfA4AfAeAfAPgfAD4fAA+fAAP/AAD/AAA/AAAPAAADAAAA=="), cb:()=>{
-	//		msg.new = false;
-	//		cancelReloadTimeout(); // don't auto-reload to clock now
-	//		Bangle.messageResponse(msg,true);
-	//		checkMessages({clockIfNoMsg:1,clockIfAllRead:1,showMsgIfUnread:1,openMusic:openMusic});
-	//	}});
-	//}
-	//if (false && msg.negative) {
-	//	if (buttons.length) buttons.push({width:32}); // nasty hack...
-	//	buttons.push({type:"btn", src:atob("FhaBADAAMeAB78AP/4B/fwP4/h/B/P4D//AH/4AP/AAf4AB/gAP/AB/+AP/8B/P4P4fx/A/v4B//AD94AHjAAMA="), cb:()=>{
-	//		msg.new = false;
-	//		cancelReloadTimeout(); // don't auto-reload to clock now
-	//		Bangle.messageResponse(msg,false);
-	//		checkMessages({clockIfNoMsg:1,clockIfAllRead:1,showMsgIfUnread:1,openMusic:openMusic});
-	//	}});
-	//}
-
-
-	//layout = new Layout({ type:"v", c: [
-	//	{type:"h", fillx:1, bgCol:g.theme.bg2, col: g.theme.fg2,  c: [
-	//		{ type:"v", fillx:1, c: [
-	//			{type:"txt", font:fontSmall, label:msg.src||/*LANG*/"Message", bgCol:g.theme.bg2, col: g.theme.fg2, fillx:1, pad:2, halign:1 },
-	//			title?{type:"txt", font:titleFont, label:title, bgCol:g.theme.bg2, col: g.theme.fg2, fillx:1, pad:2 }:{},
-	//		]},
-	//		{ type:"btn",
-	//			src:require("messageicons").getImage(msg),
-	//			col:require("messageicons").getColor(msg, {settings:settings, default:g.theme.fg2}),
-	//			pad: 3, cb:()=>{
-	//				cancelReloadTimeout(); // don't auto-reload to clock now
-	//				showMessageSettings(msg);
-	//			}
-	//		},
-	//	]},
-	//	{type:"txt", font:bodyFont, label:body, fillx:1, filly:1, pad:2, cb:()=>{
-	//		// allow tapping to show a larger version
-	//		showMessageScroller(msg);
-	//	} },
-	//	{type:"h",fillx:1, c: buttons}
-	//]},{back:goBack});
-	//g.reset().clearRect(Bangle.appRect);
-	//layout.render();
+//	active = "message";
+//	// Normal text message display
+//	var title=msg.title, titleFont = fontLarge, lines;
+//	var body=msg.body, bodyFont = fontLarge;
+//	// If no body, use the title text instead...
+//	if (body===undefined) {
+//		body = title;
+//		title = undefined;
+//	}
+//	if (title) {
+//		var w = g.getWidth()-48;
+//		if (g.setFont(titleFont).stringWidth(title) > w) {
+//			titleFont = fontBig;
+//			if (settings.fontSize!=1 && g.setFont(titleFont).stringWidth(title) > w)
+//				titleFont = fontMedium;
+//		}
+//		if (g.setFont(titleFont).stringWidth(title) > w) {
+//			lines = g.wrapString(title, w);
+//			title = (lines.length>2) ? lines.slice(0,2).join("\n")+"..." : lines.join("\n");
+//		}
+//	}
+//	if (body) { // Try and find a font that fits...
+//		var w = g.getWidth()-2, h = Bangle.appRect.h-60;
+//		if (g.setFont(bodyFont).wrapString(body, w).length*g.getFontHeight() > h) {
+//			bodyFont = fontBig;
+//			if (settings.fontSize!=1 && g.setFont(bodyFont).wrapString(body, w).length*g.getFontHeight() > h) {
+//				bodyFont = fontMedium;
+//			}
+//		}
+//		// Now crop, given whatever font we have available
+//		lines = g.setFont(bodyFont).wrapString(body, w);
+//		var maxLines = Math.floor(h / g.getFontHeight());
+//		if (lines.length>maxLines) // if too long, wrap with a bit less spae so we have room for '...'
+//			body = g.setFont(bodyFont).wrapString(body, w-10).slice(0,maxLines).join("\n")+"...";
+//		else
+//			body = lines.join("\n");
+//	}
+//	function goBack() {
+//		layout = undefined;
+//		msg.new = false; // read mail
+//		cancelReloadTimeout(); // don't auto-reload to clock now
+//		checkMessages({clockIfNoMsg:1,clockIfAllRead:0,showMsgIfUnread:0,openMusic:openMusic});
+//	}
+//	var negHandler,posHandler,footer = [ ];
+//	if (msg.negative) {
+//		negHandler = ()=>{
+//			msg.new = false;
+//			cancelReloadTimeout(); // don't auto-reload to clock now
+//			Bangle.messageResponse(msg,false);
+//			checkMessages({clockIfNoMsg:1,clockIfAllRead:1,showMsgIfUnread:1,openMusic:openMusic});
+//		}; footer.push({type:"img",src:atob("PhAB4A8AAAAAAAPAfAMAAAAAD4PwHAAAAAA/H4DwAAAAAH78B8AAAAAA/+A/AAAAAAH/Af//////w/gP//////8P4D///////H/Af//////z/4D8AAAAAB+/AfAAAAAA/H4DwAAAAAPg/AcAAAAADwHwDAAAAAA4A8AAAAAAAA=="),col:"#f00",cb:negHandler});
+//	}
+//	footer.push({fillx:1}); // push images to left/right
+//	if (msg.reply && reply) {
+//		posHandler = ()=>{
+//			replying = true;
+//			msg.new = false;
+//			cancelReloadTimeout(); // don't auto-reload to clock now
+//			reply.reply({msg: msg})
+//				.then(result => {
+//					Bluetooth.println(JSON.stringify(result));
+//					replying = false;
+//					layout.render();
+//					checkMessages({clockIfNoMsg:1,clockIfAllRead:1,showMsgIfUnread:1,openMusic:openMusic});
+//				})
+//				.catch(() => {
+//					replying = false;
+//					layout.render();
+//					showMessage(msg.id);
+//				});
+//		}; footer.push({type:"img",src:atob("QRABAAAAAAAH//+AAAAABgP//8AAAAADgf//4AAAAAHg4ABwAAAAAPh8APgAAAAAfj+B////////geHv///////hf+f///////GPw///////8cGBwAAAAAPx/gDgAAAAAfD/gHAAAAAA8DngOAAAAABwDHP8AAAAADACGf4AAAAAAAAM/w=="),col:"#0f0", cb:posHandler});
+//	}
+//	else if (msg.positive) {
+//		posHandler = ()=>{
+//			msg.new = false;
+//			cancelReloadTimeout(); // don't auto-reload to clock now
+//			Bangle.messageResponse(msg,true);
+//			checkMessages({clockIfNoMsg:1,clockIfAllRead:1,showMsgIfUnread:1,openMusic:openMusic});
+//		}; footer.push({type:"img",src:atob("QRABAAAAAAAAAAOAAAAABgAAA8AAAAADgAAD4AAAAAHgAAPgAAAAAPgAA+AAAAAAfgAD4///////gAPh///////gA+D///////AD4H//////8cPgAAAAAAPw8+AAAAAAAfB/4AAAAAAA8B/gAAAAAABwB+AAAAAAADAB4AAAAAAAAABgAA=="),col:"#0f0",cb:posHandler});
+//	}
+//
+//	layout = new Layout({ type:"v", c: [
+//		{type:"h", fillx:1, bgCol:g.theme.bg2, col: g.theme.fg2,	c: [
+//			{ type:"v", fillx:1, c: [
+//				{type:"txt", font:fontSmall, label:msg.src||/*LANG*/"Message", bgCol:g.theme.bg2, col: g.theme.fg2, fillx:1, pad:2, halign:1 },
+//				title?{type:"txt", font:titleFont, label:title, bgCol:g.theme.bg2, col: g.theme.fg2, fillx:1, pad:2 }:{},
+//			]},
+//			{ type:"btn",
+//				src:require("messageicons").getImage(msg),
+//				col:require("messageicons").getColor(msg, {settings:settings, default:g.theme.fg2}),
+//				pad: 3, cb:()=>{
+//					cancelReloadTimeout(); // don't auto-reload to clock now
+//					showMessageSettings(msg);
+//				}
+//			},
+//		]},
+//		{type:"txt", font:bodyFont, label:body, fillx:1, filly:1, pad:2, cb:()=>{
+//			// allow tapping to show a larger version
+//			showMessageScroller(msg);
+//		} },
+//		{type:"h",fillx:1, c: footer}
+//	]},{back:goBack});
+//
+//	Bangle.swipeHandler = (lr,ud) => {
+//		if (lr>0 && posHandler) posHandler();
+//		if (lr<0 && negHandler) negHandler();
+//		if (ud>0 && idx<MESSAGES.length-1) showMessage(MESSAGES[idx+1].id, true);
+//		if (ud<0 && idx>0) showMessage(MESSAGES[idx-1].id, true);
+//	};
+//	Bangle.on("swipe", Bangle.swipeHandler);
+//	g.reset().clearRect(Bangle.appRect);
+//	layout.render();
 
 	showMessageScroller(msg);
 }
 
 
 /* options = {
-  clockIfNoMsg : bool
-  clockIfAllRead : bool
-  showMsgIfUnread : bool
-  openMusic : bool      // open music if it's playing
+	clockIfNoMsg : bool
+	clockIfAllRead : bool
+	showMsgIfUnread : bool
+	openMusic : bool			// open music if it's playing
+	dontStopBuzz : bool	 // don't stuf buzzing (any time other than the first this is undefined/false)
 }
 */
 function checkMessages(options) {
 	options=options||{};
-
-	var goBack = false;
-	while (MESSAGES.length && (
-		MESSAGES[0].title == "Timer" ||
-		MESSAGES[0].title == "Clock" ||
-		MESSAGES[0].title == "Stopwatch" ||
-		MESSAGES[0].title == "Navigation" ||
-		MESSAGES[0].title.startsWith("Protostable Chatspace") ||
-		MESSAGES[0].title.includes("Jason") ||
-		MESSAGES[0].body.toLowerCase().startsWith("!chat") ||
-		MESSAGES[0].body.toLowerCase().startsWith("! chat")
-	)) {
-		MESSAGES.pop(0);
-		goBack = true;
-	}
-
-	if (goBack) {
-		return load();
-	}
-
+	// If there's been some user interaction, it's time to stop repeated buzzing
+	if (!options.dontStopBuzz)
+		require("messages").stopBuzz();
 	// If no messages, just show 'no messages' and return
 	if (!MESSAGES.length) {
+		active=undefined; // no messages
 		if (!options.clockIfNoMsg) return E.showPrompt(/*LANG*/"No Messages",{
 			title:/*LANG*/"Messages",
 			img:require("heatshrink").decompress(atob("kkk4UBrkc/4AC/tEqtACQkBqtUDg0VqAIGgoZFDYQIIM1sD1QAD4AIBhnqA4WrmAIBhc6BAWs8AIBhXOBAWz0AIC2YIC5wID1gkB1c6BAYFBEQPqBAYXBEQOqBAnDAIQaEnkAngaEEAPDFgo+IKA5iIOhCGIAFb7RqAIGgtUBA0VqobFgNVA")),
-			buttons : {/*LANG*/"Ok":1}
-		}).then(() => { load() });
+			buttons : {/*LANG*/"Ok":1},
+			back: () => load()
+		}).then(() => load());
 		return load();
 	}
-
 	// we have >0 messages
 	var newMessages = MESSAGES.filter(m=>m.new&&m.id!="music");
 	// If we have a new message, show it
 	if (options.showMsgIfUnread && newMessages.length) {
 		delete newMessages[0].show; // stop us getting stuck here if we're called a second time
-		showMessage(newMessages[0].id);
+		showMessage(newMessages[0].id, false);
 		// buzz after showMessage, so being busy during layout doesn't affect the buzz pattern
 		if (global.BUZZ_ON_NEW_MESSAGE) {
 			// this is set if we entered the messages app by loading `messagegui.new.js`
@@ -413,12 +512,12 @@ function checkMessages(options) {
 	}
 	// no new messages: show playing music? Only if we have playing music, or state=="show" (set by messagesmusic)
 	if (options.openMusic && MESSAGES.some(m=>m.id=="music" && ((m.track && m.state=="play") || m.state=="show")))
-		return showMessage('music');
+		return showMessage('music', true);
 	// no new messages - go to clock?
 	if (options.clockIfAllRead && newMessages.length==0)
 		return load();
-	active = "main";
-	// Otherwise show a menu
+	active = "list";
+	// Otherwise show a list of messages
 	E.showScroller({
 		h : 48,
 		c : Math.max(MESSAGES.length,3), // workaround for 2v10.219 firmware (min 3 not needed for 2v11)
@@ -441,22 +540,29 @@ function checkMessages(options) {
 					.setColor(fg); // only color the icon
 				x += 50;
 			}
-			var m = msg.title+"\n"+msg.body, longBody=false;
 			if (title) g.setFontAlign(-1,-1).setFont(fontBig).drawString(title, x,r.y+2);
+			var longBody = false;
 			if (body) {
-				g.setFontAlign(-1,-1).setFont("6x8");
+				g.setFontAlign(-1,-1).setFont(fontSmall);
+				// if the body includes an image, it probably won't be small enough to allow>1 line
+				let maxLines = Math.floor(34/g.getFontHeight()), pady = 0;
+				if (body.includes("\0")) { maxLines=1; pady=4; }
 				var l = g.wrapString(body, r.w-(x+14));
-				if (l.length>3) {
-					l = l.slice(0,3);
+				if (l.length>maxLines) {
+					l = l.slice(0,maxLines);
 					l[l.length-1]+="...";
 				}
 				longBody = l.length>2;
-				g.drawString(l.join("\n"), x+10,r.y+20);
+				// draw the body
+				g.drawString(l.join("\n"), x+10,r.y+20+pady);
 			}
 			if (!longBody && msg.src) g.setFontAlign(1,1).setFont("6x8").drawString(msg.src, r.x+r.w-2, r.y+r.h-2);
 			g.setColor("#888").fillRect(r.x,r.y+r.h-1,r.x+r.w-1,r.y+r.h-1); // dividing line between items
 		},
-		select : idx => showMessage(MESSAGES[idx].id),
+		select : idx => {
+			if (idx < MESSAGES.length)
+				showMessage(MESSAGES[idx].id, true);
+		},
 		back : () => load()
 	});
 }
@@ -468,6 +574,13 @@ function cancelReloadTimeout() {
 	unreadTimeout = undefined;
 }
 
+function resetReloadTimeout(){
+	cancelReloadTimeout();
+	if (!isFinite(settings.unreadTimeout)) settings.unreadTimeout=60;
+	if (settings.unreadTimeout)
+		unreadTimeout = setTimeout(load, settings.unreadTimeout*1000);
+}
+
 g.clear();
 
 Bangle.loadWidgets();
@@ -475,12 +588,17 @@ require("messages").toggleWidget(false);
 Bangle.drawWidgets();
 
 setTimeout(() => {
-	if (!isFinite(settings.unreadTimeout)) settings.unreadTimeout=60;
-	if (settings.unreadTimeout)
-		unreadTimeout = setTimeout(load, settings.unreadTimeout*1000);
 	// only openMusic on launch if music is new, or state=="show" (set by messagesmusic)
 	var musicMsg = MESSAGES.find(m => m.id === "music");
 	checkMessages({
 		clockIfNoMsg: 0, clockIfAllRead: 0, showMsgIfUnread: 1,
-		openMusic: ((musicMsg&&musicMsg.new) && settings.openMusic) || (musicMsg&&musicMsg.state=="show") });
+		openMusic: ((musicMsg&&musicMsg.new) && settings.openMusic) || (musicMsg&&musicMsg.state=="show"),
+		dontStopBuzz: 1 });
 }, 10); // if checkMessages wants to 'load', do that
+
+/* If the Bangle is unlocked by the user, treat that
+as a queue to stop repeated buzzing */
+Bangle.on('lock',locked => {
+	if (!locked)
+		require("messages").stopBuzz();
+});