add some

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 shylinux
+Copyright (c) 2017-2025 shylinux
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

const.js

@@ -106,6 +106,7 @@ var web = {
 	CANCEL: "cancel", SUBMIT: "submit", CONFIRM: "confirm", REFRESH: "refresh",
 	UPLOAD: "upload", DOWNLOAD: "download", PREVIEW: "preview", TOIMAGE: "toimage",
 	
+	CLIENT_NAME: "client.name",
 	SHARE_CACHE: "/share/cache/", SHARE_LOCAL: "/share/local/", BASIC_LOGIN: "/basic/login",
 	CHAT_SSO: "/chat/sso/", CHAT_POD: "/chat/pod/", CHAT_CMD: "/chat/cmd/",
 	
@@ -178,6 +179,7 @@ var tcp = {
 	SERVICE: "service", HOSTNAME: "hostname",
 	WIFI: "wifi", SSID: "ssid",
 	LOCALHOST: "localhost",
+	DIAL: "dial",
 	DIRECT: "direct", SEND: "send", RECV: "recv",
 }
 var nfs = {
@@ -244,6 +246,7 @@ var cli = {
 	QRCODE: "qrcode", COLOR: "color", BLACK: "black", WHITE: "white", BLUE: "blue", RED: "red", GRAY: "gray", CYAN: "cyan", GREEN: "green", PURPLE: "purple", YELLOW: "yellow",
 	MAGENTA: "magenta", SILVER: "silver", ALICEBLUE: "aliceblue", TRANSPARENT: "transparent",
 	LINUX: "linux", DARWIN: "darwin", WINDOWS: "windows",
+	XTERM: "xterm",
 	SH: "sh",
 }
 var log = {
@@ -254,7 +257,7 @@ var code = {
 	FAVOR: "favor", XTERM: "xterm", INNER: "inner", VIMER: "vimer",
 	WEBPACK: "webpack", BINPACK: "binpack", AUTOGEN: "autogen", COMPILE: "compile", PUBLISH: "publish", UPGRADE: "upgrade",
 	TEMPLATE: "template", COMPLETE: "complete", NAVIGATE: "navigate", CURRENT: "current",
-	PULL: "pull", PUSH: "push",
+	STATUS: "status", PULL: "pull", PUSH: "push",
 	INSTALL: "install",
 	COMMENT: "comment", KEYWORD: "keyword", DATATYPE: "datatype", PACKAGE: "package",
 	FUNCTION: "function", CONSTANT: "constant", STRING: "string", NUMBER: "number", BOOLEAN: "boolean",
@@ -279,10 +282,11 @@ var chat = {
 	SHARE: "share", RIVER: "river", STORM: "storm", FIELD: "field", TOOL: "tool",
 	STATE: "state", MENUS: "menus", SSO: "sso", LOCATION: "location", IFRAME: "iframe", DESKTOP: "desktop",
 	OUTPUT: "output", SIMPLE: "simple", FLOAT: "float", FULL: "full", CMD: "cmd",
-	MESSAGE: "message",
+	MESSAGE: "message", REQUEST: "request", RESPONSE: "response",
 	MATRIX: "matrix",
 	TUTOR: "tutor",
 	FLOWS: "flows",
+	ADMIN: "admin",
 	
 	HEADER: "Header", ACTION: "Action", FOOTER: "Footer",
 	libs: ["base.js", "core.js", "date.js", "misc.js", "page.js", "user.js"].map(function(p) { return "/lib/"+p }),
@@ -361,6 +365,7 @@ var html = {
 		FLOAT_HEIGHT: 480, FLOAT_WIDTH: 1200,
 		PLUGIN_PADDING: 0, PLUGIN_MARGIN: 0,
 		
+		IFRAME_HEIGHT: 420,
 		HEADER_HEIGHT: 48, ACTION_HEIGHT: 32, STATUS_HEIGHT: 32,
 		QRCODE_HEIGHT: 363, QRCODE_WIDTH: 360,
 		CARD_HEIGHT: 160, CARD_WIDTH: 280,
@@ -437,6 +442,7 @@ var html = {
 	
 	IMAGE_PNG: "image/png", VIDEO_WEBM: "video/webm",
 	BACKGROUND_JPG: "usr/icons/background.jpg",
+	BACKGROUND_PNG: "usr/icons/background.png",
 	AVATAR_JPG: "usr/icons/avatar.jpg",
 }
 var icon = {
@@ -524,6 +530,7 @@ var icon = {
 	host: "bi bi-pc-display",
 	port: "bi bi-hash",
 	arch: "bi bi-cpu", os: "bi bi-ubuntu",
+	cpu: "bi bi-cpu",
 	role: "bi bi-person-square",
 	title: "bi bi-textarea-t",
 	type: "bi bi-card-list",

frame.js

@@ -97,6 +97,9 @@ Volcanos(chat.ONDAEMON, {
 			can.base.isFunc(sub.Update) && sub.Update()
 		}
 	},
+	cookie: function(can, msg, arg) {
+		can.misc.Cookie(can, arg[1], arg[0])
+	},
 	grant: function(can, msg, sub, arg) {
 		var toast = can.user.toast(can, {duration: arg[1]||10000, content: "grant "+arg[0], action: shy({
 			confirm: function(event) { toast.close(), can.run(can.request(event, {name: arg[0]}), [ctx.ACTION, ctx.RUN, web.SPACE, aaa.LOGIN]) },
@@ -153,7 +156,7 @@ Volcanos(chat.ONAPPEND, {
 		var status = can.page.SelectOne(can, field, html.DIV_STATUS)
 		can.isCmdMode() && meta.index && meta.index.indexOf("can.") != 0 && can.page.style(can, field, "visibility", "hidden")
 		can.isCmdMode() && meta.index && meta.index.indexOf("can.") != 0 && can.page.style(can, output, "visibility", "hidden")
-		can.isCmdMode() && (can.base.isIn(meta.index, web.WIKI_PORTAL)) && can.onappend.style(can, html.OUTPUT, field)
+		can.isCmdMode() && meta.style != "float" && (can.base.isIn(meta.index, web.WIKI_PORTAL)) && can.onappend.style(can, html.OUTPUT, field)
 		var sub = Volcanos(meta.name, {_root: can._root||can, _follow: can.core.Keys(can._follow, meta.name), _target: field,
 			_legend: legend, _option: option, _action: action, _output: output, _status: status, _history: [], db: {hash: [""]}, ui: {},
 			Status: function(key, value) { if (can.base.isObject(key)) { return can.core.Item(key, sub.Status), key } try {
@@ -163,13 +166,8 @@ Volcanos(chat.ONAPPEND, {
 					return can.base.isUndefined(value)? (value = target.innerText): (target.innerHTML = value.trim? value.trim(): value+"")
 				}); return value
 			} catch (e) {} },
-			Action: function(key, value) {
+			Action: function(key, value) { return can.page.SelectArgs(can, action, key, value)[0] },
-				// value && (value = can.user.trans(sub, value, null, html.INPUT))
+			Option: function(key, value) { return can.page.SelectArgs(can, option, key, value)[0] },
-				return can.page.SelectArgs(can, action, key, value)[0]
-			},
-			Option: function(key, value) {
-				// value && (value = can.user.trans(sub, value, null, html.INPUT));
-			return can.page.SelectArgs(can, option, key, value)[0] },
 			Update: function(event, cmds, cb, silent) { event = event||{}, sub.request(event)._caller(), event.metaKey && sub.request(event, {metaKey: ice.TRUE})
 				var msg = sub.request(event), list = can.core.Value(sub, "sub.db._checkbox"); can.core.Item(list, function(key, value) { msg.Option(key, value) })
 				sub.request(event, sub.Option())
@@ -255,6 +253,7 @@ Volcanos(chat.ONAPPEND, {
 		var auto; can.core.Next(can.core.Value(can, [chat.ONIMPORT, mdb.LIST])||meta.inputs, add, function() {
 			var p = can.misc.Search(can, ctx.ACTION); auto || can.page.style(can, can._target, "visibility", "")
 			can.isCmdMode() || can.page.style(can, can._target, "visibility", "")
+			if (can.Conf("feature.mode") == "result") { return }
 			if (can.Conf("_ismain") && !can.Conf("_role") && can.misc.Search(can, log.DEBUG) != ice.TRUE) {
 				
 			} else if (p && can.isCmdMode()) {
@@ -344,7 +343,7 @@ Volcanos(chat.ONAPPEND, {
 		Volcanos(display, {_root: can._root, _follow: can.core.Keys(can._follow, display), _fields: can._target, _target: output, _path: display||chat.PLUGIN_TABLE_JS,
 			_legend: can._legend, _option: can._option, _action: action||can._action, _output: output, _status: status||can._status,
 			Update: can.Update, Option: can.Option, Action: can.Action, Status: can.Status, db: {hash: [""], value: {}}, ui: {layout: function() {}},
-		}, [display, msg.Option(ice.MSG_DISPLAY_CSS)||undefined, chat.PLUGIN_TABLE_JS], function(sub) { sub.Conf(can.Conf())
+		}, [display, msg.Option(ice.MSG_DISPLAY_CSS)||can.Conf("display_css")||undefined, chat.PLUGIN_TABLE_JS], function(sub) { sub.Conf(can.Conf())
 			sub.db.hash = can.base.getValid(can.isCmdMode()? can.misc.SearchHash(can): [], can.onexport.storage(can, "hash"))||[]
 			var last = can.sub; last && can.core.CallFunc([last, "onaction.hidden"], {can: last})
 			sub.run = function(event, cmds, cb, silent) { var msg = sub.request(event)._caller()
@@ -356,6 +355,7 @@ Volcanos(chat.ONAPPEND, {
 				can.onmotion.clear(can, can._option), can.onappend._option(can, {inputs: can.page.inputs(can, sub.onimport.list, html.TEXT) })
 			} can.onmotion.toggle(can, can._action, true), delete(can._status._cache), delete(can._status._cache_key)
 			var output_old = can._output; sub._target = sub._output = can._output = output = can.page.insertBefore(can, [html.OUTPUT], can._status)
+			can.page.style(can, sub._output, html.MAX_HEIGHT, can.ConfHeight(), html.MAX_WIDTH, can.ConfWidth())
 			if (sub.Mode() == ice.MSG_RESULT) { can._output.innerHTML = output_old.innerHTML }
 			if (can.page.tagis(can._target, "fieldset.cmd.form.output")) {
 				can.page.ClassList.del(can, can._target, html.FORM), can.page.ClassList.del(can, can._target, html.OUTPUT)
@@ -388,12 +388,11 @@ Volcanos(chat.ONAPPEND, {
 		})
 	},
 	_status: function(can, list, status, msg) { list && list.Option && (list = list.Option(ice.MSG_STATUS)||[])
+		var keys = {}, fileline = can.Conf("_fileline")||""
 		status = status||can._status, can.onmotion.clear(can, status)
-		var keys = {}
-		var fileline = can.Conf("_fileline")||""
 		can.core.List((can.base.Obj(list, can.core.Value(can, [chat.ONEXPORT, mdb.LIST]))||[]).concat([
 			can.ConfSpace() && {name: web.SPACE, value: can.ConfSpace()},
-		], can.misc.Search(can, log.DEBUG) == ice.TRUE? [
+		], can.misc.Search(can, log.DEBUG) == ice.TRUE && can.ConfIndex() != code.VIMER? [
 			fileline && {name: nfs.SOURCE, value: can.base.trimPrefix(fileline.split("?")[0], nfs.REQUIRE, nfs.P), onclick: function(event) { can.onkeymap.prevent(event)
 				var ls = can.misc.SplitPath(can, fileline); if (event.metaKey) {
 					can.user.open(can.misc.MergePodCmd(can, {pod: can.ConfSpace(), cmd: web.CODE_VIMER, path: ls[0], file: ls[1]}))
@@ -445,7 +444,7 @@ Volcanos(chat.ONAPPEND, {
 		) && (name = (item.index||"").split(nfs.PT).slice(-2).join(nfs.PT))
 		type == html.PLUG || (type == html.STORY && item.style != html.FLOAT) ||
 		// can.base.isIn(can.ConfIndex(), web.DESKTOP, web.MESSAGE, web.VIMER) ||
-		(name = can.core.Keys(item.space||item._space, name))
+		(name = can.core.Keys(can.base.trimPrefix(item.space||item._space, can.ConfSpace()), name))
 		item.index && (item.help = item.help||can.user.trans(can, item.index.split(".").pop(), ""))
 		var title = item.title || can.user.isMobile && (can.user.isEnglish(can)? name: (item.help||name)) || (!item.help || name == item.help || can.user.isEnglish(can)? name: name+"("+can.core.Split(item.help)[0]+")")
 		target = can.base.isFunc(target)? target(): target
@@ -473,6 +472,10 @@ Volcanos(chat.ONAPPEND, {
 			}
 		}
 		input.onclick = item.onclick
+		if (item.type == html.PASSWORD) {
+			input.placeholder = can.user.trans(can, input.placeholder||input.name, item._trans, html.INPUT)
+			input.title = can.user.trans(can, input.title||input.placeholder||input.name, item._trans, html.INPUT)
+		}
 		if (item.type == html.TEXT) {
 			if (!can.user.isMobile) {
 				input.placeholder = can.user.trans(can, input.placeholder||input.name, item._trans, html.INPUT)
@@ -648,6 +651,15 @@ Volcanos(chat.ONAPPEND, {
 			}
 		}
 		var option = can.core.Item(can.Option())
+		if (can.core.List(option).length == 1) {
+			if (msg.IsDetail()) {
+				var key = can.core.List(option)[0], i = msg.key.indexOf(key)
+				if (i > 0) { var k = msg.key[i], v = msg.value[i]; for (i; i > 0; i--) { msg.key[i] = msg.key[i-1], msg.value[i] = msg.value[i-1] } msg.key[0] = k, msg.value[0] = v }
+			} else {
+				var key = can.core.List(option)[0], i = msg.append.indexOf(key)
+				if (i > 0) { var v = msg.append[i]; for (i; i > 0; i--) { msg.append[i] = msg.append[i-1] } msg.append[0] = v }
+			}
+		}
 		var table = can.page.AppendTable(can, msg, target||can.ui.content||can._output, msg.append, cb||function(value, key, index, data, list) { var _value = value
 			if (msg.IsDetail()) { if (key == mdb.VALUE) { key = data.key } data = {}
 				can.core.List(list, function(item) { data[item.key] = item.value })
@@ -664,11 +676,10 @@ Volcanos(chat.ONAPPEND, {
 			if (key == "user_avatar" && value) { _value = img(can.misc.Resource(can, data[key])) }
 			if (key == "auth_avatar" && value) { _value = img(can.misc.Resource(can, data[key])) }
 			if (key == nfs.IMAGE && value) { _value = can.core.List(can.core.Split(data[key]), function(item) { return img(can.misc.ShareCache(can, item, data.space)) }).join("") }
-			// if (key == web.SPACE && value) { _value = can.page.Format(html.A, can.misc.MergePodCmd(can, {pod: value}), value) }
+			if (key == mdb.HASH && can.base.isIn(can.ConfIndex(), "share", "web.share", web.TOKEN, aaa.SESS)) { _value = value.slice(0, 4)+"****" }
-			// if (key == mdb.NAME && value) { _value = can.user.trans(can, value, null, html.INPUT) }
-			if (key == mdb.HASH && can.ConfIndex() == web.TOKEN) { _value = value.slice(0, 4)+"****" }
-			if (key == "secretKey" && value) { _value = value.slice(0, 4)+"****" }
 			if (key == "secret" && value) { _value = value.slice(0, 4)+"****" }
+			if (key == "secretKey" && value) { _value = value.slice(0, 4)+"****" }
+			if (key == "SecretKey" && value) { _value = value.slice(0, 4)+"****" }
 			if (key == web.TOKEN && value) { _value = value.slice(0, 4)+"****" }
 			if (key == aaa.PASSWORD && value) { _value = "********" }
 			function onclick() { return false }
@@ -702,8 +713,7 @@ Volcanos(chat.ONAPPEND, {
 				} else {
 					can.sup.onimport.change(event, can.sup, key, value, null, data) || can.sup.onexport.record(can.sup, value, key, data, event)
 				}
-			}, ondblclick: function(event) { if (can.base.isIn(key, mdb.KEY, mdb.HASH, mdb.ID)) { return }
+			}, ondblclick: function(event) { if (can.base.isIn(key, mdb.KEY, mdb.HASH, mdb.ID)) { return } if (can.user.isMobile) { return }
-				if (can.user.isMobile) { return }
 				var item = can.core.List(can.Conf([ctx.FEATURE, mdb.INSERT]), function(item) { if (item.name == key) { return item } })[0]||{name: key, value: value}
 				item.run = function(event, cmds, cb) { can.run(request(event), cmds, cb, true) }
 				item._enter = function(event, value) { if (event.ctrlKey) { run(event, mdb.MODIFY, [key, value.trimRight()]) } }
@@ -714,7 +724,10 @@ Volcanos(chat.ONAPPEND, {
 				can.page.SelectChild(can, can._option, html.DIV_ITEM_TEXT, function(target) { can.page.ClassList.set(can, target, "will", can.page.ClassList.has(can, target, key)) })
 			}, _init: function(target) {
 				if (msg.IsDetail() && key != "key") { can.onappend.style(can, key, target.parentNode) }
-				if (option.indexOf(key) > -1) { can.onappend.style(can, "k-"+(value.split(">").pop()), target.parentNode) }
+				if (option.indexOf(key) > -1) {
+					can.onappend.style(can, "k-"+(value.split(">").pop()), target.parentNode)
+					if (msg.IsDetail()) { can.onappend.style(can, html.OPTION, target.parentNode) }
+				}
 				if (key == mdb.TYPE) { can.onappend.style(can, value, target.parentNode) }
 				if (key == mdb.STATUS) { can.onappend.style(can, value, target.parentNode) }
 				if (key == mdb.ENABLE) { can.onappend.style(can, value == ice.FALSE? mdb.DISABLE: mdb.ENABLE, target.parentNode) }
@@ -736,6 +749,7 @@ Volcanos(chat.ONAPPEND, {
 		})
 		keys && can.page.RangeTable(can, table, can.core.List(keys, function(key) { return can.page.Select(can, table, html.TH, function(th, index) { if (th.innerHTML == key) { return index } })[0] }))
 		can.onappend.style(can, chat.CONTENT, table), msg.append && msg.append[msg.append.length-1] == ctx.ACTION && can.onappend.style(can, ctx.ACTION, table)
+		if (can.core.List(option).length == 1) { can.onappend.style(can, html.OPTION, table) }
 		if (msg.IsDetail()) { can.onappend.style(can, mdb.DETAIL, table), can.onappend.style(can, msg.Append(mdb.TYPE), table), can.onappend.style(can, msg.Append(mdb.STATUS), table) }
 		can.onappend.style(can, html.FULL, table)
 		return table
@@ -751,19 +765,24 @@ Volcanos(chat.ONAPPEND, {
 			var height = can.base.Max(720, can.ConfHeight()); can.page.style(can, target, html.HEIGHT, height, html.WIDTH, can.ConfWidth())
 		}) }  else if (text.indexOf("<svg") > 0) { can.page.Select(can, code, html.SVG, function(target) {
 			can.page.style(can, target, html.MIN_HEIGHT, can.ConfHeight(), html.MIN_WIDTH, can.ConfWidth())
-		}) } else { can.page.Select(can, code, html.INPUT_BUTTON, function(target) {
+		}) } else {
-			target.onclick = function(event) {
+			can.page.Select(can, code, html.INPUT_BUTTON, function(target) {
-				if (can.page.ClassList.has(can, target, "disable")) { return } can.page.ClassList.add(can, target, "disable")
+				target.onclick = function(event) {
-				can.Update(can.request(event, can.Option(), {_toast: target.name, _cancel: function(event) {
+					if (can.page.ClassList.has(can, target, "disable")) { return } can.page.ClassList.add(can, target, "disable")
-					can.page.ClassList.del(can, target, "disable")
+					can.Update(can.request(event, can.Option(), {_toast: target.name, _cancel: function(event) {
-				}}), [ctx.ACTION, target.name], function(msg) {
+						can.page.ClassList.del(can, target, "disable")
-					can.page.ClassList.del(can, target, "disable")
+					}}), [ctx.ACTION, target.name], function(msg) {
-					var sup = can._fields? can.sup: can; if (sup.onimport._process(sup, msg)) { return }
+						can.page.ClassList.del(can, target, "disable")
-				})
+						var sup = can._fields? can.sup: can; if (sup.onimport._process(sup, msg)) { return }
-			}
+					})
-			var style = can.page.buttonStyle(can, target.name)
+				}
-			can.onappend.style(can, style, target)
+				var style = can.page.buttonStyle(can, target.name)
-		}) } return code.scrollBy && code.scrollBy(0, 10000), code
+				can.onappend.style(can, style, target)
+			})
+			can.page.Select(can, code, html.A, function(target) {
+				target.target = "_blank"
+			})
+		} return code.scrollBy && code.scrollBy(0, 10000), code
 	},
 	tools: function(can, msg, cb, target) { can.onimport.tool(can, can.base.Obj(msg.Option(ice.MSG_TOOLKIT))||[], cb, target) },
 	style: function(can, style, target) { if (!style) { return }
@@ -880,8 +899,8 @@ Volcanos(chat.ONAPPEND, {
 				can.onexport.session(can, "profile.show", can.page.isDisplay(can.ui.profile))
 				if (can.isCmdMode()) { var _width = can.ConfWidth()
 					can.page.SelectChild(can, can._fields, "legend,form.option,div.header", function(target) { _width -= target.offsetWidth })
-					can.page.SelectChild(can, can._fields, "div.action", function(target) { can.page.style(can, target, html.MAX_WIDTH, _width-1)
+					can.page.SelectChild(can, can._fields, html.DIV_ACTION, function(target) { can.page.style(can, target, html.MAX_WIDTH, _width-21)
-						can.page.Select(can, target, "span.name", function(target, index, list) { can.page.style(can, target, html.MAX_WIDTH, (_width-50)/list.length-40) })
+						// can.page.Select(can, target, "span.name", function(target, index, list) { can.page.style(can, target, html.MAX_WIDTH, (_width-50)/list.length-40) })
 					})
 				}
 				if (can.page.isDisplay(can.ui.display)) {
@@ -1101,12 +1120,16 @@ Volcanos(chat.ONMOTION, {
 	},
 	scrollHold: function(can, cb, target) { target = target || can._output; var left = target.scrollLeft; cb(), target.scrollLeft = left },
 	scrollIntoView: function(can, target, margin, parent) { if (!target) { return }
-		margin = margin||0, parent = parent||target.parentNode
+		margin = margin||0, parent = parent||target.parentNode; if (!parent) { return } if (parent._scroll) { return } parent._scroll = true
-		if (!parent) { return }
+		if (target.offsetHeight == parent.offsetHeight) { margin = margin||10
-		if (parent._scroll) { return } parent._scroll = true
+			var offset = (target.offsetLeft-margin) - parent.scrollLeft, step = offset < 0? -20: 20
-		var offset = (target.offsetTop-margin) - parent.scrollTop, step = offset < 0? -20: 20
+			if (Math.abs(offset) > 3000) { return parent.scrollLeft = (target.offsetLeft-margin), delete(parent._scroll) }
-		if (Math.abs(offset) > 3000) { return parent.scrollTop = (target.offsetTop-margin), delete(parent._scroll) }
+			can.core.Timer({interval: 10, length: offset/step}, function() { parent.scrollLeft += step }, function() { parent.scrollLeft = (target.offsetLeft-margin), delete(parent._scroll) })
-		can.core.Timer({interval: 10, length: offset/step}, function() { parent.scrollTop += step }, function() { parent.scrollTop = (target.offsetTop-margin), delete(parent._scroll) })
+		} else {
+			var offset = (target.offsetTop-margin) - parent.scrollTop, step = offset < 0? -20: 20
+			if (Math.abs(offset) > 3000) { return parent.scrollTop = (target.offsetTop-margin), delete(parent._scroll) }
+			can.core.Timer({interval: 10, length: offset/step}, function() { parent.scrollTop += step }, function() { parent.scrollTop = (target.offsetTop-margin), delete(parent._scroll) })
+		}
 	},
 	clearFloat: function(can) {
 		var list = ["fieldset.input.float", "div.input.float", "div.carte.float", "div.toast.float"]; for (var i = 0; i < list.length; i++) {
@@ -1297,7 +1320,9 @@ Volcanos(chat.ONMOTION, {
 		can.page.style(can, target, html.LEFT, margin)
 		can.core.Timer({interval: 10, length: 30}, function(timer, interval, index, list) {
 			can.page.style(can, target, html.LEFT, margin-(index+1)*(margin/list.length))
-		}, function() {})
+		}, function() {
+			can.onmotion.delay(can, function() { can._root.Action.onlayout._init(can) })
+		})
 	},
 	slideOut: function(can, cb) { var margin = 100
 		var target = can._target
@@ -1306,6 +1331,7 @@ Volcanos(chat.ONMOTION, {
 			can.page.style(can, target, html.LEFT, (index+1)*(margin/list.length))
 		}, function() {
 			can.page.Remove(can, target), cb && cb()
+			can.onmotion.delay(can, function() { can._root.Action.onlayout._init(can) })
 		})
 	},
 	slideAction: function(can, target) {

index.css

@@ -46,8 +46,8 @@ body {
 	--header-height:48px; --footer-height:var(--action-height);
 	--action-height:32px; --status-height:32px; --textarea-height:96px;
 	--input-width:140px; --button-width:60px; --form-width:360px; --url-input-width:480px;
-	--card-width:300px; --card-height:160px; --qrcode-width:360px; --qrcode-height:363px;
+	--card-width:300px; --card-height:160px; --qrcode-width:320px; --qrcode-height:323px;
-	--story-height:var(--float-height); --iframe-height:420px;
+	--story-height:var(--float-height); --iframe-height:480px;
 	--plug-height:480px; --plug-width:var(--float-width);
 	--desktop-height:684px; --desktop-width:var(--float-width);
 	--desktop-menu-height:25px; --desktop-width:var(--float-width);
@@ -120,12 +120,7 @@ table.content th.select[data-asc="0"] i.bi-sort-up { display:none; }
 table.content th.select[data-asc="1"] i.bi-sort-down-alt { display:none; }
 table.content td.option { cursor:pointer; }
 table.content td { padding:var(--table-padding); }
-fieldset.log.debug table.content td:last-child {
+fieldset.log.debug table.content td:last-child { white-space:pre; max-width:800px; min-width:600px; }
-	// white-space:pre-line;
-	// word-break:break-all;
-	white-space:pre;
-	max-width:800px; min-width:600px;
-}
 table.content td i { padding:var(--input-padding); }
 table.content:not(.detail) td img { height:48px; width:auto; }
 table.content:not(.detail) td input.icons { display:none; }
@@ -142,6 +137,10 @@ table.content.action td:last-child input.danger:hover { background-color:var(--h
 table.content.detail td:first-child { word-break:keep-all; white-space:pre; }
 table.content.detail td:first-child { text-align:center; }
 table.content.detail td:first-child { position:sticky; left:0; }
+table.content.option td.option { position:sticky; left:2px; z-index:1; box-shadow:var(--box-shadow); background-color:var(--th-bg-color); }
+table.content.option th.option { position:sticky; left:2px; z-index:2; }
+table.content.option.checkbox td.option { left:50px; }
+table.content.option.checkbox th.option { left:50px; }
 table.content.detail tr td:first-child { background-color:var(--plugin-bg-color); cursor:default; }
 body:not(.mobile) table.content.detail tr:hover:not(.action) td:first-child { background-color:var(--hover-bg-color); }
 table.content.detail td i { display:none; }
@@ -150,19 +149,12 @@ table.content.detail tr.action { background-color:var(--plugin-bg-color); positi
 table.content.detail tr.action input.icons { display:none; }
 table.content.detail tr.action input { color:var(--notice-bg-color); }
 table.content.detail tr.action input.danger { color:var(--danger-bg-color); }
-table.content.detail tr.action input.notice:not(:hover) {
+table.content.detail tr.action input.notice:not(:hover) { background-color:var(--notice-bg-color); color:var(--notice-fg-color); }
-	background-color:var(--notice-bg-color); color:var(--notice-fg-color);
-}
 table.content.detail tr.action i { display:unset; color:var(--notice-bg-color); }
 table.content.detail tr.action i.bi-trash { color:var(--danger-bg-color); }
 fieldset.plugin.cmd.output>div.output { top:0; }
-// div.output._prepare { position:absolute; }
 div.output._unload { position:absolute; }
-fieldset._process input {
+fieldset._process input { background-color:transparent !important; color:var(--disable-fg-color) !important; }
-	// border:var(--box-border) !important;
-	background-color:transparent !important;
-	color:var(--disable-fg-color) !important;
-}
 body.width1 table.content.checkbox th:first-child { padding:var(--table-padding) var(--input-padding); }
 body.width1 table.content.checkbox td:first-child { padding:var(--table-padding) var(--input-padding); }
 body.width1 table.content.action th:last-child { padding:var(--table-padding) var(--input-padding); }
@@ -186,7 +178,6 @@ div.title>div.status>div.item.access { background-color:var(--danger-bg-color);
 div.title>div.status>div.item>i { margin-right:var(--input-margin); }
 fieldset.store>div.output>fieldset.story:not(.float) { display:none; }
 div.output.card>div.item { padding:var(--plugin-padding); margin:var(--plugin-padding); min-width:120px; position:relative; float:left; }
-// div.output.card>div.item { background-color:var(--plugin-bg-color); color:var(--plugin-fg-color); }
 div.output.card>div.item:hover { background-color:var(--plugin-bg-color); color:var(--plugin-fg-color); }
 div.output.card>div.item.stop { color:var(--disable-fg-color); }
 div.output.card>div.item>div.title { border-bottom:var(--box-border); font-size:var(--legend-font-size); font-weight:bold; padding-bottom:var(--input-padding); display:flex; align-items:center; }
@@ -196,7 +187,6 @@ div.output.card>div.item>div.title>div.title>span.exists { color:var(--notice-bg
 div.output.card>div.item>div.title>img { height:var(--header-height); width:var(--header-height); margin:0; float:left; }
 div.output.card>div.item>div.title>img.jpg { padding:var(--input-padding); }
 div.item.card:not(.hide) { position:relative; display:flex; align-items:center; padding:0; }
-// div.output>div.item.card { border:solid 5px var(--plugin-bg-color); }
 div.item.card img { height:60px; width:60px; margin:5px; }
 div.item.card div.info { width:100%; }
 div.item.card div.title { font-size:16px; }
@@ -237,11 +227,12 @@ div.output>div.code>div.form { text-align:center; font-size:15px; padding:60px 1
 div.output>div.code>div.form>input[type=button] { min-width:200px; }
 div.output>div.code>div.form>input[type=button][name=confirm] { background-color:var(--notice-bg-color); color:var(--notice-fg-color); margin:var(--button-margin) 0; }
 body.en span[lang^=zh] { display:none; } body.zh span[lang^=en] { display:none; }
+fieldset>div.action { position:relative; }
 fieldset.plugin.cmd:not(.output)>form.option { float:left; display:flex !important; }
 fieldset.plugin.cmd:not(.output)>div.action { float:left; display:flex !important; flex-grow:1; height:var(--action-height); overflow:auto; }
+fieldset.plugin.cmd:not(.output)>div.action div.tabs { margin-left:var(--button-margin); }
 fieldset.plugin.cmd:not(.output)>div.action div.tabs:last-child { margin-right:var(--button-margin); }
-fieldset.plugin.cmd:not(.output)>div.action div.tabs:first-child { margin-left:var(--button-margin); }
+fieldset.plugin.cmd:not(.output)>div.action div.tabs.select { padding-top:2px; color:var(--hover-fg-color); }
-fieldset.plugin.cmd:not(.output)>div.action div.tabs.select { padding-top:2px; }
 fieldset.plugin.cmd:not(.output)>div.action div.tabs>span.name { overflow:hidden; }
 fieldset.plugin.cmd:not(.output)>div.header { float:right; display:flex; flex-direction:row-reverse; }
 body.width2 fieldset.plugin.cmd:not(.output)>div.header { display:none; }
@@ -417,11 +408,7 @@ body div.input.float td span.must { color:red; padding:0 5px; }
 body div.input.float td:nth-child(2) { padding:var(--table-padding) 0; }
 body.width1 div.input.float table { width:100%; }
 body.width1 div.input.float tr:not(.hide) { display:flex; flex-direction:column; margin:var(--button-margin); }
-body.width1 div.input.float td {
+body.width1 div.input.float td { padding:0; margin:var(--button-margin); }
-	// padding:0 var(--button-padding);
-	padding:0;
-	margin:var(--button-margin);
-}
 body.widht1 div.input.float td:nth-child(1) { color:gray; font-size:var(--status-font-size); padding-left:var(--button-padding); margin-bottom:0; }
 body.width1 div.input.float td:nth-child(2) { display:none; }
 body div.input.float tr.img td:last-child>span { display:none; }
@@ -433,7 +420,7 @@ body div.input.float tr.icon td:last-child { position:relative; }
 body div.input.float tr.icon td:last-child img:first-child { height:28px; width:28px; position:absolute; left:12px; top:12px; }
 body div.input.float tr.icon td:last-child input { padding-left:var(--action-height); }
 body div.input.float tr.icons td:last-child img { height:28px; width:28px; position:absolute; left:2px; top:2px; }
-body div.input.float tr.icons td:last-child span:not(.icon) { font-family:var(--code-font-family); position:absolute; left:33px; }
+body div.input.float tr.icons td:last-child span:not(.icon) { font-family:var(--code-font-family); position:absolute; left:33px; line-height:var(--action-height); }
 body div.input.float tr.icons td:last-child input { padding-left:var(--action-height); }
 body div.input.float td span.icon { margin-left:-20px; visibility:hidden; }
 body div.input.float td span.icons { margin-left:-20px; visibility:hidden; }
@@ -464,6 +451,7 @@ body>div.input.login>div.display>label { color:var(--disable-fg-color); font-sty
 body>div.input.login>div.display>span.item { font-style:italic; word-break:break-all; border-left:var(--box-notice3); padding-left:var(--button-padding); margin:var(--button-margin) 0; }
 body>div.input.login>div.display div.sso { cursor:pointer; }
 body>div.input.login>div.display div.sso div.item { padding:var(--input-padding); }
+body.mobile>div.input.login>div.display div.sso div.item.relay { display:none; }
 body>div.input.login>div.display div.sso div.item:hover { background-color:var(--hover-bg-color); }
 body>div.input.login>div.display div.sso div.item>img { height:var(--action-height); width:var(--action-height); }
 body>div.input.login>div.display div.sso div.item>span { line-height:var(--action-height); padding:var(--input-padding); }
@@ -478,7 +466,7 @@ body>div.upload div.status div.size { text-align:center; }
 body.width1>div.input { margin:10px; width:calc(100% - 20px); left:0 !important; }
 body.width1>div.input table { width:100%; }
 body.width1>div.input td { padding:0; }
-body.width1 div.input.float table input { width:100% !important; }
+body.width1 div.input.float table input[type=text] { width:100% !important; }
 /* display */
 fieldset:not(.Action) { position:relative; }
 fieldset>form.option:not(.hide) { float:left; display:contents; }
@@ -500,7 +488,7 @@ fieldset.vimer>div.output div.project fieldset.plug:not(.hide) { position:static
 fieldset.vimer>div.output div.project fieldset.plug>div.output { height:100%; }
 fieldset.vimer>div.output div.project fieldset.plug div.output.card>div.item { min-width:120px; width:calc(100% - 2*var(--input-margin)); }
 div.float { position:fixed; }
-div.output { position:relative; } div.content { position:relative; }
+div.output { position:relative; }
 div.output>div.code { position:sticky; left:0; }
 div.output>div.code>img { margin:5px; max-width:100%; }
 div.output.flex { overflow:hidden; align-items:flex-start; justify-content: flex-start; }
@@ -532,12 +520,10 @@ input[type=button] { border:var(--input-border); border-radius:var(--button-radi
 body:not(.mobile) input[type=button]:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
 input[type=button].danger:hover { color:var(--danger-fg-color); }
 input[type=button].notice:hover { background-color:var(--notice-bg-color); color:var(--notice-fg-color); }
-// input[type=button].danger { color:var(--danger-bg-color) !important; }
+input[type=button].notice { border:var(--box-notice); color:var(--notice-bg-color); }
-input[type=button].notice { border:var(--box-notice); }
+input[type=button].danger { border:var(--box-danger); color:var(--danger-bg-color); }
 body:not(.mobile) table.content tr:hover { background-color:var(--tr-hover-bg-color); }
 table.content tr.select { background-color:var(--tr-hover-bg-color); }
-// table.content tr.danger { background-color:var(--danger-bg-color); color:var(--danger-fg-color); }
-// table.content tr.notice { background-color:var(--notice-bg-color); color:var(--notice-fg-color); }
 table.content tr.disable { color:var(--disable-fg-color); }
 table.content tr.offline { color:var(--disable-fg-color); }
 table.content tr.invalid { color:var(--disable-fg-color); }
@@ -548,7 +534,7 @@ table.content td.select { background-color:var(--td-hover-bg-color); color:var(-
 table.content td i:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
 table.content td.action { background-color:var(--th-bg-color); color:var(--th-fg-color); }
 table.content.checkbox td:first-child { background-color:var(--th-bg-color); }
-body:not(.mobile) table.content:hover td.option:not(:hover) { background-color:var(--tr-hover-bg-color); color:var(--hover-fg-color); }
+body:not(.mobile) table.content:not(.option):hover td.option:not(:hover) { background-color:var(--tr-hover-bg-color); color:var(--hover-fg-color); }
 hr, td.hr { border-bottom:var(--box-border); margin:var(--input-margin); }
 h1:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
 h2:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
@@ -615,6 +601,7 @@ div.carte div.item:hover { background-color:var(--hover-bg-color); }
 div.carte div.item.notice:hover { background-color:var(--notice-bg-color) !important; color:var(--notice-fg-color) !important; }
 div.carte div.item.danger:hover { background-color:var(--danger-bg-color) !important; color:var(--danger-fg-color) !important; }
 /* z-index */
+table.content.action th:last-child { z-index:2; }
 table.content.action td:last-child { z-index:1; }
 table.content.checkbox td:first-child { z-index:1; }
 table.content.checkbox th:first-child { z-index:2; }
@@ -662,7 +649,7 @@ fieldset.input.key table.content th { box-shadow:none; }
 fieldset.input.key table.content.checkbox td:first-child { box-shadow:none; }
 table.content.checkbox td:first-child { box-shadow:var(--th-box-shadow); }
 table.content.action td:last-child { box-shadow:var(--th-box-shadow); }
-table.content.detail tr.action td { box-shadow:var(--th-box-shadow); }
+table.content.detail tr.action td { box-shadow:var(--th-box-shadow); position:sticky; bottom:2px; }
 div.project:not(.toggle) { border-right:var(--box-border); overflow-x:hidden; }
 div.layout>div.profile:not(.toggle) { border-left:var(--box-border); }
 div.layout>div.display:not(.toggle) { border-top:var(--box-border); }
@@ -676,7 +663,6 @@ body { font-family:var(--body-font-family); }
 legend { font-family:var(--legend-font-family); font-style:italic; }
 input { font-family:var(--input-font-family); }
 kbd { font-family:var(--code-font-family); line-height:var(--code-line-height); }
-// kbd:hover { background-color:var(--notice-bg-color); color:var(--notice-fg-color); }
 table.content { font-family:var(--table-font-family); }
 table.content th { font-family:var(--input-font-family); font-style:italic; }
 body div.output>div.code { font-family:var(--table-font-family); padding:var(--table-padding); }
@@ -698,12 +684,12 @@ table.content col.action { width:var(--project); }
 table.content.detail td:first-child { width:var(--input-width); box-shadow:var(--th-box-shadow); }
 body.mobile table.content.detail td:first-child { max-width:150px; word-break:break-all; white-space:break-spaces; }
 table.content.detail td { min-width:90px; }
+table.content.detail tr.option td { top:34px; z-index:2; }
 fieldset.web.chat.island.portal>div.output>table.content.detail td { min-width:80px; text-align:center; }
 body.void fieldset.web.chat.island.portal>div.status { display:none; }
 table.content, div.code, div.story[data-type=spark] { white-space:pre; margin:0; }
 div.output>div.code video { max-width:100%; }
 div.story[data-type=spark] { border-left:var(--box-notice3); padding:var(--input-padding) var(--table-padding); }
-div.story[data-type=spark][data-name=shell] { box-shadow:var(--plugin-box-shadow); }
 fieldset.inner.result>div.output { border-left:var(--box-danger3); }
 iframe { height:var(--iframe-height); width:100%; }
 fieldset>form.option>div.item.text.cmd { width:100%; }
@@ -748,13 +734,12 @@ body.windows form.option>div.item.icon.refresh { font-size:24px; line-height:28p
 body.windows form.option>div.item.icon.goback { font-size:24px; line-height:28px; }
 body.windows div.item.button.refresh>span.icon { font-size:22px; line-height:28px; }
 body.windows div.item.button.create>span.icon { line-height:28px; }
-div.item.text { position:relative; display:flex; align-items:center; }
+div.item.text { position:relative; align-items:center; }
 div.item.text.filter input { padding-left:24px; }
 div.item.text._icon input { padding-left:24px; }
 div.item.select._icon i:first-child { color:var(--disable-fg-color); position:absolute; left:0; padding:var(--input-padding); }
 div.item.select._icon:hover i:first-child { color:unset; }
 div.item.text>input { width:var(--input-width); height:var(--action-height); }
-// fieldset.story>form.option>div.item.text>input { max-width:100px; }
 div.item.text.id>input { width:80px; }
 div.item.text.url>input { width:var(--river-width); }
 div.item.text.port>input { width:80px; }
@@ -769,7 +754,7 @@ body:not(.width2):not(.mobile) fieldset.plugin.feel>form.option>div.item.text.fi
 body:not(.width2) fieldset>div.action>div.item.text.filter>input { width:var(--input-width); height:30px; transition:all 1.2s; }
 body:not(.width2) fieldset>div.action>div.item.text.filter>input:focus { width:var(--project-width); transition:all 0.5s; }
 div.item.text.will>input { border:var(--box-notice); }
-div.item.text>i:first-child { color:var(--disable-fg-color); position:absolute; left:0; padding:var(--input-padding); }
+div.item.text>i:first-child { color:var(--disable-fg-color); line-height:22px; padding:var(--input-padding); position:absolute; left:0; }
 body:mobile(.mobile) div.item.text:hover>i:first-child { color:unset; }
 div.item.text>span.icon { font-size:var(--icon-font-size); padding:var(--input-padding); position:absolute; right:0; visibility:hidden; }
 body:not(.mobile) div.item.text:hover>span.icon { visibility:visible; }
@@ -903,7 +888,6 @@ body.mobile.landscape fieldset.Action { margin-top:0; }
 body.mobile.landscape>div.input.login { padding:0; }
 body.mobile.landscape>div.input.login>div.output { height:290px; }
 body.mobile.landscape>div.input.login>div.output img { max-height:280px; }
-// html.login body.mobile>fieldset.panel.Action>div.output { background-color:var(--panel-bg-color); }
 /* print */
 body.print { -webkit-filter: grayscale(100%); }
 body.print { background-color:white; color:black; }
@@ -925,7 +909,7 @@ body.print fieldset.draw div.output { background-color:lightgray; }
 body.print fieldset.draw div.output div.content svg { background-color:lightgray; }
 /* misc */
 fieldset.iframe>form.option>div.item.hash input { width:var(--form-width); }
-fieldset.iframe.float>form.option>div.item:not(.delete):not(.refresh) { display:none; }
+fieldset.iframe.float>form.option>div.item:not(.delete):not(.refresh):not(.back) { display:none; }
 fieldset.iframe.float>form.option>div.item.hash input { width:var(--form-width); }
 fieldset.iframe>div.status { display:none; }
 fieldset.iframe.float { border:0; }
@@ -934,8 +918,9 @@ fieldset.iframe.float>legend { background-color:var(--panel-bg-color); color:var
 fieldset.iframe.float.portal { background-color:var(--notice-bg-color); color:var(--notice-fg-color); }
 fieldset.iframe.float.portal>legend { background-color:var(--notice-bg-color); color:var(--notice-fg-color); margin-right:10px; }
 fieldset.iframe.float.portal>div.action>div.item.full { display:none; }
+fieldset.iframe.float.portal>form.option>div.item.icon.goback { display:none; }
 fieldset.desktop { border:0; }
-fieldset.desktop>legend { background-color:transparent; color:silver; }
+fieldset.desktop>legend:not(:hover) { background-color:transparent; color:white; }
 fieldset.desktop>form.option>div.item:not(.delete) { display:none; }
 fieldset.desktop>form.option>div.item.delete { color:silver; }
 fieldset.desktop>div.action>div.item.text { display:none; }
@@ -944,6 +929,7 @@ fieldset.desktop>div.status { display:none; }
 fieldset.qrcode>div.output div.code { padding:0; }
 fieldset.xterm>div.output>div.project { font-family:var(--code-font-family); }
 fieldset.xterm>div.output>div.project div.item.offline { color:var(--disable-fg-color); }
+fieldset.xterm.output { background-color:var(--output-bg-color); }
 fieldset.xterm.float>div.status { display:none; }
 fieldset.xterm.float>form.option>div.item.text { display:none; }
 fieldset.full { position:fixed; bottom:unset; }
@@ -963,7 +949,7 @@ fieldset.plug.dream.zone>div.output>div.item { display:flex; padding:var(--input
 fieldset.plug.dream.zone>div.output>div.item>img { margin-right:var(--input-margin); }
 fieldset.plug.dream.zone>div.output>div.item>span { line-height:var(--action-height); }
 fieldset.plug.dream.zone>div.output>div.item.origin.select { border-right:var(--box-danger3); }
-fieldset.web.stats>div.output { align-items: normal; }
+fieldset.web.stats>div.output { align-items:normal; }
 fieldset.web.code.git>div.output>fieldset.web.code.inner>div.output { overflow:auto; }
 fieldset.web.code.git.total.draw div.output { text-align:center; }
 fieldset.web.code.git.trend>div.output rect { cursor:pointer; }
@@ -982,6 +968,7 @@ fieldset.web.chat.location>div.output>div.layout>div.layout { position:relative;
 fieldset.web.chat.location>div.output .amap-toolbar { z-index:unset; }
 fieldset.web.chat.location>div.output .amap-controls { z-index:unset; }
 fieldset.web.chat.location>div.output .amap-maptypecontrol { z-index:unset; }
+fieldset.web.code.compose.insight>div.output { max-height:unset !important; height:unset !important; overflow:hidden; }
 fieldset.web.chat.location>div.output>div.layout>div.layout>div.profile { background-color:var(--plugin-bg-color); position:absolute; right:0; width:360px; z-index:2; border-left:none; }
 fieldset.web.chat.color table.content { border-collapse:collapse; }
 fieldset.web.mall.region>div.output>table.content td:nth-child(3) { text-align:right; }
@@ -994,6 +981,7 @@ fieldset.offer>div.output>table.content tr.invite { background-color:var(--notic
 fieldset.apply>div.output>table.content.detail.apply tr.action td.action { background-color:var(--notice-bg-color); color:var(--notice-fg-color); }
 fieldset.trans>div.output>fieldset { margin:var(--button-margin); }
 fieldset.config form.option input[name=key] { width:var(--project-width); }
+body.dark fieldset.spides>div.output>svg>text:hover { fill:white; }
 fieldset.rich>div.output>table.content { font-family:var(--code-font-family); }
 fieldset.plan div.output div.content>table.content { height:100%; width:100%; }
 fieldset.plan>div.output>div.layout>div.layout>div.profile:not(.toggle) { width:unset; flex:unset; }
@@ -1003,7 +991,7 @@ fieldset.plan>div.output>div.layout>div.layout { align-items:flex-start; }
 fieldset.plan>div.output>div.layout { height:100%; }
 fieldset.draw>form.option>div.item.pid>input { width:var(--button-width) !important; }
 fieldset.draw>div.output>div.layout>div.layout>div.profile table { width:100%; }
-fieldset.draw>div.output>div.layout>div.layout>div.profile { width:var(--project-width); flex:0 0 var(--project-width); }
+fieldset.draw>div.output>div.layout>div.layout>div.profile { width:var(--project-width); flex:0 0 var(--project-width); flex-grow:1; }
 fieldset.draw>div.output>svg { margin-bottom:-5px; }
 fieldset.draw>div.output>svg { min-height:100%; }
 body.dark fieldset.float:not(.iframe) { background-color:#000c; }

lib/misc.js

@@ -253,7 +253,7 @@ Volcanos("misc", {
 	Resource: function(can, path, space, serve) { if (!path) { return "" }
 		if (!can.base.beginWith(path, web.HTTP, nfs.PS)) { path = nfs.P+path+(path.indexOf("usr/icons/") == -1? (space? can.core.Split(_version, "&")[0]: _version): "") }
 		if (!can.base.beginWith(path, web.HTTP)) { if (serve && serve.indexOf(location.origin) == -1) { var u = can.base.ParseURL(serve); path = u.origin + path } }
-		if (!space && can.base.beginWith(path, web.HTTP)) { return path }
+		if (!space && !can.base.beginWith(path, web.HTTP)) { return location.origin+path }
 		if (!space && path.indexOf("pod=") > 0) { return path }
 		if (can.base.beginWith(path, "/") && path.indexOf("pod=") > 0) { return path }
 		return can.base.MergeURL(path, ice.POD, space||can.ConfSpace()||can.misc.Search(can, ice.POD))

lib/page.js

@@ -198,8 +198,9 @@ Volcanos("page", {
 				if (value == undefined) { return {view: [key, "col"]} } return {view: [[key, "option"], "col"]}
 			} }) }, {type: html.THEAD}, {type: html.TBODY},
 		]}])
+		var option = can.core.Item(can.Option())
 		can.page.Append(can, ui.thead, [{type: html.TR, data: {dataset: {index: -1}}, list: can.core.List(list, function(key) {
-			if (key[0] != "_") { return {type: html.TH, list: [{text: can.user.trans(can, key, null, html.INPUT)}, {icon: "bi bi-sort-down-alt"}, {icon: "bi bi-sort-up"}]} }
+			if (key[0] != "_") { return {className: option.indexOf(key) > -1? ice.MSG_OPTION: key == ctx.ACTION? ctx.ACTION: "", type: html.TH, list: [{text: can.user.trans(can, key, null, html.INPUT)}, {icon: "bi bi-sort-down-alt"}, {icon: "bi bi-sort-up"}]} }
 		}) }])
 		can.page.Append(can, ui.tbody, can.core.List(msg.Table(), function(item, index, array) {
 			return {dataset: {index: index}, className: item[mdb.STATUS], td: can.core.List(list, function(key) { if (key[0] != "_") { return cb(can.page.Color(item[key]).trim(), key, index, item, array) } }) }

lib/user.js

@@ -61,18 +61,21 @@ Volcanos("user", {
 	close: function(url) { return window.close() },
 	theme: function(can, name) { can.base.isString(name) && (name = [name]) || name || []
 		name.push(html.WIDTH+parseInt((can.page.width()+32)/320))
-		can.misc.isDebug(can) && name.push(log.DEBUG)
+		can.user.mod.isCmd && name.push(chat.CMD), can.user.mod.cmd && name.push(can.base.replaceAll(can.user.mod.cmd, ".", " "))
-		can.user.info.userrole && name.push(can.user.info.userrole)
-		can.user.language(can) && name.push(can.core.Split(can.user.language(can), "-_.")[0])
-		can.user.mod.isCmd && name.push(chat.CMD), can.user.mod.cmd && name.push(can.user.mod.cmd.replaceAll(".", " "))
-		can.user.isWeiXin && name.push("weixin")
 		// if (window.innerWidth <= 1080) { can.user.isIPad = true }
 		can.user.isIPad && name.push("pad") && can.user.isLandscape() && name.push(html.LANDSCAPE)
-		can.user.isMobile && name.push(html.MOBILE) && can.user.isLandscape() && name.push(html.LANDSCAPE)
 		can.user.isWindows && name.push(html.WINDOWS), can.user.isWebview && name.push(html.WEBVIEW)
+		can.user.isMobile && name.push(html.MOBILE) && can.user.isLandscape() && name.push(html.LANDSCAPE)
+		can.user.isWeiXin && name.push("weixin")
+		can.user.language(can) && name.push(can.core.Split(can.user.language(can), "-_.")[0])
+		can.user.info.userrole && name.push(can.user.info.userrole)
+		can.misc.isDebug(can) && name.push(log.DEBUG)
 		can.page.styleClass(can, document.body, name.join(lex.SP))
 	},
-	title: function(text) { if (window.webview) { return title(text) } return text && (document.title = text), document.title },
+	title: function(text) {
+		if (window.webview) { return title(text) }
+		return text && (document.title = text), document.title
+	},
 	language: function(can) { return (can.misc.SearchOrConf(can, aaa.LANGUAGE)||can.user.info.language||"") },
 	isEnglish: function(can) { return can.base.isIn(can.core.Split(can.user.language(can).toLowerCase()||"en", "_-.")[0], "en", "en-us") },
 	transValue: function(can, value, key) {
@@ -106,7 +109,8 @@ Volcanos("user", {
 		return can.user.toast(can, {content: "🕑 "+content, title: title, duration: -1, progress: progress})
 	},
 	toastFailure: function(can, content, title) {
-		content = can.user.trans(can, content||""), content += can.user.trans(can, " failure", "失败")
+		content = can.user.trans(can, content||"")
+		if (content.length < 8) { content += can.user.trans(can, " failure", "失败") }
 		return can.user.toast(can, {content: "❌ "+content, title: title, duration: -1})
 	},
 	toastSuccess: function(can, content, title, duration) {
@@ -269,14 +273,26 @@ Volcanos("user", {
 		], onclick: function(event) { if (!can.page.tagis(event.target, html.INPUT, html.TEXTAREA)) { can.onmotion.clearCarte(can) } }}])
 		var action = can.onappend._action(can, button||[html.SUBMIT, html.CANCEL], ui.action, {
 			_trans: {submit: msg.Option(web.SUBMIT)},
-			focus: function() { can.onmotion.focus(can, can.page.Select(can, ui._target, html.INPUT_ARGS)[0]) },
+			focus: function(key) { can.onmotion.focus(can, can.page.Select(can, ui._target, key? "input.args[name="+key+"]": html.INPUT_ARGS)[0]) },
 			Option: function(key, value, hidden) {
+				if (!key) { var data = kit.Dict(msg.OptionSimple())
+					can.page.Select(can, ui._target, "input.args", function(target) { data[target.name] = target.value })
+					return data
+				}
 				var target = can.page.Select(can, ui._target, "input.args[name="+key+"]")[0]
 				if (!target) { return }
 				if (value != undefined) { target.value = target.value||value }
 				if (target.value && hidden) { can.onmotion.hidden(can, can.page.parentNode(can, target, html.TR)) }
 				return target.value
 			},
+			layout: function(event) {
+				if (event && event.target) { can.onlayout.figure(event, can, ui._target)
+					can.user.isMobile && can.page.style(can, ui._target, html.LEFT, (can.page.width()-ui._target.offsetWidth)/2, html.TOP, 40)
+				} else {
+					can.getActionSize(function(left, top, height) { can.page.style(can, ui._target, html.LEFT, left||0, html.TOP, (height/4||0)) })
+				} can.onmotion.resize(can, ui._target)
+				
+			},
 			cancel: function(event, can, button) {
 				can.page.ClassList.del(can, can._fields||can._target, "_process")
 				button == "cancel" && msg._cancel && msg._cancel(event), callback("afterInputs", button)
@@ -300,13 +316,10 @@ Volcanos("user", {
 			var onclick = target.onclick; target.onclick = function(event) { can.onengine.signal(can, "onevent", can.request(event, {_type: target.name})), onclick && onclick(event) }
 		})
 		title && can.page.Select(can, action._target, "input[name=submit]", function(target) { target.value = can.user.trans(can, title) })
-		if (event && event.target) { can.onlayout.figure(event, can, ui._target)
+		action.layout(event), can.onmotion.delay(can, function() { action.focus() }, 300)
-			can.user.isMobile && can.page.style(can, ui._target, html.LEFT, (can.page.width()-ui._target.offsetWidth)/2, html.TOP, 40)
+		function callback(key, button) { var sub = can._fields? can: can.sub; sub && sub.onaction && sub.onaction[key] && sub.onaction[key](event, sub, button, action) }
-		} else {
-			can.getActionSize(function(left, top, height) { can.page.style(can, ui._target, html.LEFT, left||0, html.TOP, (height/4||0)) })
-		} can.onmotion.resize(can, ui._target), can.onmotion.delay(can, function() { action.focus() }, 300)
-		function callback(key, button) { var sub = can._fields? can: can.sub; sub.onaction && sub.onaction[key] && sub.onaction[key](event, sub, button, action) }
 		callback("beforeInputs")
+		// ui._target._layout = action.layout
 		return button === true && action.submit(event, can, html.SUBMIT), action
 	},
 	select: function(event, can, type, fields, cb, cbs) {
@@ -324,7 +337,13 @@ Volcanos("user", {
 			begin: function() { begin = new Date(), can.user.toastProcess(can, "upload")
 				var upload = can.page.Select(can, ui.action, html.INPUT_FILE)[0]; if (upload.files.length == 0) { return upload.focus() }
 				var msg = can.request(event, can.Option(), {_handle: ice.TRUE}); msg._upload = upload.files[0], msg._progress = action.show
-				can.runAction(event, html.UPLOAD, [], function(msg) { can.base.isFunc(cb)? cb(msg): can.Update(), action.close(), can.user.toastSuccess(can, "upload") })
+				can.runAction(event, html.UPLOAD, [], function(msg) {
+					if (msg.IsErr()) {
+						action.close(), can.user.toastFailure(can, msg.Result())
+						return
+					}
+					can.base.isFunc(cb)? cb(msg): can.Update(), action.close(), can.user.toastSuccess(can, "upload")
+				})
 			}, close: function(event) { can.page.Remove(can, ui._target) },
 			show: function (event, value, total, loaded) {
 				ui.cost.innerHTML = can.base.Duration(new Date() - begin)
@@ -375,7 +394,7 @@ Volcanos("user", {
 						}
 					} else if (value.type == mdb.PLUGIN) {
 						_list.push(value.name), list[value.name] = function(target) {
-							can.onappend.plugin(can, {space: value.space, index: value.index, args: can.core.Split(value.args), height: html.QRCODE_HEIGHT, width: 420, style: html.OUTPUT}, function(sub) {
+							can.onappend.plugin(can, {space: value.space, index: value.index, args: can.core.Split(value.args), height: html.IFRAME_HEIGHT, width: html.IFRAME_HEIGHT, style: html.OUTPUT}, function(sub) {
 								var run = sub.run; sub.run = function(event, cmds, cb) { var msg = can.request(event, {space: arg[0]}); can.page.exportValue(can, msg), run(event, cmds, cb) }
 							}, ui.output)
 						}
@@ -389,7 +408,7 @@ Volcanos("user", {
 					{text: ["$ "+_cmd, "", html.ITEM], title: "点击复制，并后台执行此命令，即可登录", style: {cursor: "copy"}, onclick: function() { can.user.copy(event, can, _cmd) }},
 					hassso && {text: [can.user.trans(can, "or oauth login", "或第三方授权: "), html.LABEL]},
 					hassso && {view: [["sso", html.FLEX]], list: _msg.Table(function(value) {
-						return value.type == "oauth" && {view: [[html.ITEM, html.FLEX]], title: value.link, list: [
+						return value.type == "oauth" && {view: [[html.ITEM, value.name, html.FLEX]], title: value.link, list: [
 							{img: can.misc.Resource(can, value.icons)}, {text: can.user.trans(can, value.name, value.help)},
 						], onclick: function() {
 							can.user.jumps(can.base.MergeURL(value.link, ice.BACK, location.href))
@@ -401,8 +420,10 @@ Volcanos("user", {
 					}) },
 					// {text: [can.user.info.titles]},
 				]}]), window.parent != window && window.innerHeight < 480 && can.onmotion.hidden(can, ui.output)
-				can.page.style(can, ui._target, {left: (can.page.width()-ui._target.offsetWidth)/2,
+				can.page.style(can, ui._target, {
-				top: can.page.height() < 640? (can.page.height()-ui._target.offsetHeight)/2: (can.page.height()-can.base.Min(ui._target.offsetHeight, 420)-html.HEADER_HEIGHT-html.ACTION_HEIGHT)/4+html.HEADER_HEIGHT})
+					left: (can.page.width()-ui._target.offsetWidth)/2,
+					top: can.user.isMobile? 20: can.page.height() < 480? (can.page.height()-ui._target.offsetHeight)/2: (can.page.height()-can.base.Min(ui._target.offsetHeight, html.IFRAME_HEIGHT)-html.HEADER_HEIGHT-html.ACTION_HEIGHT)/4+html.HEADER_HEIGHT,
+				})
 			}
 		})
 	},
@@ -414,7 +435,7 @@ Volcanos("user", {
 		var meta = {
 			time: !can.user.isMobile && {view: [[html.ITEM, "state", mdb.TIME, html.FLEX]], _init: function(target) {
 				can.onappend.figure(can, {action: "date", _hold: true}, target, function(sub, value) {})
-				can.core.Timer({interval: 100}, function() { can.page.Modify(can, target, can.user.time(can, null, "%H:%M:%S %w")) })
+				can.core.Timer({interval: 100}, function() { can.page.Modify(can, target, can.user.time(can, null, "%w %H:%M:%S")) })
 			}},
 			avatar: {view: [[html.ITEM, "state", aaa.AVATAR]], list: [{img: can.misc.Resource(can, can.user.info.avatar)}], onclick: function(event) { header && header.onaction.avatar(event, header) }},
 			usernick: {view: [[html.ITEM, "state", aaa.USERNICK, html.FLEX], "", can.user.info.usernick], onclick: function(event) { header && header.onaction.usernick(event, header) }, _init: function(target) {

panel/footer.css

@@ -3,7 +3,7 @@ fieldset.Footer>div.output div.item { padding:7px; height:var(--footer-height);
 fieldset.Footer>div.output div.item.button { padding:7px 0; }
 fieldset.Footer>div.output div.title:first-child { margin-left:var(--header-height); white-space:pre; }
 fieldset.Footer:not(.tabview)>div.output div.title:first-child { font-weight:bold; text-align:center; width:var(--river-width); }
-fieldset.Footer>div.output input[type=button] { background-color:transparent; color:var(--panel-fg-color); border:0; }
+fieldset.Footer>div.output input[type=button] { background-color:transparent; color:var(--panel-fg-color); font-style:italic; border:0; }
 fieldset.Footer>div.output div.toast { font-family:var(--status-font-family); line-height:18px; text-align:right; overflow:auto; flex-grow:1; justify-content:flex-end; }
 fieldset.Footer>div.output div.state { font-family:var(--status-font-family); line-height:18px; white-space:pre; }
 fieldset.Footer>div.output div.state label { font-size:var(--status-font-size); }
@@ -32,6 +32,8 @@ div.item:not(.string):not(.number):not(.boolean)>span.value { color:var(--disabl
 span.item:not(.string):not(.number):not(.boolean)>span.value { color:var(--disable-fg-color); font-style:italic; }
 fieldset.debug div.output table.content * { font-size:14px; }
 fieldset.debug span.path { color:silver; font-style:italic; }
+html.login body.width1 fieldset.Footer { display:none; }
+html.login body.width1 fieldset.Header { display:none; }
 body.dark fieldset.debug span.path { color:gray; }
 body.dark fieldset.debug span.target { color:gray; }
 body.dark div.item:not(.string):not(.number):not(.boolean)>span.value { color:gray; }

panel/footer.js

@@ -13,8 +13,8 @@ Volcanos(chat.ONIMPORT, {
 			// {index: chat.TUTOR},
 			// {index: chat.FLOWS, value: "流程"},
 			// {index: chat.MESSAGE},
-			{index: web.SPIDE, value: "服务"},
+			{index: web.SPIDE, value: can.user.trans(can, "spide", "服务")},
-			{index: web.SPACE, value: "空间"},
+			{index: web.SPACE, value: can.user.trans(can, "space", "空间")},
 			{index: cli.RUNTIME},
 			{index: code.XTERM, args: [cli.SH]},
 		], function(value) { value.type = html.BUTTON, value.name = value.index

panel/header.js

@@ -6,7 +6,7 @@ Volcanos(chat.ONIMPORT, {
 	_title: function(can, msg, target) {
 		can.core.List(can.base.getValid(can.Conf(chat.TITLE)||msg.result, [
 			// can.user.title()||
-			decodeURIComponent(can.user.info.titles||can.misc.Search(can, ice.POD)||location.host)
+			decodeURIComponent((window == top? can.user.info.titles: "")||can.misc.Search(can, ice.POD)||location.host)
 		]), function(item) {
 			can.page.Append(can, target, [{view: [[html.ITEM, chat.TITLE, html.FLEX]], list: [{img: can.misc.ResourceFavicon(can)}, {text: item}], title: "返回主页", onclick: function(event) { can.onaction.title(event, can) }}])
 		})
@@ -196,8 +196,7 @@ Volcanos(chat.ONEXPORT, {
 	avatar: function(can) { return can.misc.Resource(can, can.user.info.avatar == "void"? "": can.user.info.avatar) },
 	background: function(can) { return can.user.info.background == "void"? "": can.user.info.background },
 	theme: function(can) { return can._theme || can.misc.SearchOrConf(can, chat.THEME) || can.__theme || "" },
-// || (can.base.isNight()? html.DARK: html.LIGHT) },
+	height: function(can) { return can._target.offsetHeight },
-height: function(can) { return can._target.offsetHeight },
 })
 Volcanos(chat.ONPLUGIN, {
 	location: shy("请求地址", {copy: function(can) { can.user.copy(msg._event, can, location.href) }}, [web.LINK, ice.LIST, ice.COPY], function(can, msg, cb) {

plugin/input/img.js

@@ -1,10 +1,10 @@
 Volcanos(chat.ONFIGURE, {img: {
 	_init: function(can, meta, target) { target.value == meta.value && (target.value = ""); var images = can.core.Split(target.value)
 		var count = parseInt(meta.value||"1"), width = target.parentNode.offsetWidth; for (var n = 1; n < 10; n++) { if (n*n >= count) { width = (width/n-10); break } }
-		function add(target, hash) { target._hash = hash, can.page.Appends(can, target, [{img: can.base.MergeURL(can.misc.MergeURL(can, {_path: web.SHARE_CACHE+hash}, true), {pod: meta.space||undefined}), height: width, width: width}]) }
+		// function add(target, hash) { target._hash = hash, can.page.Appends(can, target, [{img: can.base.MergeURL(can.misc.MergeURL(can, {_path: web.SHARE_CACHE+hash}, true), {pod: meta.space||undefined}), height: width, width: width}]) }
+		function add(target, hash) { target._hash = hash, can.page.Appends(can, target, [{img: hash, height: width, width: width}]) }
 		function set() { target.value = can.page.SelectChild(can, target.parentNode, html.DIV, function(target) { return target._hash }).join(mdb.FS) }
-		can.onmotion.hidden(can, target)
+		can.onmotion.hidden(can, target), can.onappend.style(can, html.FLEX, target.parentNode)
-		can.onappend.style(can, html.FLEX, target.parentNode)
 		for (var i = 0; i < count; i++) {
 			can.page.Append(can, target.parentNode, [{view: html.FLEX, style: {
 				"clear": i%n == 0? "both": "none", height: width, width: width,

plugin/local/code/inner.css

@@ -1,3 +1,4 @@
+fieldset.inner>div.output div.content { position:relative; }
 fieldset.inner>div.output div.content td.text { height:var(--code-line-height); }
 fieldset.inner>div.output div.content td.text span.keyword { color:var(--code-keyword); box-shadow:var(--keyword-box-shadow); }
 fieldset.inner>div.output div.content td.text span.comment { color:var(--code-comment); }
@@ -83,6 +84,12 @@ tr.line>td.text { white-space:pre; line-height:var(--code-line-height); padding-
 tr.line:hover { background-color:var(--hover-bg-color); }
 tr.line.delete { background-color:#3c2626; }
 tr.line.insert { background-color:#283e2d; }
+body div.input.inner.find.float div.action>div.item {
+	float:left;
+}
+body div.input.inner.find.float div.action>div.item>input {
+	min-width:unset;
+}
 body.light tr.line.delete { background-color:#ffeef0; }
 body.light tr.line.insert { background-color:#e6ffed; }
 body.white tr.line.delete { background-color:#e6ffed; }

plugin/local/code/inner.js

@@ -5,8 +5,10 @@ const CURRENT_FILE = "web.code.inner:currentFile", SELECT_LINE = "selectLine"
 const VIEW_CREATE = "tabview.view.create", VIEW_REMOVE = "tabview.view.remove", LINE_SELECT = "tabview.line.select"
 Volcanos(chat.ONIMPORT, {
 	_init: function(can, msg, cb) { can.onappend.style(can, code.INNER), can.Mode(msg.Option("mode")||can.Mode())
-		if (can.Mode() == ice.MSG_RESULT) { can.Conf("_width", can.base.Max(can.ConfWidth(), window.innerWidth-12))
+		if (can.Mode() == ice.MSG_RESULT) {
+			can.Conf("_width", can.base.Max(can.ConfWidth(), window.innerWidth-12))
 			msg.result = msg.result||[can._output.innerHTML], can.Mode(chat.SIMPLE), can.sup.Mode(chat.SIMPLE)
+			can.Option(nfs.FILE, can.Conf(nfs.FILE)||can.Option(nfs.FILE))
 		}
 		can.onmotion.clear(can, can._output), msg.result = msg.result||[""]
 		var paths = can.core.Split(can.Option(nfs.PATH)); can.Option(nfs.PATH, paths[0])
@@ -199,12 +201,13 @@ Volcanos(chat.ONIMPORT, {
 		can.onimport.process(can, msg, can.ui.display, height-border, width, function(sub) { can.ui.display._plugin = _msg._display = sub
 			sub.onaction.close = function() { can.onmotion.hidden(can, can.ui.display), can.onimport.layout(can) }
 			sub.onimport.size(sub, height-border, width, true), can.onimport.layout(can)
-			// can.onmotion.delay(can, function() { can.onimport.layout(can) })
 		})
 	},
 	process: function(can, msg, target, height, width, cb) { can.onmotion.clear(can, target)
 		if (msg.Option(ice.MSG_PROCESS) == ice.PROCESS_FIELD) {
-			msg.Table(function(item) { item.type = chat.STORY, item.height = height, item.width = width, item.display = msg.Option(ice.MSG_DISPLAY)
+			msg.Table(function(item) { item.type = chat.STORY, item.height = height, item.width = width
+				item.display = msg.Option(ice.MSG_DISPLAY)
+				item.display_css = msg.Option(ice.MSG_DISPLAY_CSS)
 				if (can.base.isIn(item.index, web.WIKI_WORD)) { item.style = html.OUTPUT }
 				can.onimport.plug(can, item, function(sub) {
 					sub.onaction.close = function() { can.onmotion.hidden(can, target), can.onimport.layout(can) }
@@ -258,7 +261,7 @@ Volcanos(chat.ONIMPORT, {
 		})
 	}) },
 	layout: function(can) {
-		if (can.Conf(ctx.STYLE) == html.OUTPUT) { return can.page.style(can, can.ui.content, html.WIDTH, (can.Conf("_width")||can.ConfWidth())-5) }
+		if (can.Conf(ctx.STYLE) == html.OUTPUT) { return can.page.style(can, can.ui.content, html.WIDTH, (can.Conf("__width")||can.ConfWidth())-(can.user.isMobile? 4: 2)) }
 		if (can.isSimpleMode() && !can.page.tagis(can._fields, html.FIELDSET_FLOAT)) { can.page.style(can, can._output, html.MAX_HEIGHT, "") }
 		if (can.isSimpleMode()) { can.ui.layout(can.ConfHeight(), can.ConfWidth()); return can.page.style(can, can.ui.content, html.WIDTH, can.ConfWidth()) }
 		if (can.isCmdMode()) { can.page.style(can, can._output, html.HEIGHT, can.ConfHeight(can.page.height())) }
@@ -353,7 +356,7 @@ Volcanos(chat.ONSYNTAX, {
 			can.onmotion.delay(can, function() { can.onappend.scroll(can) })
 		}
 		can.require([chat.PLUGIN_LOCAL+"code/inner/syntax.js"], function() { var parse = can.onexport.parse(can); can.Conf(chat.PLUG) && (can.onsyntax[parse] = can.Conf(chat.PLUG))
-			var p = can.onsyntax[parse]; !p? can.runAction({}, mdb.PLUGIN, [parse, msg.Option(nfs.FILE), msg.Option(nfs.PATH)], function(msg) { p = can.base.Obj(msg.Result())
+			var p = can.onsyntax[parse]; !p && msg.Option(nfs.FILE)? can.runAction({}, mdb.PLUGIN, [parse, msg.Option(nfs.FILE), msg.Option(nfs.PATH)], function(msg) { p = can.base.Obj(msg.Result())
 				p && p.script? can.require([p.script], function() { show(can.onsyntax[msg.Option(lex.PARSE)||parse]) }): show(can.onsyntax[parse] = p)
 			}): show(p)
 		})
@@ -577,7 +580,9 @@ Volcanos(chat.ONEXPORT, {
 	selection: function(can, str) { var s = document.getSelection().toString(), begin = str.indexOf(s), end = begin+s.length
 		for (var i = begin; i >= 0; i--) { if (str[i].match(/[a-zA-Z0-9_.]/)) { s = str.slice(i, end) } else { break } } return s
 	},
-	parse: function(can) { return can._msg.Option(lex.PARSE)||can.base.Ext(can.Option(nfs.FILE)) },
+	parse: function(can) {
+		return can._msg.Option(lex.PARSE)||can.base.Ext(can.Option(nfs.FILE))
+	},
 	split: function(can, file) { var ls = file.split(nfs.PS); if (ls.length == 1) { return [nfs.PWD, ls[0]] }
 		if (ls[0] == ice.USR) { return [ls.slice(0, 2).join(nfs.PS)+nfs.PS, ls.slice(2).join(nfs.PS)] }
 		return [ls.slice(0, 1).join(nfs.PS)+nfs.PS, ls.slice(1).join(nfs.PS)]

plugin/local/code/inner/syntax.js

@@ -133,8 +133,7 @@ Volcanos(chat.ONSYNTAX, {
 		regexp: {"[A-Z_0-9]+": code.CONSTANT},
 		keyword: {
 			"source": code.KEYWORD, "return": code.KEYWORD,
-			"config": code.KEYWORD,
+			"command": code.KEYWORD, "config": code.KEYWORD,
-			"command": code.KEYWORD,
 			"create": code.FUNCTION, "modify": code.FUNCTION, "insert": code.FUNCTION,
 			"spide": code.DATATYPE, "serve": code.DATATYPE, "dream": code.DATATYPE,
 			"user": code.DATATYPE,
@@ -145,6 +144,14 @@ Volcanos(chat.ONSYNTAX, {
 			"field": code.KEYWORD, "image": code.KEYWORD, "video": code.KEYWORD, "audio": code.KEYWORD,
 			"style": code.KEYWORD,
 			"inner": code.KEYWORD,
+			"project": code.KEYWORD,
+			"product": code.KEYWORD,
+			"material": code.KEYWORD,
+			"publish": code.KEYWORD,
+			
+			"username": code.FUNCTION, "usernick": code.FUNCTION,
+			"repos": code.FUNCTION, "binary": code.FUNCTION,
+			"language": code.FUNCTION, "avatar": code.FUNCTION,
 		},
 		func: function(can, push, text, indent, opts) { var ls = can.core.Split(text, "\t ")
 			opts.chapter = opts.chapter||0
@@ -273,11 +280,9 @@ Volcanos(chat.ONSYNTAX, {
 			"not": code.DATATYPE, "first-child": code.DATATYPE, "last-child": code.DATATYPE, "nth-child": code.DATATYPE,
 			"placeholder": code.DATATYPE, "hover": code.DATATYPE, "focus": code.DATATYPE,
 			
-			"$option": code.KEYWORD,
+			"$body": code.KEYWORD, "$fieldset": code.KEYWORD,
-			"$action": code.KEYWORD,
+			"$option": code.KEYWORD, "$action": code.KEYWORD, "$output": code.KEYWORD, "$status": code.KEYWORD,
-			"$output": code.KEYWORD,
+			"$content": code.KEYWORD, "$profile": code.KEYWORD, "$display": code.KEYWORD, "$project": code.KEYWORD,
-			"$project": code.KEYWORD,
-			"$content": code.KEYWORD,
 			
 			"output": code.KEYWORD,
 			"background-color": code.FUNCTION, "color": code.FUNCTION,

plugin/local/code/vimer.js

@@ -23,18 +23,30 @@ Volcanos(chat.ONFIGURE, {
 		can.run({}, [ctx.ACTION, nfs.REPOS], function(msg) { var paths = can.db.paths
 			can.core.List(paths.concat(msg.Table(function(value) { return value.path })), function(p) {
 				if (can.base.beginWith(p, nfs.USR_LOCAL_WORK) || can.base.isIn(p,
-					// nfs.USR_LEARNING, nfs.USR_INTSHELL,
+					nfs.USR_ICONS,
-					nfs.USR_ICONS, nfs.USR_GEOAREA, nfs.USR_NODE_MODULES,
+					"usr/material/",
-					// nfs.USR_PROGRAM,
+					nfs.USR_NODE_MODULES,
-					nfs.USR_WEBSOCKET, nfs.USR_GO_QRCODE, nfs.USR_GO_GIT
+					nfs.USR_WEBSOCKET,
+					nfs.USR_GO_QRCODE,
+					nfs.USR_GO_GIT,
+					nfs.USR_GEOAREA,
 				)) { return }
 				if (p && paths.indexOf(p) == -1 && p[0] != nfs.PS) { paths.push(p) }
 			})
 			function show(target, zone, path) { can.run(can.request({}, {dir_root: path, dir_deep: true}), [nfs.PWD], function(msg) {
 				var cache, list = can.core.List(msg.Table(), function(value) {
-					if (path == nfs.SRC && can.base.isIn(value.path, "main.ico", "main.png", "main.jpg", "main.svg", "version.go", "binpack.go", "binpack_usr.go")) { return }
+					if (path == nfs.SRC && can.base.isIn(value.path,
+						"main.svg",
+						"main.ico",
+						"main.png",
+						"main.jpg",
+						"qrcode.jpg",
+						"version.go",
+						"binpack.go",
+						"binpack_usr.go",
+					)) { return }
 					if (path == nfs.USR_RELEASE && can.base.isIn(value.path, "conf.go", "binpack.go")) { return }
-					if (path == args[0] && args[1].indexOf(value.path) == 0) { value.expand = true }
+					if (path == args[0] && args[1] == value.path) { value.expand = true }
 					return value
 				}); can.onmotion.clear(can, target), zone._total(msg.Length())
 				cache = can.onimport.tree(can, list, function(event, item, target) {

plugin/local/code/xterm.js

@@ -46,6 +46,7 @@ Volcanos(chat.ONIMPORT, {
 		if (arg[1] == "~~~end~~~") { arg[0] == "current"? can.sup.onmotion._close({}, can.sup): can.sup.onimport._back(can.sup) } else { term.write(arg[1]) }
 	},
 	layout: function(can) {
+		can.page.style(can, can._output, html.HEIGHT, can.ConfHeight())
 		can.ui.layout(can.ConfHeight(), can.ConfWidth(), 0, function() {
 			can.core.Item(can.db, function(hash, term) { term._fit && term._fit.fit() })
 			can.db.value && can.db.value._term && can.onexport.term(can, can.db.value._term)

plugin/local/wiki/draw.js

@@ -9,7 +9,7 @@ Volcanos(chat.ONIMPORT, {
 		can._temp = []
 		if (can.ConfIndex() == web.WIKI_DRAW) { can.ui = can.onappend.layout(can), can.onexport.title(can, can.OptionPath())
 			if (can.isCmdMode() && !can.user.isMobile) { can.onmotion.toggle(can, can.ui.profile, true) } else { can.onmotion.hidden(can, can._action), can.onmotion.hidden(can, can.ui.project) }
-		} else { can.ui = {content: can._output} } can.page.Modify(can, can.ui.content, msg.Results()||can.onexport.content(can))
+		} else { can.ui.content || (can.ui = {content: can._output}) } can.page.Modify(can, can.ui.content, msg.Results()||can.onexport.content(can))
 		can.page.Select(can, can.ui.content, html.SVG, function(target) { can.ui.svg = can.ui.group = can.onimport._block(can, target), can.onimport._project(can, target), can.ui.profile && can.core.ItemCB(can.onaction, target, can)
 			can.page.Select(can, target, "", function(target) { can.onimport._block(can, target), can.page.tagis(target, svg.G) && target.Value(html.CLASS) && can.onimport._project(can, target) })
 		}), can.ondetail._select(can, can.db.hash[1]||can.OptionPid()||can.ui.svg.Value(svg.PID)), can.ui.points = []

plugin/local/wiki/feel.js

@@ -65,7 +65,7 @@ Volcanos(chat.ONIMPORT, {
 		} can.onmotion.select(can, can.ui.display, "*", item._display)
 	},
 	_file: function(can, path) {
-		return (location.href.indexOf(ice.HTTP) == 0? location.origin: "http://localhost:9020")+can.misc.Resource(can, can.db.dir_root+path, can.ConfSpace())
+		return can.misc.Resource(can, can.db.dir_root+path, can.ConfSpace())
 	},
 	file: function(can, path, item, index, target, auto) { item._path = path = can.onimport._file(can, path)
 		var cb = can.onfigure[can.base.Ext(path)]||can.onfigure[wiki.IMAGE]

plugin/local/wiki/word.css

@@ -2,7 +2,8 @@ fieldset.word>div.output { padding:var(--plugin-padding); }
 fieldset.word>div.output p { margin:var(--title-margin) auto; }
 fieldset.word>div.output h3 { margin-top:var(--title-margin); }
 fieldset.word>div.output h2.story[data-type=spark][data-name=title] { text-align:center; }
-fieldset.word>div.output ul { margin:20px; }
+fieldset.word>div.output code { font-style: italic; }
+fieldset.word>div.output ul { margin:20px; font-family:var(--code-font-family); word-break:break-all; }
 fieldset.word>div.output ul>li:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); cursor:pointer; }
 fieldset.word>div.output img { display:block; margin:auto; max-height:100%; max-width:100%; }
 fieldset.word>div.output div.project img { margin:unset; }

plugin/local/wiki/word.js

@@ -21,7 +21,7 @@ Volcanos(chat.ONIMPORT, {
 	list: function(can, root, cb, cbs, target) { target = target||can._output
 		can.core.List(root.list, function(item) { var ui = can.page.Append(can, target, [{view: [[html.ITEM, "open"]], list: [{text: item.meta.name}, item.list && {icon: icon.CHEVRON_DOWN}], onclick: function(event) {
 			can.page.ClassList.set(can, ui.item, "open", can.base.isFunc(cb) && cb(event, item) || can.onmotion.toggle(can, ui.list))
-			can.onmotion.select(can, target, html.DIV_ITEM, event.target)
+			can.onmotion.select(can, target, html.DIV_ITEM, event.currentTarget)
 		}, _init: function(target) { if (item.meta.name == "_") { target.innerHTML = "", can.onappend.style(can, html.SPACE, target) }
 			cbs && cbs(target, item)
 		}}, {view: html.LIST}]); can.onimport.list(can, item, cb, cbs, ui.list) })
@@ -77,14 +77,16 @@ Volcanos(chat.ONIMPORT, {
 		}) }
 	},
 	field: function(can, meta, target) { var item = can.base.Obj(meta.meta), padding = can.Conf(html.PADDING)
-		var height = can.base.Max(html.STORY_HEIGHT, can.ConfHeight()-4*html.ACTION_HEIGHT-2*padding), width = item.width||can.ConfWidth()-2*padding-2
+		var height = can.base.Max(html.STORY_HEIGHT, can.ConfHeight()-4*html.ACTION_HEIGHT-2*padding), width = item.width||can.ConfWidth()-2*padding
 		can.core.Item(item, function(key, value) { if (can.base.beginWith(key, "meta.")) { can.core.Value(item, key, value), delete(item[key]) } })
 		can.onappend.plugin(can, item, function(sub) { can._plugins = (can._plugins||[]).concat([sub])
+			can.user.isMobile || sub.Conf("__width", item.width)
 			can.core.Value(item, "auto.cmd") && can.onmotion.delay(function() { sub.runAction(sub.request({}, can.core.Value(item, "opts")), can.core.Value(item, "auto.cmd")) })
 			var size = sub.onimport.size; sub.onimport.size = function(can, height, width, auto, mode) { size(can, height, width, auto, mode)
 				can.page.style(can, sub._output, html.MAX_HEIGHT, "", "overflow-y", "hidden")
 				sub.sub && sub.sub.ui.content && can.page.style(can, sub.sub.ui.content, html.HEIGHT, "", "overflow-y", "hidden")
 			}, sub.onimport.size(sub, height, width, true)
+			can.onimport.layout(can)
 		}, can._output, target)
 	},
 	layout: function(can) { padding = can.Conf(html.PADDING)

plugin/state.js

@@ -81,7 +81,9 @@ Volcanos(chat.ONIMPORT, {
 		}); return
 	},
 	_grow: function(can, msg, arg) {
-		var sub = can.sub; if (sub && sub.onimport && sub.onimport.grow) { return sub.onimport.grow(sub, msg, msg.detail[1], msg.detail[2]) }
+		var sub = can.sub
+		if (sub && sub.onimport && sub.onimport._grow) { return sub.onimport._grow(sub, msg, msg.detail[1], msg.detail[2]) }
+		if (sub && sub.onimport && sub.onimport.grow) { return sub.onimport.grow(sub, msg, msg.detail[1], msg.detail[2]) }
 		if (msg.Option(ctx.DISPLAY)) {
 			function _grow() { if (can.sub._grow_list.length == 0) { return } if (can.sub._grow_running) { return } can.sub._grow_running = true
 				var msg = can.sub._grow_list.shift(), text = msg.detail[1]; sub._grow.onappend._status(sub._grow, msg.Option(ice.MSG_STATUS), null, msg)

plugin/story/form.js

@@ -5,7 +5,11 @@ Volcanos(chat.ONIMPORT, {
 			return {view: [[html.ITEM, item.type]], list: [item.type != html.BUTTON && {text: [can.user.trans(can, item.name, item._trans, html.INPUT), "", mdb.NAME]}, item.need == "must" && {text: ["*", "", "need"]}], _init: function(target) {
 				item.type == html.BUTTON && (item.onclick = function(event) { var args = []
 					can.core.Item(can.page.SelectArgs(can, can._output)[0], function(key, value) { args.push(key, value) })
-					can.Update(can.request(event, {_handle: ice.TRUE}), [ctx.ACTION, item.name].concat(args), function() {
+					can.Update(can.request(event, {_handle: ice.TRUE}), [ctx.ACTION, item.name].concat(args), function(msg) {
+						if (msg.IsErr()) {
+							can.user.toastFailure(can, msg.Result())
+							return
+						}
 						can.Update()
 					})
 				}), can.onappend.input(can, item, "", target)

plugin/story/pie.js

@@ -1,13 +1,13 @@
 Volcanos(chat.ONIMPORT, {
-	_init: function(can, msg, cb) { can.page.requireDraw(can, function() { can.db.delay = 50
+	_init: function(can, msg, cb) { can.ui = can.onappend.layout(can)
-		can.onappend.style(can, "pie")
+		can.page.requireDraw(can, function() { can.db.delay = 50, can.onappend.style(can, "pie"), can.onaction.list = []
-		can.list = can.onimport._data(can, msg, can.Conf(mdb.FIELD)||msg.append[1]||mdb.VALUE)
+			can.list = can.onimport._data(can, msg, can.Conf(mdb.FIELD)||msg.append[1]||mdb.VALUE)
-		can.core.List(can.list, function(item) { msg.Push("weight", item.value.weight = parseInt(item.span*100/360)+"%").Push(cli.COLOR, '<span style="background-color:'+item.color+'">    </span>') })
+			can.core.List(can.list, function(item) { msg.Push("weight", item.value.weight = parseInt(item.span*100/360)+"%").Push(cli.COLOR, '<span style="background-color:'+item.color+'">    </span>') })
-		can.onaction.list = [], can.ui.display = can.page.Append(can, can._output, [html.DISPLAY])._target
+			can.onappend.table(can, msg, null, can.ui.profile), can.page.Select(can, can.ui.profile, html.TR, function(tr, index) { can.ui.table = tr.parentNode
-		can.onappend.table(can, msg, null, can.ui.display), can.page.Select(can, can.ui.display, html.TR, function(tr, index) { can.ui.table = tr.parentNode
+				can.page.Modify(can, tr, {onmouseenter: function(event) { can._draw(can.db.which = index-1) }})
-			can.page.Modify(can, tr, {onmouseenter: function(event) { can._draw(can.db.which = index-1) }})
+			}), can.base.isFunc(cb) && cb(msg), can.onappend._status(can, msg.append)
-		}), can.base.isFunc(cb) && cb(msg), can.onappend._status(can, msg.append)
+		})
-	}) },
+	},
 	_data: function(can, msg, field) { var list = []
 		var color = [
 			"#8085e9",
@@ -69,6 +69,15 @@ Volcanos(chat.ONIMPORT, {
 		return parseInt(value)
 	},
 	layout: function(can) { if (!can.ui || !can.ui.svg) { return }
+		can.onmotion.hidden(can, can.ui.project), can.onmotion.hidden(can, can.ui.display), can.onmotion.toggle(can, can.ui.profile, true)
+		var _width = can.base.Max(can.ConfWidth()-can.ConfHeight(), 600, 200)
+		can.page.style(can, can.ui.profile, html.HEIGHT, can.ConfHeight(), html.WIDTH, _width, html.FLEX, "0 0 "+(_width)+"px")
+		var width = can.ConfWidth()-_width, height = can.ConfHeight()-4, margin = 40, r = can.base.Max(height, width)/2-1*margin-margin
+		can.page.style(can, can.ui.content, html.HEIGHT, can.ConfHeight(), html.WIDTH, width)
+		can.ui.svg.Val(html.WIDTH, width), can.ui.svg.Val(html.HEIGHT, height)
+		can._draw = function(which) { can.onimport._draw(can, width/2-margin/2, height/2-margin/2, r, margin, which) }, can._draw(can.db.which||0)
+		return
+		
 		var height = can.base.Max(can.ConfHeight(), can.ConfWidth()/2), margin = 10, r = height/2-1*margin-margin
 		can.page.style(can, can.ui.display, html.WIDTH, can.ConfWidth()-height-1), can.ui.svg.Val(html.HEIGHT, height), can.ui.svg.Val(html.WIDTH, height)
 		can._draw = function(which) { can.onimport._draw(can, height/2-margin/2, can.ConfHeight()/2-margin/2, r, margin, which) }, can._draw(can.db.which||0)

plugin/story/spides.js

@@ -1,12 +1,15 @@
-Volcanos(chat.ONIMPORT, {_init: function(can, msg, cb) { can.page.requireDraw(can, function() { msg.append && can.ConfDefault({field: msg.append[0], split: nfs.PS})
+Volcanos(chat.ONIMPORT, {
+	_init: function(can, msg, cb) { can.page.requireDraw(can, function() { msg.append && can.ConfDefault({field: msg.append[0], split: nfs.PS})
+		can.db.count = msg.Length()
+		can.onmotion.toggle(can, can._action, true)
 		can.dir_root = can.Conf(nfs.DIR_ROOT)||msg.Option(nfs.DIR_ROOT), can._tree = can.onimport._tree(can, msg.Table(), can.Conf(mdb.FIELD), can.Conf(lex.SPLIT))
-		can.onaction.list = [], can.base.isFunc(cb) && cb(msg), can.onimport.layout(can), can.onmotion.toggle(can, can._action, true)
+		can.onaction.list = [], can.base.isFunc(cb) && cb(msg), can.onappend._status(can, msg.Option(ice.MSG_STATUS)), can.onimport.layout(can)
-		can.onappend._status(can, msg.Option(ice.MSG_STATUS))
+		can.onappend.style(can, "spides")
 	}) },
 	_tree: function(can, list, field, split) { var node = {}; can.core.List(list, function(item) { can.core.List(item[field].split(split), function(value, index, array) {
 		var last = array.slice(0, index).join(split)||can.dir_root, name = array.slice(0, index+1).join(split)
 		value && !node[name] && (node[last] = node[last]||{name: last, meta: {}, list: []}).list.push(node[name] = {
-			name: value+(index==array.length-1? "": split), file: item[field]||item.file, hide: true, meta: item, list: [], last: node[last],
+			name: value+(index==array.length-1? "": split), file: item.file||item[field]||item.file, hide: true, meta: item, list: [], last: node[last],
 		})
 	}) }); return node },
 	_height: function(can, tree) { tree.height = 0; if (tree.list.length == 0 || tree.hide) { return tree.height = 1 }
@@ -15,7 +18,9 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg, cb) { can.page.requireDraw(ca
 	_width: function(can, tree) { tree.width = 0; if (tree.list.length == 0 || tree.hide) {
 		return tree.width = can.onimport.draw(can, {shape: html.TEXT, points: [{x: 0, y: 0}], style: {inner: tree.name}}).Val(svg.TEXT_LENGTH)+can.margin
 	} can.core.List(tree.list, function(item) { tree.width += can.onimport._width(can, item) }); return tree.width },
-	_color: function(can, tree) { return tree.meta.color || (tree.list == 0? cli.PURPLE: cli.YELLOW) },
+	_color: function(can, tree) {
+		return tree.meta.color || (tree.list == 0? cli.PURPLE: cli.YELLOW)
+	},
 	layout: function(can) {
 		can.ui.svg && can.ui.svg.Val(svg.FONT_SIZE, can.size = parseInt(can.Action(html.SIZE)||24)), can.margin = parseInt(can.Action(html.MARGIN)||10)
 		can._tree && can._tree[can.dir_root] && can.core.CallFunc(can.onaction[can.Action(html.VIEW)||"横向"], [event, can, can.Action(html.VIEW)])
@@ -59,8 +64,26 @@ Volcanos(chat.ONDETAIL, {
 		for (var node = tree; node; node = node.last) { can.request(event, node.meta) }
 		can.run(can.request(event, can.Option()), can.base.Obj(can.Conf(lex.PREFIX), []).concat(can.Conf(ctx.ACTION)||[], [tree.file||"", tree.name]), function(msg) {
 			if (msg.Length() == 0) { return can.onappend._float(can, web.CODE_INNER, [can._msg.Option(nfs.DIR_ROOT), tree.file, tree.line]) }
-			if (msg.Append(mdb.INDEX)) { return msg.Table(function(value) { can.onappend._float(can, value.index, value.args) }) }
+			if (msg.Append(mdb.INDEX)) {
+				return msg.Table(function(value) { value.style = html.FLOAT, can.onappend.plugin(can, value, function(sub) {}) })
+			}
+			can.Status(mdb.COUNT, can.db.count += msg.Length())
+			tree.list = can.onimport._tree(can, msg.Table(), can.Conf(mdb.FIELD), can.Conf(lex.SPLIT))[can.dir_root].list
+			tree.hide = false, can.onimport.layout(can)
 		}, true)
 	},
+	oncontextmenu: function(event, can, tree) {
+		can.user.carte(event, can, {}, [
+			wiki.PORTAL, chat.DESKTOP, chat.ADMIN, wiki.WORD, web.DREAM, web.STORE,
+			code.VIMER, code.STATUS, code.COMPILE, cli.RUNTIME, code.XTERM,
+		], function(event, button) {
+			if (button == web.ADMIN) {
+				can.onappend.plugin(can, {index: web.CHAT_IFRAME, args: [
+					can.misc.MergePodCmd(can, {pod: tree.file, cmd: web.ADMIN})
+				], title: tree.name+"."+web.ADMIN, style: html.FLOAT}, function(sub) {})
+			} else {
+				can.onappend.plugin(can, {space: tree.file, index: button, style: html.FLOAT}, function(sub) {})
+			}
+		})
+	},
 })
-Volcanos(chat.ONEXPORT, {list: [mdb.TIME, mdb.COUNT]})

plugin/story/weight.js

@@ -0,0 +1,81 @@
+Volcanos(chat.ONIMPORT, {
+	_init: function(can, msg, cb) { can.ui = can.onappend.layout(can)
+		can.page.requireDraw(can, function() { can.db.delay = 50, can.onappend.style(can, "pie"), can.onaction.list = []
+			can.list = can.onimport._data(can, msg, can.Conf(mdb.FIELD)||msg.append[1]||mdb.VALUE)
+			can.core.List(can.list, function(item) { msg.Push("weight", item.value.weight = parseInt(item.span*100/360)+"%").Push(cli.COLOR, '<span style="background-color:'+item.color+'">    </span>') })
+			can.onappend.table(can, msg, null, can.ui.profile), can.page.Select(can, can.ui.profile, html.TR, function(tr, index) { can.ui.table = tr.parentNode
+				can.page.Modify(can, tr, {onmouseenter: function(event) { can._draw(can.db.which = index-1) }})
+			}), can.base.isFunc(cb) && cb(msg), can.onappend._status(can, msg.append)
+		})
+	},
+	_data: function(can, msg, field) { var list = []
+		var color = [
+			"#8085e9",
+			"#95a2ff",
+			"#73abf5",
+			"#3cb9fc",
+			"#0082fc",
+			"#87e885",
+			"#90ed7d",
+			"#22ed7c",
+			"#05f8d6",
+			"#cb9bff",
+			"#bf19ff",
+			"#f47a75",
+			"#fa8080",
+			"#f7a35c",
+			"#ffc076",
+			"#f9e264",
+			"#fae768",
+			"#5f45ff",
+			"#02cdff",
+			"#0090ff",
+			"#854cff",
+			"#09b0d3",
+			"#1d27c9",
+			"#765005",
+			"#314976",
+			"#009db2",
+			"#024b51",
+			"#0780cf",
+		]
+		var total = 0; msg.Table(function(value) { total += can.onimport._parseInt(can, value[field]) })
+		var begin = 0; msg[cli.COLOR] = [], msg["weight"] = [], msg.Table(function(value, index) {
+			list.push({span: can.onimport._parseInt(can, value[field])/total*360, color: color[index%color.length], value: value})
+		}); return list
+	},
+	_draw: function(can, x, y, r, margin, which) { if (which == can._last) { return } can._last = which
+		if (can.list.length == 1) { return can.onimport.draw(can, {shape: svg.CIRCLE, points: [{x: x, y: y}, {x: x, y: y+r}], style: {fill: cli.BLUE}}) }
+		function pos(x, y, r, angle) { angle -= 90; return [x + r * Math.cos(angle * Math.PI / 180), y + r * Math.sin(angle * Math.PI / 180)] }
+		function pie(x, y, r, begin, span, color, title, cb) { can.onimport.draw(can, {shape: svg.PATH, style: kit.Dict(
+			svg.STROKE, color, svg.FILL, color, "d", can.base.joins([
+				["M", x, y], ["L"].concat(pos(x, y, r, begin)), ["A", r, r, "0", span>180? "1": "0", "1"].concat(pos(x, y, r, begin+span)), ["Z"]
+			], lex.SP, mdb.FS),
+		), onmouseenter: function(event) { can.base.isFunc(cb) && cb(event) } }) }
+		can.onmotion.clear(can, can.ui.svg), can.ui.svg.Value(mdb.COUNT, 0)
+		var begin = 0; can.core.Next(can.list, function(item, next, index) { var p = index==which? pos(x, y, 1*margin, begin+item.span/2): [x, y]
+			if (item.value.name == "rest") { return can.onmotion.delay(can, next, can.db.delay) }
+			pie(p[0], p[1], r, begin, item.span, item.color, item.name||item.command, function(event) { can.onimport._draw(can, x, y, r, margin, can.db.which = index) }), begin += item.span
+			index == which && (can.db.current = item.value)
+			can.onmotion.select(can, can.ui.table, html.TR, index), can.Status(item.value), can.onmotion.delay(can, next, can.db.delay)
+		}, function() {
+			can.onmotion.select(can, can.ui.table, html.TR, which), can.Status(can.db.current), can.db.delay = 0
+		})
+	},
+	_parseInt: function(can, value) { value = value.toLowerCase()
+		if (can.base.endWith(value, "m")) { return parseInt(value)*1000000 }
+		if (can.base.endWith(value, "g")) { return parseInt(value)*1000000000 }
+		if (can.base.endWith(value, "gi")) { return parseInt(value)*1000000000 }
+		if (can.base.endWith(value, "mi")) { return parseInt(value)*1000000 }
+		return parseInt(value)
+	},
+	layout: function(can) { if (!can.ui || !can.ui.svg) { return }
+		can.onmotion.hidden(can, can.ui.project), can.onmotion.hidden(can, can.ui.display), can.onmotion.toggle(can, can.ui.profile, true)
+		var _width = can.base.Max(can.ConfWidth()-can.ConfHeight(), 600, 200)
+		can.page.style(can, can.ui.profile, html.HEIGHT, can.ConfHeight(), html.WIDTH, _width, html.FLEX, "0 0 "+(_width)+"px")
+		var width = can.ConfWidth()-_width, height = can.ConfHeight()-4, margin = 40, r = can.base.Max(height, width)/2-1*margin-margin
+		can.page.style(can, can.ui.content, html.HEIGHT, can.ConfHeight(), html.WIDTH, width)
+		can.ui.svg.Val(html.WIDTH, width), can.ui.svg.Val(html.HEIGHT, height)
+		can._draw = function(which) { can.onimport._draw(can, width/2-margin/2, height/2-margin/2, r, margin, which) }, can._draw(can.db.which||-1)
+	},
+})

plugin/table.js

@@ -127,6 +127,7 @@ Volcanos(chat.ONIMPORT, {
 	},
 	_item: function(can, item, cb, cbs) {
 		item._hash = item._hash||item.sess||item.hash||item.zone||item.path||item.name
+		item._hash && item._hash.replaceAll && (item._hash = item._hash.replaceAll(":", "_"))
 		item._title = item._title||item.name||item.path||item.zone||item.hash
 		item._select == undefined && can.db.hash[0] && (item._select = can.db.hash[0] == item._hash)
 		if (typeof item._hash == code.OBJECT) { item._select = true
@@ -137,13 +138,13 @@ Volcanos(chat.ONIMPORT, {
 		return {view: [[html.ITEM, item.type, item.role, item.status]], title: item.title||item.nick, list: [
 			can.onimport._icons(can, item),
 		].concat(can.onimport._nick(can, item), item._label||[], [
-			item.action && {icon: "bi bi-three-dots", onclick: function(event) { can.onimport._menu(event, can, item, cbs) }},
+			(item.action||cbs) && {icon: "bi bi-three-dots", onclick: function(event) { can.onimport._menu(event, can, item, cbs) }},
 		]), _init: function(target) { target._item = item, item._item = target, can.ui[item.path] = target
 			item._select && can.onmotion.delay(can, function() { target.click() })
 		}, onclick: function(event) {
+			if (cb(event)) { return }
 			can.db.value = item, can.onexport.hash(can, item._hash)
 			item.__title? can.user.title(item.__title): can.onexport.title(can, item._title)
-			cb(event)
 		}, oncontextmenu: function(event) {
 			can.onimport._menu(event, can, item, cbs)
 		}}
@@ -152,7 +153,8 @@ Volcanos(chat.ONIMPORT, {
 		return can.page.Append(can, _target||can.ui.project||can._output, [can.onimport._item(can, item, function(event) { var target = event.currentTarget
 			can.onmotion.select(can, target.parentNode, html.DIV_ITEM, target)
 			can.onengine.signal(can, "onproject", can.request(event, {type: "item", query: can.page.getquery(can, can._fields)+","+item.path}))
-			var show = target._list && can.onmotion.toggle(can, target._list); if (show === false) { return } cb(event, item, show, target)
+			var show = target._list && can.onmotion.toggle(can, target._list); if (show === false) { return true }
+			return cb(event, item, show, target)
 		}, cbs)])._target
 	},
 	_itemselect: function(can, target) {
@@ -164,8 +166,9 @@ Volcanos(chat.ONIMPORT, {
 		if (!target._list) { target._list = can.page.insertBefore(can, [html.LIST], target.nextSibling, target.parentNode) }
 		return can.page.Append(can, target._list, can.core.List(list, function(item) {
 			return can.onimport._item(can, item, function(event) { var target = event.currentTarget
-				if (target._list && target._list.childElementCount > 0 && target._list && can.onmotion.toggle(can, target._list) == false) { return }
+				if (target._list && target._list.childElementCount > 0 && target._list && can.onmotion.toggle(can, target._list) == false) { return true }
-				can.onimport._itemselect(can, target), cb && cb(event, item, target._list && true, target)
+				if (cb && cb(event, item, target._list && true, target)) { return }
+				can.onimport._itemselect(can, target)
 			}, cbs)
 		})), target._list
 	},
@@ -233,10 +236,12 @@ Volcanos(chat.ONIMPORT, {
 				index == 0 && can.onappend.plugin(can, value, function(sub) { can.db.value._content_plugin = sub, can.onimport.layout(can) }, can.ui.content)
 				index == 1 && can.onappend.plugin(can, value, function(sub) {
 					can.onmotion.toggle(can, can.ui.display, true)
-				can.db.value._display_plugin = sub, can.onimport.layout(can) }, can.ui.display)
+					can.db.value._display_plugin = sub, can.onimport.layout(can)
+				}, can.ui.display)
 				index == 2 && can.onappend.plugin(can, value, function(sub) {
 					can.onmotion.toggle(can, can.ui.profile, true)
-				can.db.value._profile_plugin = sub, can.onimport.layout(can) }, can.ui.profile)
+					can.db.value._profile_plugin = sub, can.onimport.layout(can)
+				}, can.ui.profile)
 				can.onmotion.delay(can, function() { can.onimport.layout(can) })
 				can.onmotion.delay(can, function() { can.onimport.layout(can) }, 100)
 				can.onmotion.delay(can, function() { can.onimport.layout(can) }, 300)
@@ -353,8 +358,7 @@ Volcanos(chat.ONIMPORT, {
 			sub.onimport._field = function(msg) { var sup = sub; can.onmotion.clear(can, sub._output)
 				msg.Table(function(value) { value.style = html.OUTPUT
 					can.onappend.plugin(can, value, function(sub) { can.onimport.myField(can, sub)
-						sub.onexport.output = function(_sub, msg) {
+						sub.onexport.output = function(_sub, msg) { can.onimport.myOption(sub)
-							can.onimport.myOption(sub)
 							can.user.isMobile && sub.onimport.size(sub, window.innerHeight-ACTION_HEIGHT, window.innerWidth, false)
 						}
 						var run = sub.run; sub.run = function(event, cmds, cb) {
@@ -371,6 +375,7 @@ Volcanos(chat.ONIMPORT, {
 				if (sub._history.length > 1) { sub.request(event, {_toast: "reload"}); return sub.onimport.back(event, sub), cb && cb() }
 				var _last = can._stacks_current.pop()
 				can.onmotion.slideOut(_last, function() { var last = can._stacks_current[can._stacks_current.length-1]; last._select()
+					can.onmotion.delay(can, function() { can._root.Action.onlayout._init(can) })
 					last.request(event, {_toast: "reload"})
 					if (last.ConfIndex().split(".").pop() == "message") { last.Update(event) }
 					can._stacks_current.length == 1 && last._output.innerHTML == "" && last.Update(event)
@@ -450,7 +455,7 @@ Volcanos(chat.ONIMPORT, {
 	authView: function(can, value) { return can.base.isIn(value.auth_status, "issued", "2") && {view: [aaa.AUTH, html.SPAN], list: [{icon: "bi bi-patch-check-fill", style: {color: "var(--notice-bg-color)"}}]} },
 	timeView: function(can, value, key) {
 		if (key) { return {text: [can.user.trans(can, key, null, html.INPUT)+": "+can.base.TimeTrim(value[key]), "", mdb.TIME]} }
-		return {text: [can.base.TimeTrim(value[key]||value.updated_at||value.created_at||value.time), "", mdb.TIME]}
+		return {text: [can.base.TimeTrim(value[key]||value.browse_time||value.updated_at||value.created_at||value.time), "", mdb.TIME]}
 	},
 	unitView: function(can, value, key, unit) { if (!value[key]) { return }
 		return {text: [[can.user.trans(can, key, null, html.INPUT)+":", value[key]].concat(unit? [unit]: []).join(" "), "", key]}