TheDesk 22.3.0

Merge branch 'master' of https://github.com/cutls/TheDesk
Update README.md
2021-06-18 17:06:45 +09:00 · 2021-06-18 16:29:07 +09:00 · 2021-06-18 16:29:01 +09:00 · 2021-06-18 16:22:32 +09:00 · 2021-06-18 16:21:51 +09:00 · 2021-06-18 16:21:25 +09:00
153 changed files with 11381 additions and 9649 deletions
--- a/.github/dependabot.yml
+++ b/.github/dependabot.yml
@@ -0,0 +1,49 @@
+version: 2
+updates:
+- package-ecosystem: npm
+  directory: "/app"
+  schedule:
+    interval: daily
+    time: "20:00"
+  open-pull-requests-limit: 10
+  ignore:
+  - dependency-name: font-manager
+    versions:
+    - "> 0.3.0, < 0.4"
+  - dependency-name: sweetalert2
+    versions:
+    - 10.14.1
+    - 10.15.0
+    - 10.15.1
+    - 10.15.2
+    - 10.15.3
+    - 10.15.5
+    - 10.15.6
+    - 10.16.0
+    - 10.16.2
+    - 10.16.5
+  - dependency-name: electron
+    versions:
+    - 11.2.1
+    - 12.0.2
+    - 12.0.3
+    - 12.0.4
+  - dependency-name: eslint
+    versions:
+    - 7.18.0
+    - 7.19.0
+    - 7.20.0
+    - 7.21.0
+    - 7.22.0
+    - 7.24.0
+  - dependency-name: itunes-nowplaying-mac
+    versions:
+    - 0.4.0
+  - dependency-name: electron-dl
+    versions:
+    - 3.0.3
+    - 3.1.0
+    - 3.2.0
+  - dependency-name: electron-rebuild
+    versions:
+    - 2.3.4
--- a/.gitignore
+++ b/.gitignore
@@ -21,6 +21,7 @@ app/view/cs
 app/view/ps
 app/view/es-AR
 app/view/it-IT
+app/view/pl-PL
 app/git
 *.code-workspace
 releasenote.md
--- a/.prettierrc
+++ b/.prettierrc
@@ -0,0 +1,8 @@
+{
+    "tabWidth": 4,
+    "useTabs": true,
+    "semi": false,
+    "singleQuote": true,
+    "printWidth": 200,
+    "jsxBracketSameLine": true
+}
--- a/README.md
+++ b/README.md
@@ -16,7 +16,7 @@
 Mastodon/Misskey client for PC(Windows/Linux/macOS)  
 オープンソースSNSマストドン/MisskeyのPC向けクライアント[日本語はこちら](README_ja.md)  
  
-Download:[TheDesk](https://thedesk.top)
+[![Download from TheDesk Official Website](https://thedesk.top/img/dlfrom-thedesk.svg?7)](https://thedesk.top)

 </div>

@@ -44,9 +44,7 @@ Please write issues to improve TheDesk affinity with Pleroma.

 ## Contributors

-* <img src="https://user-images.githubusercontent.com/17561618/66582029-162df380-ebbc-11e9-8a6f-1832b3a35d89.png" width="20">[toneji](https://minohdon.jp/@toneji) Build for macOS(Now: Travis CI)  
-* <img src="https://avatars3.githubusercontent.com/u/24523508?s=88&v=4" width="20">[popn_ja](https://popon.pptdn.jp/@popn_ja) Build for Linux(Now: Travis CI)  
-* <img src="https://user-images.githubusercontent.com/17561618/66582379-a3714800-ebbc-11e9-8402-d81a35a3be9f.png" width="20">[kPherox](https://pl.kpherox.dev/kPherox) Fellow coder
+[![](https://opencollective.com/TheDesk/contributors.svg?width=400&button=false)](https://github.com/cutls/TheDesk/graphs/contributors)

 ## Support

--- a/README_ja.md
+++ b/README_ja.md
@@ -15,7 +15,8 @@
 ![Contributors](https://flat.badgen.net/github/contributors/cutls/TheDesk)  
 Mastodon/Misskey client for PC(Windows/Linux/macOS)  
 オープンソースSNSマストドン/MisskeyのPC向けクライアント  
-Download:[TheDesk](https://thedesk.top)
+
+[![Download from TheDesk Official Website](https://thedesk.top/img/dlfrom-thedesk.svg?7)](https://thedesk.top)

 </div>

--- a/app/about.html
+++ b/app/about.html
@@ -1,139 +1,134 @@
 <!DOCTYPE html>
 <html lang="ja">
-	<head>
-		<title>TheDesk</title>
-		<meta content="width=device-width,initial-scale=1.0" name="viewport" />
-		<link href="./node_modules/materialize-css/dist/css/materialize.css" type="text/css" rel="stylesheet" />
-		<link href="./css/font-awesome.css" rel="stylesheet" type="text/css" />
-		<link href="./css/themes.css" type="text/css" rel="stylesheet" />
-		<link href="./css/master.css" type="text/css" rel="stylesheet" />
-		<link href="https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300|Baloo+Bhai" rel="stylesheet" />
-		<meta charset="utf-8" />
-		<style>
-			body {
-				font-family: 'Open Sans';
-				-webkit-app-region: drag;
-				cursor: move;
-				padding: 5px;
-				padding-top: 15px;
-			}

-			a,
-			button {
-				-webkit-app-region: no-drag;
-			}
+<head>
+    <title>TheDesk</title>
+    <meta content="width=device-width,initial-scale=1.0" name="viewport" />
+    <link href="./node_modules/materialize-css/dist/css/materialize.css" type="text/css" rel="stylesheet" />
+    <link href="./css/font-awesome.css" rel="stylesheet" type="text/css" />
+    <link href="./css/themes.css" type="text/css" rel="stylesheet" />
+    <link href="./css/master.css" type="text/css" rel="stylesheet" />
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300|Baloo+Bhai" rel="stylesheet" />
+    <meta charset="utf-8" />
+    <style>
+        body {
+            font-family: 'Open Sans';
+            -webkit-app-region: drag;
+            cursor: move;
+            padding: 5px;
+            padding-top: 15px;
+        }
+        
+        a,
+        button {
+            -webkit-app-region: no-drag;
+        }
+        
+        .container {
+            width: 100%;
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
+            grid-template-areas: 'name1 data1' 'name2 data2' 'name3 data3' 'name4 data4' 'name5 data5' 'name6 data6';
+            text-align: left;
+            margin: 5px;
+        }
+        
+        .area-name1 {
+            grid-area: name1;
+        }
+        
+        .area-data1 {
+            grid-area: data1;
+        }
+        
+        .area-name2 {
+            grid-area: name2;
+        }
+        
+        .area-data2 {
+            grid-area: data2;
+        }
+        
+        .area-name3 {
+            grid-area: name3;
+        }
+        
+        .area-data3 {
+            grid-area: data3;
+        }
+        
+        .area-name4 {
+            grid-area: name4;
+        }
+        
+        .area-data4 {
+            grid-area: data4;
+        }
+        
+        .area-name5 {
+            grid-area: name5;
+        }
+        
+        .area-data5 {
+            grid-area: data5;
+        }
+        
+        .area-name6 {
+            grid-area: name6;
+        }
+        
+        .area-data6 {
+            grid-area: data6;
+        }
+    </style>
+</head>

-			.container {
-				width: 100%;
-				display: grid;
-				grid-template-columns: 1fr 1fr;
-				grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
-				grid-template-areas: 'name1 data1' 'name2 data2' 'name3 data3' 'name4 data4' 'name5 data5' 'name6 data6';
-				text-align: left;
-				margin: 5px;
-			}
+<body class="center" style="overflow: hidden;">
+    <script type="text/javascript" src="./node_modules/jquery/dist/jquery.js"></script>
+    <script type="text/javascript" src="./js/platform/first-not-view.js"></script>
+    <script type="text/javascript" src="./node_modules/materialize-css/dist/js/materialize.js"></script>
+    <img src="./img/desk.svg" style="max-width: 58%;" />
+    <h5>TheDesk</h5>
+    <div class="container">
+        <div class="area-name1">Display version</div>
+        <div class="area-data1" id="now"></div>
+        <div class="area-name2">Internal version</div>
+        <div class="area-data2" id="ver"></div>
+        <div class="area-name3">Commit(7chars)</div>
+        <div class="area-data3" id="hash"></div>
+        <div class="area-name4">Chromium</div>
+        <div class="area-data4" id="chrome"></div>
+        <div class="area-name5">Electron</div>
+        <div class="area-data5" id="electron"></div>
+        <div class="area-name6">Node.js</div>
+        <div class="area-data6" id="node"></div>
+    </div>
+    <div class="cp">
+        Copyright &copy; TheDesk 2018<br /> Main developer(author): <a href="https://1m.cutls.com/@Cutls" target="_blank">Cutls P</a><br />
+        <a href="https://github.com/cutls/TheDesk/graphs/contributors" style="text-align: center; user-select: none;"><img src="https://opencollective.com/TheDesk/contributors.svg?width=700&button=false" style="width: 100%"></a>
+        <br /><a href="https://thedesk.top" target="_blank">Web site</a>
+    </div>
+    <button onclick="window.close()" class="btn waves-effect indigo" style="width: calc(100% - 10px);"><i class="material-icons left">close</i>Close</button>
+    <script type="text/javascript" src="./js/ui/theme.js"></script>
+    <script>
+        var about = JSON.parse(localStorage.getItem('about'))
+        $('#now').text(localStorage.getItem('ver'))
+        $('#node').text(about[0])
+        $('#chrome').text(about[1])
+        $('#electron').text(about[2])
+        if (location.search) {
+            var m = location.search.match(/\?ver=([a-zA-Z-0-9.]+)/)
+            var ver = m[1]
+            $('#ver').text(ver)
+        }
+        $('#hash').html('<a href="https://github.com/cutls/TheDesk/commits/' + about[3] + '" target="_blank">' + about[3].slice(0, 7) + '</a>')
+        $(document).on('click', 'a', (e) => {
+            var url = $(e.target).attr('href')
+            postMessage(['openUrl', url], '*')
+            return false
+        })
+    </script>
+</body>

-			.area-name1 {
-				grid-area: name1;
-			}
-
-			.area-data1 {
-				grid-area: data1;
-			}
-
-			.area-name2 {
-				grid-area: name2;
-			}
-
-			.area-data2 {
-				grid-area: data2;
-			}
-
-			.area-name3 {
-				grid-area: name3;
-			}
-
-			.area-data3 {
-				grid-area: data3;
-			}
-
-			.area-name4 {
-				grid-area: name4;
-			}
-
-			.area-data4 {
-				grid-area: data4;
-			}
-
-			.area-name5 {
-				grid-area: name5;
-			}
-
-			.area-data5 {
-				grid-area: data5;
-			}
-
-			.area-name6 {
-				grid-area: name6;
-			}
-
-			.area-data6 {
-				grid-area: data6;
-			}
-		</style>
-	</head>
-
-	<body class="center" style="overflow: hidden;">
-		<script type="text/javascript" src="./node_modules/jquery/dist/jquery.js"></script>
-		<script type="text/javascript" src="./js/platform/first-not-view.js"></script>
-		<script type="text/javascript" src="./node_modules/materialize-css/dist/js/materialize.js"></script>
-		<img src="./img/desk.svg" style="max-width: 62%;" />
-		<h5>TheDesk</h5>
-		<div class="container">
-			<div class="area-name1">Display version</div>
-			<div class="area-data1" id="now"></div>
-			<div class="area-name2">Internal version</div>
-			<div class="area-data2" id="ver"></div>
-			<div class="area-name3">Commit(7chars)</div>
-			<div class="area-data3" id="hash"></div>
-			<div class="area-name4">Chromium</div>
-			<div class="area-data4" id="chrome"></div>
-			<div class="area-name5">Electron</div>
-			<div class="area-data5" id="electron"></div>
-			<div class="area-name6">Node.js</div>
-			<div class="area-data6" id="node"></div>
-		</div>
-		<div class="cp">
-			Copyright &copy; TheDesk 2018<br />
-			Main developer(author): <a href="https://cutls.com/@Cutls" target="_blank">Cutls P</a><br />
-			Thanks:<a href="https://minohdon.jp/@toneji" target="_blank">toneji</a>/<a href="https://popon.pptdn.jp/@popn_ja" target="_blank">popn_ja</a>/<a
-				href="https://pl.kpherox.dev/kPherox"
-				target="_blank"
-				>kPherox</a
-			>
-			and all users
-			<img draggable="false" style="width: 0.8rem; top: 1px; margin-left: 1px; position: relative;" alt="❤️" title=":heart:" src="https://twemoji.maxcdn.com/2/72x72/2764.png" />
-			<br /><a href="https://thedesk.top" target="_blank">Web site</a>
-		</div>
-		<button onclick="window.close()" class="btn waves-effect indigo" style="width: calc(100% - 10px);"><i class="material-icons left">close</i>Close</button>
-		<script type="text/javascript" src="./js/ui/theme.js"></script>
-		<script>
-			var about = JSON.parse(localStorage.getItem('about'))
-			$('#now').text(localStorage.getItem('ver'))
-			$('#node').text(about[0])
-			$('#chrome').text(about[1])
-			$('#electron').text(about[2])
-			if (location.search) {
-				var m = location.search.match(/\?ver=([a-zA-Z-0-9.]+)/)
-				var ver = m[1]
-				$('#ver').text(ver)
-			}
-			$('#hash').html('<a href="https://github.com/cutls/TheDesk/commits/' + about[3] + '" target="_blank">' + about[3].slice(0, 7) + '</a>')
-			$(document).on('click', 'a', (e) => {
-				var url = $(e.target).attr('href')
-				postMessage(['openUrl', url], '*')
-				return false
-			})
-		</script>
-	</body>
-</html>
+</html>
--- a/app/aiscript.js
+++ b/app/aiscript.js
@@ -1,4 +1,6 @@
 const { AiScript, parse, values, utils } = require('@syuilo/aiscript')
+const gcc = require('textarea-caret')
+global.getCaretCoordinates = gcc
 global.sanitizeHtml = require('sanitize-html')
 global.asValue = values
 global.AiScript = AiScript
--- a/app/build.js
+++ b/app/build.js
@@ -139,6 +139,7 @@ async function cmd(options) {
                )
            }
            if ((isTrue(options, 'withArm64') && arch == 'x64') || arch == 'arm64') {
+                config.nsis.artifactName = artifactName.replace('${arch}', 'arm64')
                await build(Platform.WINDOWS, Arch.arm64, config)
                fs.renameSync(
                    `../build/TheDesk ${version}.exe`,
--- a/app/css/acct.css
+++ b/app/css/acct.css
@@ -91,4 +91,19 @@ i.left {
 }
 .text-line-icon {
 	font-size: 1rem;
+}
+.loginBtnWrap {
+	padding-top: 10px !important;
+}
+#add {
+	max-width: 1000px;
+}
+.autocomplete-content {
+	min-width: 450px;
+}
+.autocomplete-content li {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    word-break: break-word;
+    overflow: hidden;
 }
--- a/app/css/master.css
+++ b/app/css/master.css
@@ -28,7 +28,9 @@ html {
 	text-transform: none;
 	height: 2.76rem;
 	line-height: 2.76rem;
+	border-radius: 0.5rem;
 }
+
 .markdown {
 	display: none;
 }
@@ -88,16 +90,16 @@ option {

 #imagewrap {
 	width: 100%;
-	height: 100%;
+	height: calc(100% - 4px);
 }
 #imagewrap img.rotate-90 {
-	transform: rotate(-90deg)
+	transform: rotate(-90deg);
 }
 #imagewrap img.rotate-180 {
-	transform: rotate(-180deg)
+	transform: rotate(-180deg);
 }
 #imagewrap img.rotate-270 {
-	transform: rotate(-270deg)
+	transform: rotate(-270deg);
 }
 .pointer {
 	cursor: pointer;
@@ -234,6 +236,12 @@ blockquote:before,
 	right: 0;
 	top: 0;
 }
+.menu-icon {
+	font-size: 1.4rem !important;
+	top: 0.3rem;
+	line-height: 1rem !important;
+	position: relative;
+}
 #start {
 	display: none;
 	position: fixed;
@@ -329,8 +337,26 @@ blockquote:before,
 .collapsible-header:focus {
 	background-color: var(--thirdColor) !important;
 }
-.modal-footer {
+.modal .modal-footer {
 	background-color: var(--modalfooter) !important;
+	border-radius: 0;
+	padding: 0;
+}
+.modal {
+	border-radius: 1.5rem;
+}
+.progress .determinate,
+.progress .indeterminate {
+	background-color: var(--active);
+}
+.nomargin {
+	margin: 0;
+}
+#imginfo {
+	float: left;
+	padding-top: 0.23rem;
+	line-height: normal;
+	padding-left: 1rem;
 }
 .font {
 	font-size: 1.5rem;
@@ -342,7 +368,8 @@ blockquote:before,
 .release-do {
 	border: solid 2px;
 	border-color: var(--text);
-	padding: 5px;
+	padding: 1.5rem;
+	border-radius: 0.5rem;
 }
 #pickers {
 	display: flex;
@@ -392,7 +419,8 @@ input[type='color']::-webkit-color-swatch {
 	color: var(--text);
 }
 #left-menu a:hover {
-	background-color: var(--beforehover);
+	background-color: var(--emphasized);
+    filter: brightness(80%);
 }
 #left-menu span {
 	margin-left: 0.4rem;
@@ -401,7 +429,9 @@ input[type='color']::-webkit-color-swatch {
 	background-color: var(--emphasized);
 }
 #left-menu a.active span {
-	text-decoration: underline;
+	text-decoration: none;
+	border-bottom: 1px solid;
+	padding-bottom: 0.5px;
 }
 #right-menu {
 	width: 100%;
@@ -417,16 +447,27 @@ input[type='color']::-webkit-color-swatch {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
-	width: 13rem;
-	height: 3.1rem;
+	min-width: 150px;
+	width: 50%;
+	height: 2.5rem;
 	cursor: pointer;
 	color: var(--text);
 }
+#tltype .type div {
+	margin-left: 5px;
+	margin-right: 5px;
+	margin-top: 3px;
+}
 #tltype .type span {
-	width: calc(100% - 2.3rem);
+	width: calc(100% - 4rem);
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	word-break: break-word;
+	overflow: hidden;
 }
 #tltype .type:hover {
-	background-color: var(--beforehover);
+	background-color: var(--emphasized);
+    filter: brightness(80%);
 }
 #tltype .active {
 	background-color: var(--emphasized);
@@ -498,7 +539,8 @@ textarea {
 	font-size: 1rem !important;
 	font-family: inherit;
 }
-.swal2-popup, .swal2-header {
+.swal2-popup,
+.swal2-header {
 	background-color: var(--subcolor) !important;
 }
 .swal2-title,
@@ -510,7 +552,7 @@ h2.swal2-title {
 	line-height: 100%;
 }
 .swal2-close:focus {
-    background-color: inherit !important;
+	background-color: inherit !important;
 	box-shadow: none !important;
 }
 .swal2-actions {
@@ -558,6 +600,7 @@ h2.swal2-title {
 	background-color: var(--emphasized);
 }
 #pageSrc {
+	border-radius: 10px;
 	position: absolute;
 	top: 0;
 	left: calc(50vw - 11.53rem);
@@ -565,10 +608,22 @@ h2.swal2-title {
 	max-width: 100%;
 	background-color: var(--subcolor);
 	z-index: 501;
-	padding: 0.4rem;
 }
-#pageSrcInput {
-	width: 12.3rem;
+.pageSrcBtn:hover {
+	background-color: var(--selected);
+}
+.srcQ {
+	margin-top: 0.4rem;
+	padding-left: 0.5rem;
+	padding-right: 0.5rem;
+	border-bottom: 1px solid;
+}
+.lastPSB {
+	margin-bottom: 0.4rem;
+}
+.pageSrcBtn {
+	padding-left: 0.5rem;
+	padding-right: 0.5rem;
 }
 .voice {
 	clip: rect(1px, 1px, 1px, 1px);
@@ -689,10 +744,19 @@ button {
 }
 .pluginNex {
 	width: 2rem;
-    text-align: center;
+	text-align: center;
 }
 .pluginNex span {
 	font-size: 2rem;
-    position: relative;
-    top: -4px;
-}
+	position: relative;
+	top: -4px;
+}
+#fonts {
+	overflow-y: scroll;
+	width: 22rem;
+	height: 40rem;
+	position: absolute;
+	background-color: var(--bg);
+	z-index: 2;
+	padding: 5px;
+}
--- a/app/css/post.css
+++ b/app/css/post.css
@@ -69,6 +69,20 @@ textarea {
 	overflow-y: scroll;
 	overflow-x: hidden;
 }
+#suggest {
+	position: absolute;
+	top: 0;
+	left: 0;
+	background-color: var(--bg);
+	z-index: 2;
+	border-radius: 0.5rem;
+	display: none;
+	max-height: 10rem;
+}
+#suggest a {
+	margin-left: 0.5rem;
+	margin-right: 0.5rem;
+}
 #emoji-list {
 	width: 100%;
 	height: 15.4rem;
--- a/app/css/sweetalert2-material.css
+++ b/app/css/sweetalert2-material.css
--- a/app/css/sweetalert2-material.min.css
+++ b/app/css/sweetalert2-material.min.css
--- a/app/css/tl.css
+++ b/app/css/tl.css
@@ -359,8 +359,8 @@ iframe,
 	grid-area: actions;
 }
 .area-actions .btn-flat {
-	height: 1rem;
-	line-height: 1rem;
+	height: 1.3rem;
+	line-height: 1.3rem;
 }
 .area-actions .btn-flat,
 .area-vis i,
@@ -384,7 +384,16 @@ iframe,
 	margin: 0.15rem;
 	grid-area: side;
 }
-
+.notf-udg-text {
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	word-break: break-word;
+	overflow: hidden;
+	max-width: calc(100% - 150px);
+	display: inline-block;
+	position: relative;
+	top: 0.2rem;
+}
 .cusr {
 	user-select: text;
 	padding-left: 0.4rem;
@@ -409,6 +418,12 @@ iframe,
 	margin-top: 0.46rem;
 	margin-left: 0.46rem;
 }
+.landing {
+	text-align: center;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}

 .quote-inline {
 	display: none;
@@ -442,6 +457,12 @@ iframe,
 .btn-flat {
 	color: var(--text);
 }
+.sublink {
+	font-size: 1.4rem !important;
+	position: relative;
+	top: 0.4rem;
+	cursor: pointer;
+}
 .area-side i {
 	margin-left: 0.75rem;
 }
@@ -452,6 +473,9 @@ iframe,
 	font-size: 1.2rem;
 	margin-right: 0.15rem;
 }
+.action li i {
+	margin-right: 0.5rem;
+}
 .action .fa-quote-right {
 	margin-top: 0.15rem;
 }
@@ -561,7 +585,9 @@ p:not(:last-child) {
 	font-weight: bold;
 	text-decoration: underline;
 }
-
+.rotate-90 {
+	transform: rotate(90deg);
+}
 .area-notice {
 	grid-area: notice;
 }
@@ -578,13 +604,32 @@ p:not(:last-child) {
 	width: 8rem;
 	display: flex;
 }
-.area-sta .hide {
-	display: inline-block !important;
-}
 .small-header .area-sta::-webkit-scrollbar {
 	height: 5px;
 }
-
+#tagContextMenu {
+	position: absolute;
+	top: 0;
+	left: 0;
+	background-color: var(--subcolor);
+	z-index: 2;
+	border-radius: 0.4rem;
+}
+#tagContextMenu a {
+	display: block;
+	color: var(--text);
+	padding-left: 0.5rem;
+	padding-right: 0.5rem;
+}
+#tagContextMenu a:hover {
+	background-color: var(--selected);
+}
+.firstTCM {
+	margin-top: 0.4rem;
+}
+.lastTCM {
+	margin-bottom: 0.4rem;
+}
 .area-notice_name {
 	grid-area: notice_name;
 	overflow: hidden;
@@ -676,13 +721,24 @@ p:not(:last-child) {
 	padding-left: 23px !important;
 	margin-right: 5px;
 }
+.columnSettings {
+	display: flex;
+	flex-wrap: wrap;
+}
 .notf-indv-box .setting {
 	font-size: 1rem;
-	width: calc(25% - 3px);
-	text-align: left;
-	padding: 5px;
-	height: 70px;
+	width: calc(25% - 6px);
+	margin: 3px;
+	height: 100px;
 	text-align: center;
+	display: flex;
+	flex-direction: column;
+	padding-top: 17px;
+	border: 1px solid;
+	border-radius: 5px;
+}
+.notf-indv-box .setting:hover {
+	color: var(--text);
 }
 .notf-exclude-btn {
 	border: 1px solid;
@@ -721,6 +777,9 @@ p:not(:last-child) {
 	overflow: hidden;
 	position: relative;
 }
+.dropdown-content li {
+	padding-top: 0.4rem;
+}
 .fa-2x > .emoji-img {
 	width: 2.3rem !important;
 	height: 2.3rem !important;
--- a/app/css/userdata.css
+++ b/app/css/userdata.css
@@ -24,21 +24,20 @@
 }
 #his-float-data {
 	height: 100%;
-  overflow-y: hidden;
-  
+	overflow-y: hidden;
 }
 #his-leftside {
-  width: 28.4rem;
-  max-width: 30vw;
+	width: 28.4rem;
+	max-width: 30vw;
 }
 #his-float-timeline {
-  max-width: 47.5rem;
-  min-width: calc(100% - 29.4rem);
+	max-width: 47.5rem;
+	width: calc(100% - 28.4rem);
 	height: 100%;
 	overflow-y: hidden;
 }
 #his-basic-prof {
-  display: flex;
+	display: flex;
 	min-height: 10rem;
 }
 #his-field {
@@ -150,13 +149,24 @@
 	background-color: var(--bg);
 }
 #hisdropdown li a {
-	color: white;
+	color: var(--text);
 }
 #hisdropdown li:hover {
 	background-color: var(--active);
 }
-#his-data-title {
+#his-data-title-wrap {
 	width: 100%;
 	text-align: center;
 	font-size: 1.5rem;
+	display: flex;
+	justify-content: center;
+	align-items: center;
 }
+#his-data-title .material-icons {
+	position: relative;
+	top: 5px;
+	margin-right: 3px;
+}
+#his-data-title a {
+	color: white;
+}
--- a/app/js/common/version.js
+++ b/app/js/common/version.js
@@ -5,20 +5,6 @@ function verck(ver, jp) {
 	$('body').addClass(localStorage.getItem('platform'))
 	var date = new Date()
 	var showVer = false
-	//Spotify
-	if (localStorage.getItem('spotify')) {
-		localStorage.removeItem('spotify')
-		localStorage.removeItem('spotify-refresh')
-		var spDc = 'Spotify NowPlaying sysytem was changed, please re-login to Spotify'
-		if(lang.language == 'ja') {
-			spDc = 'Spotify NowPlayingの機能が変更されたため、もう一度ログインしてください'
-		}
-		Swal.fire({
-			type: 'info',
-			title: spDc,
-		})
-	}
-	//Spotify(e)
 	if (localStorage.getItem('ver') != ver && localStorage.getItem('winstore')) {
 		showVer = true
 		console.log('%c Thank you for your update🎉', 'color: red;font-size:200%;')
@@ -44,10 +30,7 @@ function verck(ver, jp) {
 	localStorage.setItem('ver', ver)
 	if (!showVer) {
 		console.log(showVer)
-		if (
-			date.getFullYear() * 100 + date.getMonth() + 1 >= localStorage.getItem('showSupportMe') ||
-			!localStorage.getItem('showSupportMe')
-		) {
+		if (!localStorage.getItem('showSupportMe')) {
 			if (date.getMonth() == 11) {
 				var yrs = date.getFullYear() + 1
 				var nextmonth = yrs * 100 + 1
@@ -55,21 +38,35 @@ function verck(ver, jp) {
 				var yrs = date.getFullYear() 
 				var nextmonth = yrs * 100 + date.getMonth() + 2
 			}
-			if (lang.language != 'ja') {
-				$('#support-btm-ja').addClass('hide')
-				$('#support-btm-en').removeClass('hide')
-			}
 			localStorage.setItem('showSupportMe', nextmonth)
-			$('#support-btm').removeClass('hide')
-			$('#support-btm').animate(
-				{
-					bottom: '0'
-				},
-				{
-					duration: 300
+		} else {
+			if (
+				date.getFullYear() * 100 + date.getMonth() + 1 >= localStorage.getItem('showSupportMe')
+			) {
+				if (date.getMonth() == 11) {
+					var yrs = date.getFullYear() + 1
+					var nextmonth = yrs * 100 + 1
+				} else {
+					var yrs = date.getFullYear() 
+					var nextmonth = yrs * 100 + date.getMonth() + 2
 				}
-			)
+				localStorage.setItem('showSupportMe', nextmonth)
+				if (lang.language != 'ja') {
+					$('#support-btm-ja').addClass('hide')
+					$('#support-btm-en').removeClass('hide')
+				}
+				$('#support-btm').removeClass('hide')
+				$('#support-btm').animate(
+					{
+						bottom: '0'
+					},
+					{
+						duration: 300
+					}
+				)
+			}
 		}
+		
 	}
 	var platform = localStorage.getItem('platform')
 	console.log('Your platform:' + platform)
@@ -114,11 +111,6 @@ function verck(ver, jp) {
 		.then(function(mess) {
 			console.table(mess)
 			if (mess) {
-				//askjp_jp_ua: 2019年10月24日、mstdn.jpによるユーザーエージェントアクセス制限
-				if (jp && mess.jp_ua && !localStorage.getItem('askjp_jp_ua')) {
-					localStorage.setItem('askjp_jp_ua', true)
-					$('#askjp_jp_ua').removeClass('hide')
-				}
 				var platform = localStorage.getItem('platform')
 				if (platform == 'darwin') {
 					var newest = mess.desk_mac
--- a/app/js/login/manager.js
+++ b/app/js/login/manager.js
@@ -423,10 +423,6 @@ function login(url) {
 			versionChecker(url)
 			$('#add').hide()
 			postMessage(['openUrl', auth], '*')
-			if ($('#linux:checked').val() == 'on') {
-			} else {
-				postMessage(['sendSinmpleIpc', 'quit'], '*')
-			}
 		}
 	}
 }
@@ -625,15 +621,16 @@ function misskeyAuth(url, mkc) {

 //テキストボックスにURL入れた
 function instance() {
-	var url = $('#url').val()
+	var url = $('#autocomplete-input').val()
 	if (url.indexOf('@') != -1 || url.indexOf('https') != -1) {
 		alert('入力形式が違います。(Cutls@mstdn.jpにログインする場合、入力するのは"mstdn.jp"です。)')
 		return false
 	}
-	login(url)	
+	login(url)
 }
 //コード入れてAccessTokenゲット
 function code(code) {
+	var red = localStorage.getItem('redirect')
 	localStorage.removeItem('redirect')
 	if (!code) {
 		var code = $('#code').val()
@@ -696,7 +693,7 @@ function code(code) {
 		}
 		return
 	} else {
-		var red = 'urn:ietf:wg:oauth:2.0:oob'
+		if (!red) red = 'urn:ietf:wg:oauth:2.0:oob'
 		if (~url.indexOf('pixelfed')) {
 			red = 'https://thedesk.top/hello.html'
 		}
@@ -720,6 +717,7 @@ function code(code) {
 			if (httpreq.readyState === 4) {
 				var json = httpreq.response
 				if (this.status !== 200) {
+					M.toast({ html: lang.lang_fatalerroroccured + 'Error: cannot complete', displayLength: 5000 })
 					setLog(start, this.status, json)
 				}
 				if (json['access_token']) {
@@ -1089,15 +1087,14 @@ function coloradd(key, bg, txt) {
 //入力時にハッシュタグと@をサジェスト
 var timer = null

-var input = document.getElementById('url')
-
+var input = document.getElementById('autocomplete-input')
 var prev_val = input.value
 var oldSuggest
 var suggest
 input.addEventListener(
 	'focus',
 	function () {
-		$('#ins-suggest').html('')
+		const instance = M.Autocomplete.getInstance(input)
 		window.clearInterval(timer)
 		timer = window.setInterval(function () {
 			var new_val = input.value
@@ -1108,7 +1105,7 @@ input.addEventListener(
 						method: 'GET',
 						headers: {
 							'content-type': 'application/json',
-							}
+						}
 					})
 						.then(function (response) {
 							if (!response.ok) {
@@ -1125,21 +1122,20 @@ input.addEventListener(
 						})
 						.then(function (json) {
 							if (!json.error) {
-								var urls = 'Suggest:'
+								let data = {}
 								Object.keys(json.data).forEach(function (key) {
 									var url = json.data[key]
-									urls =
-										urls +
-										`<a onclick="login('${url.uri}')" class="pointer" title="${url.uri}">${escapeHTML(url.title ? url.title : url.uri)}</a>, `
+									data[url.uri] = escapeHTML(url.title ? url.title : url.uri)
 								})
-								$('#ins-suggest').html(urls)
+								instance.updateData(data)
+								instance.open()
 							} else {
 								console.error(json.error)
 							}
 						})
 				}
 				oldSuggest = suggest
-				prev_value = new_val
+				prev_val = new_val
 			}
 		}, 1000)
 	},
@@ -1157,3 +1153,12 @@ input.addEventListener(
 function asReadEnd() {
 	postMessage(['asReadComp', ''], '*')
 }
+
+// Or with jQuery
+
+$(document).ready(function(){
+    $('input.autocomplete').autocomplete({
+      data: {},
+    });
+  });
+        
--- a/app/js/platform/end.js
+++ b/app/js/platform/end.js
@@ -29,7 +29,7 @@ $(document).on('click', 'a', e => {
 					acct_id = 0
 				}
 				$a.parent().addClass('loadp')
-				$a.parent().text('Loading...')
+				
 				detEx(url, acct_id)
 			}
 		} else if (tags) {
@@ -186,7 +186,7 @@ onmessage = function (e) {
 	} else if (e.data[0] == 'asReadEnd') {
 		asReadEnd()
 	} else if (e.data[0] == 'accessibility') {
-		console.log('atrue')
+		console.log('accessibility mode')
 		$('body').addClass('accessibility')
 		$('.window-title').before('<div class="accessMark">Screen Reader Optimized</div>')
 	} else if (e.data[0] == 'logData') {
@@ -200,6 +200,22 @@ onmessage = function (e) {
 		})
 	} else if (e.data[0] == 'twitterLoginComplete') {
 		location.reload()
+	} else if (e.data[0] == 'customUrl') {
+		const mode = e.data[1][0]
+		const codex = e.data[1][1]
+		if (mode === 'share') {
+			$('textarea').focus()
+			$('#textarea').val(decodeURI(codex))
+			show()
+			$('body').removeClass('mini-post')
+			$('.mini-btn').text('expand_less')
+		} else if (mode === 'manager' || mode === 'login') {
+			code(codex)
+		} else if (mode === 'spotify') {
+			var coder = codex.split(':')
+			localStorage.setItem('spotify', coder[0])
+			localStorage.setItem('spotify-refresh', coder[1])
+		}
 	}
 }
 /* PWA */
@@ -236,3 +252,34 @@ const connection = function (event) {
 }
 window.onoffline = connection
 window.ononline = connection
+
+let lastSelection = null
+let isSame = true
+$(document).on('keyup mouseup', function (e) {
+	lastSelection = (window.getSelection().toString() !== '') ? window.getSelection().getRangeAt(0) : null
+	if (!isSame) $('#pageSrc').addClass('hide')
+})
+
+// カスタム右クリックメニュー
+$(document).on('contextmenu', function (e) {
+	// テキスト選択中であれば何もしない
+	if (lastSelection !== null) {
+		const currentSelection = window.getSelection().getRangeAt(0)
+		for (let key in currentSelection) {
+			if (currentSelection[key] != lastSelection[key]) {
+				isSame = false
+				break
+			}
+		}
+
+		if (isSame && currentSelection != '') {
+			$('#pageSrc').removeClass('hide')
+			$('#pageSrc').css('left', e.pageX)
+			$('#pageSrc').css('top', e.pageY)
+			$('.srcQ').text(currentSelection)
+		}
+	}
+})
+$('textarea, input').on('contextmenu', function (e) {
+	postMessage(['textareaContextMenu', { x: e.pageX, y: e.pageY }], '*')
+})
--- a/app/js/platform/preload.js
+++ b/app/js/platform/preload.js
@@ -83,6 +83,8 @@ onmessage = function(e) {
 		ipc.send('log', e.data[1])
 	} else if (e.data[0] == 'twitterLogin') {
 		ipc.send('twitterLogin', e.data[1])
+	} else if (e.data[0] == 'textareaContextMenu') {
+		ipc.send('textareaContextMenu', e.data[1])
 	}
 }
 //version.js
@@ -236,3 +238,9 @@ ipc.on('accessibility', function(event, arg) {
 ipc.on('twitterLoginComplete', function(event, arg) {
 	postMessage(['twitterLoginComplete', ''], '*')
 })
+ipc.on('alert', function(event, arg) {
+	postMessage(['alert', arg], '*')
+})
+ipc.on('customUrl', function(event, args) {
+	postMessage(['customUrl', args], '*')
+})
--- a/app/js/post/emoji.js
+++ b/app/js/post/emoji.js
@@ -19,7 +19,7 @@ function emojiToggle(reaction) {
 		if (width) {
 			width = width.replace('px', '') * 1 + 300
 		} else {
-			width = 600
+			width = reaction ? 300 : 600
 		}
 		$('#post-box').css('width', width + 'px')
 		$('#suggest').html('')
@@ -126,8 +126,10 @@ function emojiGet(parse, started) {

 					md['if_categorized'] = if_categorized
 					localStorage.setItem('emojis_' + acct_id, JSON.stringify(md))
+					localStorage.setItem(`emojis_raw_${acct_id}`, JSON.stringify(json))
 				} else {
 					localStorage.setItem('emojis_' + acct_id, JSON.stringify(md))
+					localStorage.setItem(`emojis_raw_${acct_id}`, JSON.stringify(json))
 				}
 				localStorage.setItem('emojiseek', 0)
 				if (!started) {
--- a/app/js/post/status.js
+++ b/app/js/post/status.js
--- a/app/js/post/suggest.js
+++ b/app/js/post/suggest.js
@@ -9,183 +9,162 @@ var suggest

 input.addEventListener(
 	'focus',
-	function() {
+	function () {
 		localStorage.removeItem('cursor')
 		var acct_id = $('#post-acct-sel').val()
 		$('#suggest').html('')
+		$('#suggest').hide()
 		window.clearInterval(timer)
-		timer = window.setInterval(function() {
+		timer = window.setInterval(function () {
 			var new_val = input.value
 			if (new_val == '') {
 				$('#suggest').html('')
-				if ($('#poll').hasClass('hide') && $('#emoji').hasClass('hide') && $('#draft').hasClass('hide')) {
-					$('#right-side').hide()
-					$('#right-side').css('width', '300px')
-					$('#left-side').css('width', '100%')
-					var width = localStorage.getItem('postbox-width')
-					if (width) {
-						width = width.replace('px', '') * 1
-					} else {
-						width = 300
-					}
-					$('#post-box').css('width', width + 'px')
-				}
+				$('#suggest').hide()
 				return
 			}
 			if (prev_val != new_val) {
-				var tag = new_val.match(/#(\S{3,})/)
-				var acct = new_val.match(/@(\S{3,})/)
-				if (tag && tag[1]) {
-					var q = tag[1]
-				} else if (acct && acct[1]) {
-					var q = acct[1]
+				const pos = input.selectionStart
+				let startI = pos - 1
+				let hasDomain = false
+				let hasDomainOnce = false
+				for (startI = pos - 1; startI >= 0; startI--) {
+					if (new_val[startI].match(/\./)) hasDomain = true
+					if (new_val[startI].match(/#|@|:/) && !hasDomain) break
+					if (new_val[startI].match(/@/) && hasDomainOnce) break
+					if (new_val[startI].match(/@/) && !hasDomainOnce) hasDomainOnce = true
+				}
+				const target = new_val.substr(startI, pos - startI)
+				var tag = target.match(/#(\S{3,})/g)
+				var acct = target.match(/@(\S{3,})(@(\S{3,}))?/g)
+				var emoji = target.match(/:(\S{1,})/g)
+				if (emoji && emoji[0]) {
+					const l = emoji[0]
+					const emojis = localStorage.getItem('emojis_raw_' + acct_id)
+					const json = emojis ? JSON.parse(emojis) : []
+					const reg = new RegExp(`${emoji[0]}`)
+					let listHtml = ''
+					for (const emoji of json) {
+						const { shortcode, url } = emoji
+						if (`:${shortcode}`.match(reg)) {
+							listHtml = listHtml + `${listHtml ? `<br>` : ``}<a onclick="tagInsert(':${shortcode}:','${l}')" class="pointer"><img src="${url}" width="15">:${shortcode}:</a>`
+						}
+					}
+					$('#suggest').html(listHtml)
+					$('#suggest').show()
+				} else if (tag && tag[0]) {
+					var q = tag[0]
+				} else if (acct && acct[0]) {
+					var q = acct[0]
 				} else {
 					$('#suggest').html('')
-					if ($('#poll').hasClass('hide') && $('#emoji').hasClass('hide') && $('#draft').hasClass('hide')) {
-						$('#right-side').hide()
-						$('#right-side').css('width', '300px')
-						$('#left-side').css('width', '100%')
-						var width = localStorage.getItem('postbox-width')
-						if (width) {
-							width = width.replace('px', '') * 1
-						} else {
-							width = 300
-						}
-						$('#post-box').css('width', width + 'px')
-					}
+					$('#suggest').hide()
 					return
 				}
-				var domain = localStorage.getItem('domain_' + acct_id)
-				var at = localStorage.getItem('acct_' + acct_id + '_at')
-				suggest = 'https://' + domain + '/api/v2/search?q=' + q
-				if (suggest != oldSuggest) {
-					console.log('Try to get suggest at ' + suggest)
-					fetch(suggest, {
-						method: 'GET',
-						headers: {
-							'content-type': 'application/json',
-							Authorization: 'Bearer ' + at
-						}
-					})
-						.then(function(response) {
-							if (!response.ok) {
-								response.text().then(function(text) {
-									setLog(response.url, response.status, text)
-								})
+				if (q) {
+					var domain = localStorage.getItem('domain_' + acct_id)
+					var at = localStorage.getItem('acct_' + acct_id + '_at')
+					suggest = 'https://' + domain + '/api/v2/search?q=' + encodeURIComponent(q)
+					if (suggest != oldSuggest) {
+						console.log('Try to get suggest at ' + suggest)
+						fetch(suggest, {
+							method: 'GET',
+							headers: {
+								'content-type': 'application/json',
+								Authorization: 'Bearer ' + at
 							}
-							return response.json()
 						})
-						.catch(function(error) {
-							todo(error)
-							setLog(start, 'JSON', error)
-							console.error(error)
-						})
-						.then(function(json) {
-							console.log(['Search', json])
-							//ハッシュタグ
-							if (json.hashtags[0] && tag) {
-								if (tag[1]) {
-									var tags = []
-									Object.keys(json.hashtags).forEach(function(key4) {
-										var tag = json.hashtags[key4]
-										var his = tag.history
-										var uses =
-											his[0].uses * 1 +
-											his[1].uses * 1 +
-											his[2].uses * 1 +
-											his[3].uses * 1 +
-											his[4].uses * 1 +
-											his[5].uses * 1 +
-											his[6].uses * 1
-										tagHTML = `<br><a onclick="tagInsert('#${escapeHTML(
-											tag.name
-										)}','#${q}')" class="pointer">#${escapeHTML(tag.name)}</a>&nbsp;${uses}toot(s)`
+							.then(function (response) {
+								if (!response.ok) {
+									response.text().then(function (text) {
+										setLog(response.url, response.status, text)
+									})
+								}
+								return response.json()
+							})
+							.catch(function (error) {
+								todo(error)
+								setLog(start, 'JSON', error)
+								console.error(error)
+							})
+							.then(function (json) {
+								console.log(['Search', json])
+								//ハッシュタグ
+								if (json.hashtags[0] && tag) {
+									if (tag[0]) {
+										var tags = []
+										Object.keys(json.hashtags).forEach(function (key4) {
+											var tag = json.hashtags[key4]
+											var his = tag.history
+											var uses =
+												his[0].uses * 1 +
+												his[1].uses * 1 +
+												his[2].uses * 1 +
+												his[3].uses * 1 +
+												his[4].uses * 1 +
+												his[5].uses * 1 +
+												his[6].uses * 1
+											tagHTML = `<br><a onclick="tagInsert('#${escapeHTML(
+												tag.name
+											)}','${q}')" class="pointer">#${escapeHTML(tag.name)}</a>&nbsp;${uses}toot(s)`

-										var item = {
-											uses: uses,
-											html: tagHTML
-										}
-										tags.push(item)
-									})
-									var num_a = -1
-									var num_b = 1
-									tags = tags.sort(function(a, b) {
-										var x = a['uses']
-										var y = b['uses']
-										if (x > y) return num_a
-										if (x < y) return num_b
-										return 0
-									})
-									var ins = ''
-									var nev = false
-									Object.keys(tags).forEach(function(key7) {
-										ins = ins + tags[key7].html
-										if (key7 <= 0 && !nev) {
-											ins = ins + '<br>'
-											nev = true
-										}
-									})
-									$('#suggest').html(ins)
-									$('#right-side').show()
-									$('#right-side').css('width', '200px')
-									$('#left-side').css('width', 'calc(100% - 200px)')
-									var width = localStorage.getItem('postbox-width')
-									if (width) {
-										width = width.replace('px', '') * 1 + 200
-									} else {
-										width = 500
+											var item = {
+												uses: uses,
+												html: tagHTML
+											}
+											tags.push(item)
+										})
+										var num_a = -1
+										var num_b = 1
+										tags = tags.sort(function (a, b) {
+											var x = a['uses']
+											var y = b['uses']
+											if (x > y) return num_a
+											if (x < y) return num_b
+											return 0
+										})
+										var ins = ''
+										var nev = false
+										Object.keys(tags).forEach(function (key7) {
+											ins = ins + tags[key7].html
+											if (key7 <= 0 && !nev) {
+												//ins = ins + '<br>'
+												nev = true
+											}
+										})
+										$('#suggest').html(ins)
+										$('#suggest').show()
 									}
-									$('#post-box').css('width', width + 'px')
-									$('#poll').addClass('hide')
-									$('#emoji').addClass('hide')
-									$('#draft').addClass('hide')
-								}
-							} else if (json.accounts[0] && acct[1]) {
-								var accts = ''
-								Object.keys(json.accounts).forEach(function(key3) {
-									var acct = json.accounts[key3]
-									if (acct.acct != q) {
-										//Instance Actorって…
-										if (acct.username.indexOf('.') < 0) {
-											accts =
-												accts +
-												`<a onclick="tagInsert('@${acct.acct}','@${q}')" class="pointer">@${acct.acct}</a><br>`
+								} else if (json.accounts[0] && acct[0]) {
+									var accts = ''
+									Object.keys(json.accounts).forEach(function (key3) {
+										var acct = json.accounts[key3]
+										if (acct.acct != q) {
+											//Instance Actorって…
+											if (acct.username.indexOf('.') < 0) {
+												accts =
+													accts +
+													`<a onclick="tagInsert('@${acct.acct}','${q}')" class="pointer">@${acct.acct}</a><br>`
+											}
 										}
-									}
-								})
-								$('#right-side').show()
-								$('#right-side').css('width', '200px')
-								$('#left-side').css('width', 'calc(100% - 200px)')
-								var width = localStorage.getItem('postbox-width')
-								if (width) {
-									width = width.replace('px', '') * 1 + 200
+									})
+									$('#suggest').html(accts)
+									$('#suggest').show()
 								} else {
-									width = 500
+
 								}
-								$('#post-box').css('width', width + 'px')
-								$('#suggest').html(accts)
-								$('#poll').addClass('hide')
-								$('#emoji').addClass('hide')
-								$('#draft').addClass('hide')
-							} else {
-								if ($('#poll').hasClass('hide') && $('#emoji').hasClass('hide') && $('#draft').hasClass('hide')) {
-									$('#right-side').hide()
-									$('#right-side').css('width', '300px')
-									$('#left-side').css('width', '100%')
-									var width = localStorage.getItem('postbox-width')
-									if (width) {
-										width = width.replace('px', '') * 1
-									} else {
-										width = 300
-									}
-									$('#post-box').css('width', width + 'px')
-								}
-							}
-						})
+							})
+					}
 				}
 			}
 			oldSuggest = suggest
-			prev_value = new_val
+			prev_val = new_val
+
+			const rectTextarea = document.querySelector('#textarea')
+			const rect = rectTextarea.getBoundingClientRect()
+			const caret = getCaretCoordinates(rectTextarea, rectTextarea.selectionEnd)
+			$('#suggest').css('top', `calc(${caret.top}px + 1rem)`)
+			const left = rect.width / 2 < caret.left ? rect.width / 2 : caret.left
+			$('#suggest').css('left', left)
 		}, 1000)
 	},
 	false
@@ -193,15 +172,20 @@ input.addEventListener(

 input.addEventListener(
 	'blur',
-	function() {
+	function () {
 		window.clearInterval(timer)
 		favTag()
 	},
 	false
 )
-function tagInsert(code, del) {
-	var blankBefore = ' '
-	var blankAfter = ' '
+function tagInsert(code, del, emoji) {
+	if (localStorage.getItem('emoji-zero-width') == 'yes' && emoji) {
+		var blankBefore = ''
+		var blankAfter = ''
+	} else {
+		var blankBefore = ' '
+		var blankAfter = ' '
+	}
 	var textarea = document.querySelector('#textarea')
 	var sentence = textarea.value
 	var len = sentence.length
@@ -217,10 +201,10 @@ function tagInsert(code, del) {
 	var after = sentence.substr(pos, len)
 	var start = after.substr(0, 1)
 	if (start == ' ') blankAfter = ''
-	if (len == 0) {
-		var word = code
+	if (len === delLen) {
+		var word = code + blankAfter
 	} else if (len == pos) {
-		var word = blankBefore + code
+		var word = blankBefore + code + blankAfter
 	} else if (pos == 0) {
 		var word = code + blankAfter
 	} else {
@@ -228,17 +212,9 @@ function tagInsert(code, del) {
 	}
 	sentence = before + word + after
 	textarea.value = sentence
-	if ($('#poll').hasClass('hide') && $('#emoji').hasClass('hide') && $('#draft').hasClass('hide')) {
-		$('#right-side').hide()
-		$('#right-side').css('width', '300px')
-		$('#left-side').css('width', '50%')
-		var width = localStorage.getItem('postbox-width').replace('px', '') * 1
-		if (!width) {
-			width = 300
-		}
-		$('#post-box').css('width', width + 'px')
-	}
 	$('#suggest').html('')
+	$('#suggest').hide()
+	$('#textarea').focus()
 }
 function cgNPs(q) {
 	suggest = 'https://cg.toot.app/api/v1/search/light?q=' + q
@@ -250,23 +226,23 @@ function cgNPs(q) {
 				'content-type': 'application/json'
 			}
 		})
-			.then(function(response) {
+			.then(function (response) {
 				if (!response.ok) {
-					response.text().then(function(text) {
+					response.text().then(function (text) {
 						setLog(response.url, response.status, text)
 					})
 				}
 				return response.json()
 			})
-			.catch(function(error) {
+			.catch(function (error) {
 				todo(error)
 				setLog(start, 'JSON', error)
 				console.error(error)
 			})
-			.then(function(json) {
+			.then(function (json) {
 				if (json[0]) {
 					var tags = ''
-					Object.keys(json).forEach(function(key4) {
+					Object.keys(json).forEach(function (key4) {
 						var tag = json[key4]
 						tags =
 							tags +
--- a/app/js/tl/card.js
+++ b/app/js/tl/card.js
@@ -17,7 +17,8 @@ function additional(acct_id, tlid) {
 		}

 		if (tagThis) {
-			$(this).attr('href', "javascript:tagShow('" + tagThis + "')")
+			$(this).attr('href', "#")
+			$(this).attr('onclick', "tagShow('" + tagThis + "', this)")
 			
 		}
 	})
--- a/app/js/tl/datails.js
+++ b/app/js/tl/datails.js
@@ -637,42 +637,48 @@ function brws() {
 	postMessage(['openUrl', url], '*')
 }
 //外部からトゥート開く
-function detEx(url, acct_id) {
+async function detEx(url, acct_id) {
 	if (acct_id == 'main') {
 		acct_id = localStorage.getItem('main')
 	}
-	var domain = localStorage.getItem('domain_' + acct_id)
-	var at = localStorage.getItem('acct_' + acct_id + '_at')
-	var start = 'https://' + domain + '/api/v2/search?resolve=true&q=' + encodeURIComponent(url)
-	fetch(start, {
+	Swal.fire({
+		title: 'Loading...',
+		html: lang.lang_details_fetch,
+		showConfirmButton: false,
+		showCloseButton: true,
+		onBeforeOpen: () => {
+			Swal.showLoading()
+		},
+		onClose: () => { },
+	}).then((result) => { })
+	const json = await detExCore(url, acct_id)
+	Swal.close()
+	if (!json.statuses) {
+		postMessage(['openUrl', url], '*')
+	} else {
+		var id = json.statuses[0].id
+		$('.loadp').text($('.loadp').attr('href'))
+		$('.loadp').removeClass('loadp')
+		details(id, acct_id, 0)
+	}
+	return
+}
+async function detExCore(url, acct_id) {
+	const domain = localStorage.getItem('domain_' + acct_id)
+	const start = 'https://' + domain + '/api/v2/search?resolve=true&q=' + encodeURIComponent(url)
+	const at = localStorage.getItem('acct_' + acct_id + '_at')
+	let promise = await fetch(start, {
 		method: 'GET',
 		headers: {
 			'content-type': 'application/json',
 			Authorization: 'Bearer ' + at
 		}
 	})
-		.then(function(response) {
-			if (!response.ok) {
-				response.text().then(function(text) {
-					setLog(response.url, response.status, text)
-				})
-			}
-			return response.json()
-		})
-		.catch(function(error) {
-			todo(error)
-			setLog(start, 'JSON', error)
-			console.error(error)
-		})
-		.then(function(json) {
-			if (!json.statuses) {
-				postMessage(['openUrl', url], '*')
-			} else {
-				var id = json.statuses[0].id
-				$('.loadp').text($('.loadp').attr('href'))
-				$('.loadp').removeClass('loadp')
-				details(id, acct_id, 0)
-			}
-		})
-	return
+
+	const json = await promise.json()
+	if (json) {
+		return json
+	} else {
+		return false
+	}
 }
--- a/app/js/tl/directory.js
+++ b/app/js/tl/directory.js
@@ -1,76 +1,96 @@
 //ディレクトリ
 //ディレクトリトグル
 function dirMenu() {
-	$("#dir-contents").html("")
-	directory()
-	$("#left-menu a").removeClass("active")
-	$("#dirMenu").addClass("active")
-	$(".menu-content").addClass("hide")
-	$("#dir-box").removeClass("hide")
+    $('#dir-contents').html('')
+    directory('directory')
+    $('#left-menu a').removeClass('active')
+    $('#dirMenu').addClass('active')
+    $('.menu-content').addClass('hide')
+    $('#dir-box').removeClass('hide')
 }
+
 function dirselCk() {
-	var acct = $("#dir-acct-sel").val()
-	if (acct == "noauth") {
-		$("#dirNoAuth").removeClass("hide")
-	} else {
-		$("#dirNoAuth").addClass("hide")
-		directory()
-	}
+    var acct = $('#dir-acct-sel').val()
+    if (acct == 'noauth') {
+        $('#dirNoAuth').removeClass('hide')
+    } else {
+        $('#dirNoAuth').addClass('hide')
+        directory('check')
+    }
 }
-function directory(isMore) {
-	var order = $("[name=sort]:checked").val()
-	if (!order) {
-		order = "active"
-	}
-	var local_only = $("#local_only:checked").val()
-	if (local_only) {
-		local_only = "true"
-	} else {
-		local_only = "false"
-	}
-	var acct_id = $("#dir-acct-sel").val()
-	if (acct_id == "noauth") {
-		var domain = $("#dirNoAuth-url").val()
-		var at = ""
-	} else {
-		var domain = localStorage.getItem("domain_" + acct_id)
-		var at = localStorage.getItem("acct_" + acct_id + "_at")
-	}
-	if (isMore) {
-		var addOffset = $("#dir-contents .cvo").length
-	} else {
-		var addOffset = 0
-		$("#dir-contents").html("")
-	}
-	var start = "https://" + domain + "/api/v1/directory?order=" + order + "&local=" + local_only + "&offset=" + addOffset
-	console.log(start)
-	fetch(start, {
-		method: "GET",
-		headers: {
-			"content-type": "application/json",
-			Authorization: "Bearer " + at
-		}
-	})
-		.then(function(response) {
-			if (!response.ok) {
-				response.text().then(function(text) {
-					setLog(response.url, response.status, text)
-				})
-			}
-			return response.json()
-		})
-		.catch(function(error) {
-			setLog(start, "JSON", error)
-			console.error(error)
-		})
-		.then(function(json) {
-			if (json) {
-				$("#moreDir").removeClass("disabled")
-				var html = userparse(json, null, acct_id, "dir", null)
-				$("#dir-contents").append(html)
-				jQuery("time.timeago").timeago()
-			} else {
-				$("#moreDir").addClass("disabled")
-			}
-		})
+
+function dirChange(mode) {
+    if (mode === 'directory') $('#directoryConfig').removeClass('hide')
+    if (mode === 'suggest') $('#directoryConfig').addClass('hide')
+    directory(mode)
 }
+
+function directory(modeRaw, isMore) {
+    const mode = modeRaw === 'check' ? $('[name=dirsug]:checked').val() : modeRaw
+    var order = $('[name=sort]:checked').val()
+    if (!order) {
+        order = 'active'
+    }
+    var local_only = $('#local_only:checked').val()
+    if (local_only) {
+        local_only = 'true'
+    } else {
+        local_only = 'false'
+    }
+    var acct_id = $('#dir-acct-sel').val()
+    if (acct_id == 'noauth') {
+        var domain = $('#dirNoAuth-url').val()
+        var at = ''
+    } else {
+        var domain = localStorage.getItem('domain_' + acct_id)
+        var at = localStorage.getItem('acct_' + acct_id + '_at')
+    }
+    if (isMore) {
+        var addOffset = $('#dir-contents .cvo').length
+        $('#dir-contents').append(`<div class="progress transparent"><div class="indeterminate"></div></div>`)
+    } else {
+        var addOffset = 0
+        $('#dir-contents').html(`<div class="progress transparent"><div class="indeterminate"></div></div>`)
+    }
+    let start = `https://${domain}/api/v1/directory?order=${order}&local=${local_only}&offset=${addOffset}`
+    if (mode === 'suggest') start = `https://${domain}/api/v2/suggestions`
+    console.log(start)
+    fetch(start, {
+            method: 'GET',
+            headers: {
+                'content-type': 'application/json',
+                Authorization: 'Bearer ' + at,
+            },
+        })
+        .then(function(response) {
+            $('#dir-contents .progress').remove()
+            if (!response.ok) {
+                $('#dir-contents').html(`v2 follow suggestion is supported by Mastodon 3.4.0 or above.`)
+                response.text().then(function(text) {
+                    setLog(response.url, response.status, text)
+                })
+            }
+            return response.json()
+        })
+        .catch(function(error) {
+            setLog(start, 'JSON', error)
+            console.error(error)
+        })
+        .then(function(json) {
+            if (json) {
+                $('#moreDir').removeClass('disabled')
+                let obj = []
+                if (mode === 'suggest') {
+                    $('#moreDir').addClass('disabled')
+                    for (const suggest of json) obj.push(suggest.account)
+                } else {
+                    obj = json
+                }
+                var html = userparse(obj, null, acct_id, 'dir', null)
+                $('#dir-contents').append(html)
+                jQuery('time.timeago').timeago()
+            } else {
+                $('#moreDir').addClass('disabled')
+            }
+        })
+}
--- a/app/js/tl/filter.js
+++ b/app/js/tl/filter.js
--- a/app/js/tl/list.js
+++ b/app/js/tl/list.js
@@ -89,7 +89,7 @@ function list() {
 							</a>/
 							<a onclick="listUser('${list.id}','${acct_id}')" class="pointer">
 								${lang.lang_list_users}
-							'</a><br>`
+							</a><br>`
 					})
 					$('#lists').html(lists)
 				} else {
--- a/app/js/tl/misskeyparse.js
+++ b/app/js/tl/misskeyparse.js
@@ -518,7 +518,7 @@ function misskeyParse(obj, mix, acct_id, tlid, popup, mutefilter) {
 		if (tagck) {
 			Object.keys(toot.tags).forEach(function (key4) {
 				var tag = toot.tags[key4]
-				var tags = '<a onclick="tagShow(\'' + tag + '\')" class="pointer parsed">#' + tag + '</a><span class="hide" data-tag="' + tag + '" data-regTag="'+tag.toLowerCase()+'">#' + tag + ':<a onclick="tl(\'tag\',\'' + tag + '\',' + acct_id +
+				var tags = '<a onclick="tagShow(\'' + tag + '\', this)" class="pointer parsed">#' + tag + '</a><span class="hide" data-tag="' + tag + '" data-regTag="'+tag.toLowerCase()+'">#' + tag + ':<a onclick="tl(\'tag\',\'' + tag + '\',' + acct_id +
 					',\'add\')" class="pointer parsed" title="' + lang.lang_parse_tagTL.replace("{{tag}}", '#' + tag) + '">TL</a>　<a onclick="brInsert(\'#' + tag + '\')" class="pointer parsed" title="' + lang.lang_parse_tagtoot.replace("{{tag}}", '#' + tag) + '">Toot</a>　' +
 					'<a onclick="tagPin(\'' + tag + '\')" class="pointer parsed" title="' + lang.lang_parse_tagpin.replace("{{tag}}", '#' + tag) + '">Pin</a></span> '
 				content = content.replace("#" + tag, tags)
--- a/app/js/tl/notification.js
+++ b/app/js/tl/notification.js
@@ -1,432 +1,437 @@
 //通知
 //取得+Streaming接続
 function notf(acct_id, tlid, sys) {
-	if (sys == 'direct') {
-		notfColumn(acct_id, tlid, sys)
-	} else {
-		notfCommon(acct_id, tlid, sys)
-	}
+    if (sys == 'direct') {
+        notfColumn(acct_id, tlid, sys)
+    } else {
+        notfCommon(acct_id, tlid, sys)
+    }
 }
+
 function notfColumn(acct_id, tlid, sys) {
-	todo('Notifications Loading...')
-	var native = localStorage.getItem('nativenotf')
-	var at = localStorage.getItem('acct_' + acct_id + '_at')
-	if (!native) {
-		native = 'yes'
-	}
-	var domain = localStorage.getItem('domain_' + acct_id)
-	var httpreq = new XMLHttpRequest()
-	if (localStorage.getItem('mode_' + domain) == 'misskey') {
-		var misskey = true
-		var start = 'https://' + domain + '/api/i/notifications'
-		httpreq.open('POST', start, true)
-		httpreq.setRequestHeader('Content-Type', 'application/json')
-		var body = JSON.stringify({
-			i: at
-		})
-	} else {
-		var misskey = false
-		if (localStorage.getItem('exclude-' + tlid)) {
-			var exc = localStorage.getItem('exclude-' + tlid)
-		} else {
-			var exc = ''
-		}
-		var start = 'https://' + domain + '/api/v1/notifications' + exc
-		httpreq.open('GET', start, true)
-		httpreq.setRequestHeader('Content-Type', 'application/json')
-		httpreq.setRequestHeader('Authorization', 'Bearer ' + at)
-		var body = ''
-	}
+    todo('Notifications Loading...')
+    var native = localStorage.getItem('nativenotf')
+    var at = localStorage.getItem('acct_' + acct_id + '_at')
+    if (!native) {
+        native = 'yes'
+    }
+    var domain = localStorage.getItem('domain_' + acct_id)
+    var httpreq = new XMLHttpRequest()
+    if (localStorage.getItem('mode_' + domain) == 'misskey') {
+        var misskey = true
+        var start = 'https://' + domain + '/api/i/notifications'
+        httpreq.open('POST', start, true)
+        httpreq.setRequestHeader('Content-Type', 'application/json')
+        var body = JSON.stringify({
+            i: at,
+        })
+    } else {
+        var misskey = false
+        if (localStorage.getItem('exclude-' + tlid)) {
+            var exc = localStorage.getItem('exclude-' + tlid)
+        } else {
+            var exc = ''
+        }
+        var start = 'https://' + domain + '/api/v1/notifications' + exc
+        httpreq.open('GET', start, true)
+        httpreq.setRequestHeader('Content-Type', 'application/json')
+        httpreq.setRequestHeader('Authorization', 'Bearer ' + at)
+        var body = ''
+    }

-	httpreq.responseType = 'json'
-	httpreq.send(body)
-	httpreq.onreadystatechange = function() {
-		if (httpreq.readyState === 4) {
-			var json = httpreq.response
-			if (this.status !== 200) {
-				setLog(start, this.status, this.response)
-			}
-			var max_id = httpreq.getResponseHeader('link')
-			if (max_id) {
-				max_id = max_id.match(/[?&]{1}max_id=([0-9]+)/)[1]
-			}
-			if (json[0]) {
-				var templete = ''
-				var lastnotf = localStorage.getItem('lastnotf_' + acct_id)
-				localStorage.setItem('lastnotf_' + acct_id, json[0].id)
-				Object.keys(json).forEach(function(key) {
-					var obj = json[key]
-					if (lastnotf == obj.id && key > 0 && native == 'yes') {
-						var ct = key
-						if (key > 14) {
-							ct = '15+'
-						}
-						var os = localStorage.getItem('platform')
-						var options = {
-							body: ct + lang.lang_notf_new,
-							icon: localStorage.getItem('prof_' + acct_id)
-						}
-						var n = new Notification('TheDesk:' + domain, options)
-					}
-					var mute = getFilterTypeByAcct(acct_id, 'notif')
-					//Pleromaにはmoveというtypeがあるらしい。何が互換APIじゃ
-					if (obj.type != 'follow' && obj.type != 'move' && obj.type != 'follow_request') {
-						if (misskey) {
-							templete = templete + misskeyParse([obj], 'notf', acct_id, tlid, -1, mute)
-						} else {
-							templete = templete + parse([obj], 'notf', acct_id, tlid, -1, mute)
-						}
-					} else if (obj.type == 'follow_request') {
-						templete = templete + userparse([obj.account], 'request', acct_id, tlid, -1)
-					} else {
-						if (misskey) {
-							templete = templete + misskeyUserparse([obj], 'notf', acct_id, tlid, -1, mute)
-						} else {
-							templete = templete + userparse([obj.account], obj.type, acct_id, tlid, -1)
-						}
-					}
-				})
-				templete = templete + '<div class="hide notif-marker" data-maxid="' + max_id + '"></div>'
-				$('#timeline_' + tlid).html(templete)
-				$('#landing_' + tlid).hide()
-				jQuery('time.timeago').timeago()
-			}
-			$('#notf-box').addClass('fetched')
-			todc()
-			//Markers
-			var markers = localStorage.getItem('markers')
-			if (markers == 'yes') {
-				markers = true
-			} else {
-				markers = false
-			}
-			if (markers) {
-				getMarker(tlid, 'notf', acct_id)
-			}
-		}
-	}
-	if (!misskey) {
-		if (localStorage.getItem('streaming_' + acct_id)) {
-			var wss = localStorage.getItem('streaming_' + acct_id)
-		} else {
-			var wss = 'wss://' + domain
-		}
-		var start = wss + '/api/v1/streaming/?stream=user&access_token=' + at
-	} else {
-		var start = 'wss://' + domain + '/?i=' + at
-	}
+    httpreq.responseType = 'json'
+    httpreq.send(body)
+    httpreq.onreadystatechange = function() {
+        if (httpreq.readyState === 4) {
+            var json = httpreq.response
+            if (this.status !== 200) {
+                $('#landing_' + tlid).append(`<div>${this.status}</div><div>${escapeHTML(this.response)}`)
+                setLog(start, this.status, this.response)
+            }
+            var max_id = httpreq.getResponseHeader('link')
+            if (max_id) {
+                max_id = max_id.match(/[?&]{1}max_id=([0-9]+)/)[1]
+            }
+            if (json[0]) {
+                var templete = ''
+                var lastnotf = localStorage.getItem('lastnotf_' + acct_id)
+                localStorage.setItem('lastnotf_' + acct_id, json[0].id)
+                Object.keys(json).forEach(function(key) {
+                    var obj = json[key]
+                    if (lastnotf == obj.id && key > 0 && native == 'yes') {
+                        var ct = key
+                        if (key > 14) {
+                            ct = '15+'
+                        }
+                        var os = localStorage.getItem('platform')
+                        var options = {
+                            body: ct + lang.lang_notf_new,
+                            icon: localStorage.getItem('prof_' + acct_id),
+                        }
+                        var n = new Notification('TheDesk:' + domain, options)
+                    }
+                    var mute = getFilterTypeByAcct(acct_id, 'notif')
+                        //Pleromaにはmoveというtypeがあるらしい。何が互換APIじゃ
+                    if (obj.type != 'follow' && obj.type != 'move' && obj.type != 'follow_request') {
+                        if (misskey) {
+                            templete = templete + misskeyParse([obj], 'notf', acct_id, tlid, -1, mute)
+                        } else {
+                            templete = templete + parse([obj], 'notf', acct_id, tlid, -1, mute)
+                        }
+                    } else if (obj.type == 'follow_request') {
+                        templete = templete + userparse([obj.account], 'request', acct_id, tlid, -1)
+                    } else {
+                        if (misskey) {
+                            templete = templete + misskeyUserparse([obj], 'notf', acct_id, tlid, -1, mute)
+                        } else {
+                            templete = templete + userparse([obj.account], obj.type, acct_id, tlid, -1)
+                        }
+                    }
+                })
+                templete = templete + '<div class="hide notif-marker" data-maxid="' + max_id + '"></div>'
+                $('#timeline_' + tlid).html(templete)
+                    // $('#landing_' + tlid).hide()
+                jQuery('time.timeago').timeago()
+            }
+            $('#notf-box').addClass('fetched')
+            todc()
+                //Markers
+            var markers = localStorage.getItem('markers')
+            if (markers == 'yes') {
+                markers = true
+            } else {
+                markers = false
+            }
+            if (markers) {
+                getMarker(tlid, 'notf', acct_id)
+            }
+        }
+    }
+    if (!misskey) {
+        if (localStorage.getItem('streaming_' + acct_id)) {
+            var wss = localStorage.getItem('streaming_' + acct_id)
+        } else {
+            var wss = 'wss://' + domain
+        }
+        var start = wss + '/api/v1/streaming/?stream=user&access_token=' + at
+    } else {
+        var start = 'wss://' + domain + '/?i=' + at
+    }
 }
+
 function notfCommon(acct_id, tlid, sys, stream) {
-	todo('Notifications Loading...')
-	var native = localStorage.getItem('nativenotf')
-	var at = localStorage.getItem('acct_' + acct_id + '_at')
-	if (!native) {
-		native = 'yes'
-	}
-	var domain = localStorage.getItem('domain_' + acct_id)
-	if (localStorage.getItem('mode_' + domain) == 'misskey') {
-		var misskey = true
-		var start = 'https://' + domain + '/api/i/notifications'
-		var i = {
-			method: 'POST',
-			headers: {
-				'content-type': 'application/json'
-			},
-			body: JSON.stringify({
-				i: at
-			})
-		}
-	} else {
-		var misskey = false
-		var start = 'https://' + domain + '/api/v1/notifications'
-		var i = {
-			method: 'GET',
-			headers: {
-				'content-type': 'application/json',
-				Authorization: 'Bearer ' + at
-			}
-		}
-	}
-	if(stream == 'only') {
-		notfWS(misskey, acct_id, tlid, domain, at)
-		return false
-	}
-	fetch(start, i)
-		.then(function(response) {
-			console.log('header to get param:' + response.headers.get('link'))
-			if (!response.ok) {
-				response.text().then(function(text) {
-					setLog(response.url, response.status, text)
-				})
-			}
-			return response.json()
-		})
-		.catch(function(error) {
-			todo(error)
-			setLog(start, 'JSON', error)
-			console.error(error)
-		})
-		.then(function(json) {
-			if (json[0]) {
-				var templete = ''
-				var lastnotf = localStorage.getItem('lastnotf_' + acct_id)
-				localStorage.setItem('lastnotf_' + acct_id, json[0].id)
-				Object.keys(json).forEach(function(key) {
-					var obj = json[key]
-					if (lastnotf == obj.id && key > 0 && native == 'yes') {
-						var ct = key
-						if (key > 14) {
-							ct = '15+'
-						}
-						var os = localStorage.getItem('platform')
-						var options = {
-							body: ct + lang.lang_notf_new,
-							icon: localStorage.getItem('prof_' + acct_id)
-						}
-						var n = new Notification('TheDesk:' + domain, options)
-					}
-					var mute = getFilterTypeByAcct(acct_id, 'notif')
-					//Pleromaにはmoveというtypeがあるらしい。何が互換APIじゃ
-					if (obj.type != 'follow' && obj.type != 'move') {
-						if (misskey) {
-							templete = templete + misskeyParse([obj], 'notf', acct_id, 'notf', -1, mute)
-						} else {
-							templete = templete + parse([obj], 'notf', acct_id, 'notf', -1, mute)
-						}
-					} else {
-						if (misskey) {
-							templete = templete + misskeyUserparse([obj], 'notf', acct_id, 'notf', -1, mute)
-						} else {
-							templete = templete + userparse([obj.account], obj.type, acct_id, 'notf', -1)
-						}
-					}
-				})
-				$('div[data-notf=' + acct_id + ']').html(templete)
-				$('#landing_' + tlid).hide()
-				jQuery('time.timeago').timeago()
-			}
-			$('#notf-box').addClass('fetched')
-			todc()
-			if(stream != 'no') notfWS(misskey, acct_id, tlid, domain, at)
-		})
+    todo('Notifications Loading...')
+    var native = localStorage.getItem('nativenotf')
+    var at = localStorage.getItem('acct_' + acct_id + '_at')
+    if (!native) {
+        native = 'yes'
+    }
+    var domain = localStorage.getItem('domain_' + acct_id)
+    if (localStorage.getItem('mode_' + domain) == 'misskey') {
+        var misskey = true
+        var start = 'https://' + domain + '/api/i/notifications'
+        var i = {
+            method: 'POST',
+            headers: {
+                'content-type': 'application/json',
+            },
+            body: JSON.stringify({
+                i: at,
+            }),
+        }
+    } else {
+        var misskey = false
+        var start = 'https://' + domain + '/api/v1/notifications'
+        var i = {
+            method: 'GET',
+            headers: {
+                'content-type': 'application/json',
+                Authorization: 'Bearer ' + at,
+            },
+        }
+    }
+    if (stream == 'only') {
+        notfWS(misskey, acct_id, tlid, domain, at)
+        return false
+    }
+    fetch(start, i)
+        .then(function(response) {
+            console.log('header to get param:' + response.headers.get('link'))
+            if (!response.ok) {
+                response.text().then(function(text) {
+                    console.log('notf error', 'div[data-notf=' + acct_id + '] .landing')
+                    $('div[data-notf=' + acct_id + '] .landing').append(`<div>${response.status}</div><div>${escapeHTML(text)}`)
+                    setLog(response.url, response.status, text)
+                })
+            }
+            return response.json()
+        })
+        .catch(function(error) {
+            todo(error)
+            setLog(start, 'JSON', error)
+            console.error(error)
+        })
+        .then(function(json) {
+            if (json[0]) {
+                var templete = ''
+                var lastnotf = localStorage.getItem('lastnotf_' + acct_id)
+                localStorage.setItem('lastnotf_' + acct_id, json[0].id)
+                Object.keys(json).forEach(function(key) {
+                    var obj = json[key]
+                    if (lastnotf == obj.id && key > 0 && native == 'yes') {
+                        var ct = key
+                        if (key > 14) {
+                            ct = '15+'
+                        }
+                        var os = localStorage.getItem('platform')
+                        var options = {
+                            body: ct + lang.lang_notf_new,
+                            icon: localStorage.getItem('prof_' + acct_id),
+                        }
+                        var n = new Notification('TheDesk:' + domain, options)
+                    }
+                    var mute = getFilterTypeByAcct(acct_id, 'notif')
+                        //Pleromaにはmoveというtypeがあるらしい。何が互換APIじゃ
+                    if (obj.type != 'follow' && obj.type != 'move') {
+                        if (misskey) {
+                            templete = templete + misskeyParse([obj], 'notf', acct_id, 'notf', -1, mute)
+                        } else {
+                            templete = templete + parse([obj], 'notf', acct_id, 'notf', -1, mute)
+                        }
+                    } else {
+                        if (misskey) {
+                            templete = templete + misskeyUserparse([obj], 'notf', acct_id, 'notf', -1, mute)
+                        } else {
+                            templete = templete + userparse([obj.account], obj.type, acct_id, 'notf', -1)
+                        }
+                    }
+                })
+                $('div[data-notf=' + acct_id + ']').html(templete)
+                    // $('#landing_' + tlid).hide()
+                jQuery('time.timeago').timeago()
+            }
+            $('#notf-box').addClass('fetched')
+            todc()
+            if (stream != 'no') notfWS(misskey, acct_id, tlid, domain, at)
+        })
 }
-function notfWS(misskey, acct_id, tlid, domain, at) {
-	if(mastodonBaseWsStatus[domain] == 'available') return false
-	if (!misskey) {
-		if (localStorage.getItem('streaming_' + acct_id)) {
-			var wss = localStorage.getItem('streaming_' + acct_id)
-		} else {
-			var wss = 'wss://' + domain
-		}
-		var start = wss + '/api/v1/streaming/?stream=user&access_token=' + at

-		var wsid = websocketNotf.length
-		websocketNotf[acct_id] = new WebSocket(start)
-		websocketNotf[acct_id].onopen = function(mess) {
-			console.table({
-				acct_id: acct_id,
-				type: 'Connect Streaming API(Notf)',
-				domain: domain,
-				message: [mess]
-			})
-			$('i[data-notf=' + acct_id + ']').removeClass('red-text')
-		}
-		websocketNotf[acct_id].onmessage = function(mess) {
-			//console.log(["Receive Streaming API(Notf):" + acct_id + "(" + domain + ")", JSON.parse(JSON.parse(mess.data).payload)]);
-			var popup = localStorage.getItem('popup')
-			if (!popup) {
-				popup = 0
-			}
-			var obj = JSON.parse(JSON.parse(mess.data).payload)
-			var type = JSON.parse(mess.data).event
-			if (type == 'notification') {
-				var templete = ''
-				localStorage.setItem('lastnotf_' + acct_id, obj.id)
-				if (!$('#unread_' + tlid + ' .material-icons').hasClass('teal-text')) {
-					//markers show中はダメ
-					if (obj.type != 'follow' && obj.type != 'follow_request') {
-						templete = parse([obj], 'notf', acct_id, 'notf', popup)
-					} else if (obj.type == 'follow_request') {
-						templete = userparse([obj.account], 'request', acct_id, 'notf', -1)
-					} else {
-						templete = userparse([obj], obj.type, acct_id, 'notf', popup)
-					}
-					if (!$('div[data-notfIndv=' + acct_id + '_' + obj.id + ']').length) {
-						$('div[data-notf=' + acct_id + ']').prepend(templete)
-						$('div[data-const=notf_' + acct_id + ']').prepend(templete)
-					}
-					jQuery('time.timeago').timeago()
-				}
-			} else if (type == 'delete') {
-				$('[toot-id=' + obj + ']').hide()
-				$('[toot-id=' + obj + ']').remove()
-			}
-		}
-		websocketNotf[acct_id].onerror = function(error) {
-			console.error('WebSocket Error ', error)
-			errorct++
-			console.log(errorct)
-			if (errorct < 3) {
-				notfWS(misskey, acct_id, tlid, domain, at)
-			}
-		}
-		websocketNotf[acct_id].onclose = function(error) {
-			console.error('WebSocket Close ', error)
-			errorct++
-			console.log(errorct)
-			if (errorct < 3) {
-				notfWS(misskey, acct_id, tlid, domain, at)
-			}
-		}
-	}
+function notfWS(misskey, acct_id, tlid, domain, at) {
+    if (mastodonBaseWsStatus[domain] == 'available') return false
+    if (!misskey) {
+        if (localStorage.getItem('streaming_' + acct_id)) {
+            var wss = localStorage.getItem('streaming_' + acct_id)
+        } else {
+            var wss = 'wss://' + domain
+        }
+        var start = wss + '/api/v1/streaming/?stream=user&access_token=' + at
+
+        var wsid = websocketNotf.length
+        websocketNotf[acct_id] = new WebSocket(start)
+        websocketNotf[acct_id].onopen = function(mess) {
+            console.table({
+                acct_id: acct_id,
+                type: 'Connect Streaming API(Notf)',
+                domain: domain,
+                message: [mess],
+            })
+            $('i[data-notf=' + acct_id + ']').removeClass('red-text')
+        }
+        websocketNotf[acct_id].onmessage = function(mess) {
+            $('#landing_' + tlid).hide()
+                //console.log(["Receive Streaming API(Notf):" + acct_id + "(" + domain + ")", JSON.parse(JSON.parse(mess.data).payload)]);
+            var popup = localStorage.getItem('popup')
+            if (!popup) {
+                popup = 0
+            }
+            var obj = JSON.parse(JSON.parse(mess.data).payload)
+            var type = JSON.parse(mess.data).event
+            if (type == 'notification') {
+                var templete = ''
+                localStorage.setItem('lastnotf_' + acct_id, obj.id)
+                if (!$('#unread_' + tlid + ' .material-icons').hasClass('teal-text')) {
+                    //markers show中はダメ
+                    if (obj.type != 'follow' && obj.type != 'follow_request') {
+                        templete = parse([obj], 'notf', acct_id, 'notf', popup)
+                    } else if (obj.type == 'follow_request') {
+                        templete = userparse([obj.account], 'request', acct_id, 'notf', -1)
+                    } else {
+                        templete = userparse([obj], obj.type, acct_id, 'notf', popup)
+                    }
+                    if (!$('div[data-notfIndv=' + acct_id + '_' + obj.id + ']').length) {
+                        $('div[data-notf=' + acct_id + ']').prepend(templete)
+                        $('div[data-const=notf_' + acct_id + ']').prepend(templete)
+                    }
+                    jQuery('time.timeago').timeago()
+                }
+            } else if (type == 'delete') {
+                $('[toot-id=' + obj + ']').hide()
+                $('[toot-id=' + obj + ']').remove()
+            }
+        }
+        websocketNotf[acct_id].onerror = function(error) {
+            console.error('WebSocket Error ', error)
+            errorct++
+            console.log(errorct)
+            if (errorct < 3) {
+                notfWS(misskey, acct_id, tlid, domain, at)
+            }
+        }
+        websocketNotf[acct_id].onclose = function(error) {
+            console.error('WebSocket Close ', error)
+            errorct++
+            console.log(errorct)
+            if (errorct < 3) {
+                notfWS(misskey, acct_id, tlid, domain, at)
+            }
+        }
+    }
 }
 //一定のスクロールで発火
 function notfmore(tlid) {
-	console.log({ status: 'kicked', status: moreloading })
-	var multi = localStorage.getItem('column')
-	var obj = JSON.parse(multi)
-	var acct_id = obj[tlid].domain
-	if (!type) {
-		var type = obj[tlid].type
-	} else {
-		var data
-	}
-	var sid = $('#timeline_' + tlid + ' .notif-marker')
-		.last()
-		.attr('data-maxid')
-	var at = localStorage.getItem('acct_' + acct_id + '_at')
-	var domain = localStorage.getItem('domain_' + acct_id)
-	if (sid && !moreloading) {
-		moreloading = true
-		var httpreq = new XMLHttpRequest()
-		if (localStorage.getItem('mode_' + domain) == 'misskey') {
-			var misskey = true
-			var start = 'https://' + domain + '/api/i/notifications'
-			httpreq.open(POST, start, true)
-			httpreq.setRequestHeader('Content-Type', 'application/json')
-			var body = JSON.stringify({
-				i: at,
-				untilID: sid
-			})
-		} else {
-			var misskey = false
-			if (localStorage.getItem('exclude-' + tlid)) {
-				var exc = localStorage.getItem('exclude-' + tlid) + '&max_id=' + sid
-			} else {
-				var exc = '?max_id=' + sid
-			}
-			var start = 'https://' + domain + '/api/v1/notifications' + exc
-			httpreq.open('GET', start, true)
-			httpreq.setRequestHeader('Content-Type', 'application/json')
-			httpreq.setRequestHeader('Authorization', 'Bearer ' + at)
-			var body = ''
-		}
+    console.log({ status: 'kicked', status: moreloading })
+    var multi = localStorage.getItem('column')
+    var obj = JSON.parse(multi)
+    var acct_id = obj[tlid].domain
+    if (!type) {
+        var type = obj[tlid].type
+    } else {
+        var data
+    }
+    var sid = $('#timeline_' + tlid + ' .notif-marker')
+        .last()
+        .attr('data-maxid')
+    var at = localStorage.getItem('acct_' + acct_id + '_at')
+    var domain = localStorage.getItem('domain_' + acct_id)
+    if (sid && !moreloading) {
+        moreloading = true
+        var httpreq = new XMLHttpRequest()
+        if (localStorage.getItem('mode_' + domain) == 'misskey') {
+            var misskey = true
+            var start = 'https://' + domain + '/api/i/notifications'
+            httpreq.open(POST, start, true)
+            httpreq.setRequestHeader('Content-Type', 'application/json')
+            var body = JSON.stringify({
+                i: at,
+                untilID: sid,
+            })
+        } else {
+            var misskey = false
+            if (localStorage.getItem('exclude-' + tlid)) {
+                var exc = localStorage.getItem('exclude-' + tlid) + '&max_id=' + sid
+            } else {
+                var exc = '?max_id=' + sid
+            }
+            var start = 'https://' + domain + '/api/v1/notifications' + exc
+            httpreq.open('GET', start, true)
+            httpreq.setRequestHeader('Content-Type', 'application/json')
+            httpreq.setRequestHeader('Authorization', 'Bearer ' + at)
+            var body = ''
+        }

-		httpreq.responseType = 'json'
-		httpreq.send(body)
-		httpreq.onreadystatechange = function() {
-			if (httpreq.readyState === 4) {
-				var json = httpreq.response
-				if (this.status !== 200) {
-					setLog(start, this.status, this.response)
-				}
-				console.log(['More notifications on ' + tlid, json])
-				var max_id = httpreq.getResponseHeader('link').match(/[?&]{1}max_id=([0-9]+)/)[1]
-				if (json[0]) {
-					var templete = ''
-					var lastnotf = localStorage.getItem('lastnotf_' + acct_id)
-					localStorage.setItem('lastnotf_' + acct_id, json[0].id)
-					Object.keys(json).forEach(function(key) {
-						var obj = json[key]
-						var mute = getFilterTypeByAcct(acct_id, 'notif')
-						if (obj.type != 'follow') {
-							if (misskey) {
-								templete = templete + misskeyParse([obj], 'notf', acct_id, 'notf', -1, mute)
-							} else {
-								templete = templete + parse([obj], 'notf', acct_id, 'notf', -1, mute)
-							}
-						} else {
-							if (misskey) {
-								templete = templete + misskeyUserparse([obj], 'notf', acct_id, 'notf', -1, mute)
-							} else {
-								templete = templete + userparse([obj.account], obj.type, acct_id, 'notf', -1)
-							}
-						}
-					})
-					moreloading = false
-					templete = templete + '<div class="hide notif-marker" data-maxid="' + max_id + '"></div>'
-					$('#timeline_' + tlid).append(templete)
-					$('#landing_' + tlid).hide()
-					jQuery('time.timeago').timeago()
-				}
-				$('#notf-box').addClass('fetched')
-				todc()
-			}
-		}
-	}
+        httpreq.responseType = 'json'
+        httpreq.send(body)
+        httpreq.onreadystatechange = function() {
+            if (httpreq.readyState === 4) {
+                var json = httpreq.response
+                if (this.status !== 200) {
+                    setLog(start, this.status, this.response)
+                }
+                console.log(['More notifications on ' + tlid, json])
+                var max_id = httpreq.getResponseHeader('link').match(/[?&]{1}max_id=([0-9]+)/)[1]
+                if (json[0]) {
+                    var templete = ''
+                    var lastnotf = localStorage.getItem('lastnotf_' + acct_id)
+                    localStorage.setItem('lastnotf_' + acct_id, json[0].id)
+                    Object.keys(json).forEach(function(key) {
+                        var obj = json[key]
+                        var mute = getFilterTypeByAcct(acct_id, 'notif')
+                        if (obj.type != 'follow') {
+                            if (misskey) {
+                                templete = templete + misskeyParse([obj], 'notf', acct_id, 'notf', -1, mute)
+                            } else {
+                                templete = templete + parse([obj], 'notf', acct_id, 'notf', -1, mute)
+                            }
+                        } else {
+                            if (misskey) {
+                                templete = templete + misskeyUserparse([obj], 'notf', acct_id, 'notf', -1, mute)
+                            } else {
+                                templete = templete + userparse([obj.account], obj.type, acct_id, 'notf', -1)
+                            }
+                        }
+                    })
+                    moreloading = false
+                    templete = templete + '<div class="hide notif-marker" data-maxid="' + max_id + '"></div>'
+                    $('#timeline_' + tlid).append(templete)
+                        // $('#landing_' + tlid).hide()
+                    jQuery('time.timeago').timeago()
+                }
+                $('#notf-box').addClass('fetched')
+                todc()
+            }
+        }
+    }
 }

 //通知トグルボタン
 function notfToggle(acct, tlid) {
-	if ($('#notf-box_' + tlid).hasClass('column-hide')) {
-		$('#notf-box_' + tlid).css('display', 'block')
-		$('#notf-box_' + tlid).animate(
-			{
-				height: '400px'
-			},
-			{
-				duration: 300,
-				complete: function() {
-					$('#notf-box_' + tlid).css('overflow-y', 'scroll')
-					$('#notf-box_' + tlid).removeClass('column-hide')
-				}
-			}
-		)
-	} else {
-		$('#notf-box_' + tlid).css('overflow-y', 'hidden')
-		$('#notf-box_' + tlid).animate(
-			{
-				height: '0'
-			},
-			{
-				duration: 300,
-				complete: function() {
-					$('#notf-box_' + tlid).addClass('column-hide')
-					$('#notf-box_' + tlid).css('display', 'none')
-				}
-			}
-		)
-	}
-	notfCanceler(acct)
+    if ($('#notf-box_' + tlid).hasClass('column-hide')) {
+        $('#notf-box_' + tlid).css('display', 'block')
+        $('#notf-box_' + tlid).animate({
+            height: '400px',
+        }, {
+            duration: 300,
+            complete: function() {
+                $('#notf-box_' + tlid).css('overflow-y', 'scroll')
+                $('#notf-box_' + tlid).removeClass('column-hide')
+            },
+        })
+    } else {
+        $('#notf-box_' + tlid).css('overflow-y', 'hidden')
+        $('#notf-box_' + tlid).animate({
+            height: '0',
+        }, {
+            duration: 300,
+            complete: function() {
+                $('#notf-box_' + tlid).addClass('column-hide')
+                $('#notf-box_' + tlid).css('display', 'none')
+            },
+        })
+    }
+    notfCanceler(acct)
 }
+
 function notfCanceler(acct) {
-	$('.notf-reply_' + acct).text(0)
-	localStorage.removeItem('notf-reply_' + acct)
-	$('.notf-reply_' + acct).addClass('hide')
-	$('.notf-fav_' + acct).text(0)
-	localStorage.removeItem('notf-fav_' + acct)
-	$('.notf-fav_' + acct).addClass('hide')
-	$('.notf-bt_' + acct).text(0)
-	localStorage.removeItem('notf-bt_' + acct)
-	$('.notf-bt_' + acct).addClass('hide')
-	$('.notf-follow_' + acct).text(0)
-	localStorage.removeItem('notf-follow_' + acct)
-	$('.notf-follow_' + acct).addClass('hide')
-	$('.notf-icon_' + acct).removeClass('red-text')
-	var id = $('#announce_' + acct + ' .announcement').first().attr('data-id')
-	$('.notf-announ_' + acct + '_ct').text("")
-	$(`.boxIn[data-acct=${acct}] .notice-box`).removeClass('has-notf')
-	if(id) {
-		localStorage.setItem('announ_' + acct, id)
-	}
+    $('.notf-reply_' + acct).text(0)
+    localStorage.removeItem('notf-reply_' + acct)
+    $('.notf-reply_' + acct).addClass('hide')
+    $('.notf-fav_' + acct).text(0)
+    localStorage.removeItem('notf-fav_' + acct)
+    $('.notf-fav_' + acct).addClass('hide')
+    $('.notf-bt_' + acct).text(0)
+    localStorage.removeItem('notf-bt_' + acct)
+    $('.notf-bt_' + acct).addClass('hide')
+    $('.notf-follow_' + acct).text(0)
+    localStorage.removeItem('notf-follow_' + acct)
+    $('.notf-follow_' + acct).addClass('hide')
+    $('.notf-icon_' + acct).removeClass('red-text')
+    var id = $('#announce_' + acct + ' .announcement')
+        .first()
+        .attr('data-id')
+    $('.notf-announ_' + acct + '_ct').text('')
+    $(`.boxIn[data-acct=${acct}] .notice-box`).removeClass('has-notf')
+    if (id) {
+        localStorage.setItem('announ_' + acct, id)
+    }
 }
+
 function allNotfRead() {
-	var multi = localStorage.getItem('multi')
-	if (multi) {
-		var obj = JSON.parse(multi)
-		Object.keys(obj).forEach(function(key) {
-			notfCanceler(key)
-		})
-	}
+    var multi = localStorage.getItem('multi')
+    if (multi) {
+        var obj = JSON.parse(multi)
+        Object.keys(obj).forEach(function(key) {
+            notfCanceler(key)
+        })
+    }
 }
-allNotfRead()
+allNotfRead()
--- a/app/js/tl/parse.js
+++ b/app/js/tl/parse.js
@@ -278,7 +278,7 @@ function parse(obj, mix, acct_id, tlid, popup, mutefilter, type, onlyContent) {
 				</span>
 				<span class="voice">${date(toot.created_at, 'absolute')}(${lang.lang_parse_notftime})</span>
 				<i class="big-text fas ${icon}"></i>
-				<a onclick="udg('${toot.account.id}','${acct_id}')" class="pointer grey-text">
+				<a onclick="udg('${toot.account.id}','${acct_id}')" class="pointer grey-text notf-udg-text">
 					${dis_name}(@${toot.account.acct})
 				</a>`
 			var notice = noticetext
@@ -631,7 +631,7 @@ function parse(obj, mix, acct_id, tlid, popup, mutefilter, type, onlyContent) {
 							var mty = media.remote_url.match(/.+(\..+)$/)[1]
 							viewer =
 								viewer +
-								`<a href="${media.url ? media.url : media.remote_url}" title="${media.remote_url} from ${media.url}">[${lang.lang_parse_unknown}(${mty})]</a> `
+								`<a href="${media.url ? media.url : media.remote_url}" title="${media.url ? media.url : media.remote_url}">[${lang.lang_parse_unknown}(${mty})]</a>${media.url ? `<a href="${media.remote_url}"><i class="material-icons sublink" title="${media.remote_url}">open_in_new</i></a>` : ''} `
 						} else if (media.type == 'audio') {
 							viewer =
 								viewer +
@@ -703,31 +703,6 @@ function parse(obj, mix, acct_id, tlid, popup, mutefilter, type, onlyContent) {
 							${lang.lang_parse_thread}
 						</a></div>`
 			}
-			var tagck = toot.tags[0]
-			var tags = ''
-			//タグであれば
-			if (tagck) {
-				Object.keys(toot.tags).forEach(function (key4) {
-					var tag = toot.tags[key4]
-					var featured = `　<a onclick="tagFeature('${tag.name}','${acct_id}')" class="pointer" title="add it to Featured tags">Feature</a>　`
-					tags =
-						tags +
-						`<span class="hide" data-tag="${tag.name}" data-regTag="${tag.name.toLowerCase()}">#${tag.name
-						}:
-							<a onclick="tl('tag','${tag.name}','${acct_id}','add')" class="pointer"
-							 title="${lang.lang_parse_tagTL.replace(
-							'{{tag}}',
-							'#' + tag.name
-						)}">TL</a>　<a onclick="brInsert('#${tag.name}')" 
-							 class="pointer" title="${lang.lang_parse_tagtoot.replace('{{tag}}', '#' + tag.name)}">Toot</a>　
-						<a onclick="tagPin('${tag.name}')" class="pointer" title="${lang.lang_parse_tagpin.replace(
-							'{{tag}}',
-							'#' + tag.name
-						)}
-						">Pin</a>${featured}</span> `
-				})
-				tags = '<div style="float:right" aria-hidden="true">' + tags + '</div>'
-			}
 			//リプ数
 			if (toot.replies_count || toot.replies_count === 0) {
 				var replyct = toot.replies_count
@@ -904,7 +879,7 @@ function parse(obj, mix, acct_id, tlid, popup, mutefilter, type, onlyContent) {
 			//日本語じゃない
 			if (toot.language != lang.language && toot.language) {
 				var trans = `<li onclick="trans('${toot.language}','${lang.language}', $(this))" 
-							 style="padding:0">
+							 style="padding:0; padding-top: 5px;">
 								<i class="material-icons" aria-hidden="true">g_translate</i>${lang.lang_parse_trans}
 					</li>`
 			} else {
@@ -1077,7 +1052,7 @@ function parse(obj, mix, acct_id, tlid, popup, mutefilter, type, onlyContent) {
 				</div>
 				<div class="area-additional grid">
 					<span class="additional">${analyze}</span>
-					${mentions}${tags}
+					${mentions}
 				</div>
 				<div class="area-vis grid">${vis}</div>
 				<div class="area-actions grid">
@@ -1157,23 +1132,23 @@ function parse(obj, mix, acct_id, tlid, popup, mutefilter, type, onlyContent) {
 					</li>
 					<div>
 					<li onclick="bkm('${uniqueid}','${acct_id}','${tlid}')"
-						class="bkm-btn bkmStr_${uniqueid}" style="padding:0">
+						class="bkm-btn bkmStr_${uniqueid}" style="padding:0; padding-top: 5px;">
 						<i class="fas text-darken-3 fa-bookmark bkm_${toot.id} ${if_bkm}"></i>${bkmStr}
 					</li>
 					<li class="${if_mine}" onclick="del('${uniqueid}','${acct_id}')"
-							style="padding:0">
+							style="padding:0; padding-top: 5px;">
 							<i class="fas fa-trash"></i>${lang.lang_parse_del}
 					</li>
-					<li class="${if_mine}" onclick="pin('${uniqueid}','${acct_id}')" style="padding:0" class="pinStr_${uniqueid}">
+					<li class="${if_mine}" onclick="pin('${uniqueid}','${acct_id}')" style="padding:0; padding-top: 5px;" class="pinStr_${uniqueid}">
 							<i class="fas fa-map-pin pin_${uniqueid} ${if_pin}"></i>${pinStr}
 					</li>
 					<li class="${if_mine}"  onclick="redraft('${uniqueid}','${acct_id}')"
-							style="padding:0">
+							style="padding:0; padding-top: 5px;">
 							<i class="material-icons" aria-hidden="true">redo</i>${lang.lang_parse_redraft}
 					</li>
 					${trans}
 					<li onclick="postMessage(['openUrl', '${toot.url}'], '*')"
-						 style="padding:0">
+						 style="padding:0; padding-top: 5px;">
 						<i class="fas text-darken-3 fa-globe"></i>${lang.lang_parse_link}
 					</li>
 					${pluginHtml}
@@ -1342,7 +1317,7 @@ function userparse(obj, auth, acct_id, tlid, popup) {
 								class="sml gray"
 								style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;user-select:auto; cursor:text;"
 							>
-								@ ${toot.acct}${locked}</span>
+								@${toot.acct}${locked}</span>
 						</div>
 					</div>
 					<div class="area-status">
@@ -1577,6 +1552,7 @@ function mastodonBaseStreaming(acct_id) {
 		$('.notice_icon_acct_' + acct_id).removeClass('red-text')
 	}
 	mastodonBaseWs[domain].onmessage = function (mess) {
+		$(`div[data-acct=${acct_id}] .landing`).hide()
 		const typeA = JSON.parse(mess.data).event
 		if (typeA == 'delete') {
 			$(`[unique-id=${JSON.parse(mess.data).payload}]`).hide()
--- a/app/js/tl/src.js
+++ b/app/js/tl/src.js
@@ -13,7 +13,21 @@ function searchMenu() {
 //検索取得
 function src(mode, offset) {
 	if (!offset) {
-		$('#src-contents').html('')
+		$('#src-contents').html(`
+		<div class="preloader-wrapper small active" style="margin-left: calc(50% - 36px);">
+			<div class="spinner-layer spinner-blue-only">
+				<div class="circle-clipper left">
+					<div class="circle"></div>
+				</div>
+				<div class="gap-patch">
+					<div class="circle"></div>
+				</div>
+				<div class="circle-clipper right">
+					<div class="circle"></div>
+				</div>
+			</div>
+		</div>
+		`)
 		var add = ''
 	} else {
 		var add = '&type=accounts&offset=' + $('#src-accts .cvo').length
@@ -48,24 +62,27 @@ function src(mode, offset) {
 			Authorization: 'Bearer ' + at
 		}
 	})
-		.then(function(response) {
+		.then(function (response) {
+			if (!offset) {
+				$('#src-contents').html(``)
+			}
 			if (!response.ok) {
-				response.text().then(function(text) {
+				response.text().then(function (text) {
 					setLog(response.url, response.status, text)
 				})
 			}
 			return response.json()
 		})
-		.catch(function(error) {
+		.catch(function (error) {
 			src('v1')
 			return false
 		})
-		.then(function(json) {
+		.then(function (json) {
 			console.log(['Search', json])
 			//ハッシュタグ
 			if (json.hashtags[0]) {
 				var tags = ''
-				Object.keys(json.hashtags).forEach(function(key4) {
+				Object.keys(json.hashtags).forEach(function (key4) {
 					var tag = json.hashtags[key4]
 					if (mode) {
 						tags =
@@ -116,7 +133,7 @@ function tsAdd(q) {
 	parseColumn('add')
 }
 function tootsearch(tlid, q) {
-	if(!q || q=='undefined') {
+	if (!q || q == 'undefined') {
 		return false
 	}
 	var start = 'https://tootsearch.chotto.moe/api/v1/search?from=0&sort=created_at%3Adesc&q=' + q
@@ -129,20 +146,20 @@ function tootsearch(tlid, q) {
 			'content-type': 'application/json'
 		}
 	})
-		.then(function(response) {
+		.then(function (response) {
 			if (!response.ok) {
-				response.text().then(function(text) {
+				response.text().then(function (text) {
 					setLog(response.url, response.status, text)
 				})
 			}
 			return response.json()
 		})
-		.catch(function(error) {
+		.catch(function (error) {
 			todo(error)
 			setLog(start, 'JSON', error)
 			console.error(error)
 		})
-		.then(function(raw) {
+		.then(function (raw) {
 			var templete = ''
 			var json = raw.hits.hits
 			var max_id = raw['hits'].length
@@ -180,20 +197,20 @@ function moreTs(tlid, q) {
 			'content-type': 'application/json'
 		}
 	})
-		.then(function(response) {
+		.then(function (response) {
 			if (!response.ok) {
-				response.text().then(function(text) {
+				response.text().then(function (text) {
 					setLog(response.url, response.status, text)
 				})
 			}
 			return response.json()
 		})
-		.catch(function(error) {
+		.catch(function (error) {
 			todo(error)
 			setLog(start, 'JSON', error)
 			console.error(error)
 		})
-		.then(function(raw) {
+		.then(function (raw) {
 			var templete = ''
 			var json = raw.hits.hits
 			var max_id = raw['hits'].length
@@ -256,8 +273,8 @@ function graphDrawCore(his, tag, acct_id) {
 				</div>
 				<div class="tagCompTag">
 					<a onclick="tl('tag','${escapeHTML(
-						tag.name
-					)}','${acct_id}','add')" class="pointer" title="${escapeHTML(tag.name)}">
+		tag.name
+	)}','${acct_id}','add')" class="pointer" title="${escapeHTML(tag.name)}">
 						#${escapeHTML(tag.name)}
 					</a>
 				</div>
@@ -290,21 +307,21 @@ function trend() {
 			Authorization: 'Bearer ' + at
 		}
 	})
-		.then(function(response) {
+		.then(function (response) {
 			if (!response.ok) {
-				response.text().then(function(text) {
+				response.text().then(function (text) {
 					setLog(response.url, response.status, text)
 				})
 			}
 			return response.json()
 		})
-		.catch(function(error) {
+		.catch(function (error) {
 			setLog(start, 'JSON', error)
 			console.error(error)
 		})
-		.then(function(json) {
+		.then(function (json) {
 			var tags = ''
-			Object.keys(json).forEach(function(keye) {
+			Object.keys(json).forEach(function (keye) {
 				var tag = json[keye]
 				var his = tag.history
 				tags = graphDrawCore(his, tag, acct_id)
@@ -314,47 +331,31 @@ function trend() {
 		})
 }
 function srcBox(mode) {
-	var selectedText = window.getSelection().toString()
 	if (mode == 'open') {
 		$('#pageSrc').removeClass('hide')
 	} else if (mode == 'close') {
-		if(!selectedText) {
-			$('#pageSrc').addClass('hide')
-			$('#pageSrc').removeClass('keep')
-		}
+		$('#pageSrc').addClass('hide')
+		$('#pageSrc').removeClass('keep')
 	} else {
 		$('#pageSrc').toggleClass('hide')
 	}
-	if(!$('#pageSrc').hasClass('keep')) {
-		$('#pageSrcInput').val(selectedText)
-	}
 }
-$('#pageSrcInput').click(function() {
-	$('#pageSrc').addClass('keep')
-})
-$('#pageSrcInput').on('input', function(evt) {
-	if(!$('#pageSrcInput').val()) {
-		$('#pageSrc').removeClass('keep')
-	}
-})
-document.addEventListener('selectionchange', function() {
-	var selectedText = window.getSelection().toString()
-	if (selectedText && !$('input').is(':focus') && !$('textarea').is(':focus')) {
-		srcBox('open')
-	}
-})
 function doSrc(type) {
 	$('#pageSrc').addClass('hide')
 	$('#pageSrc').removeClass('keep')
-	var q = $('#pageSrcInput').val()
-	if(type == 'web') {
+	var q = $('.srcQ').text()
+	if (type == 'web') {
 		var start = localStorage.getItem('srcUrl')
-		if(!start) {
+		if (!start) {
 			start = 'https://google.com/search?q={q}'
 		}
 		start = start.replace(/{q}/, q)
 		postMessage(["openUrl", start], "*")
-	} else if(type == 'ts') {
+	} else if (type == 'ts') {
 		tsAdd(q)
+	} else if (type == 'copy') {
+		execCopy(q)
+	} else if (type == 'toot') {
+		brInsert(q)
 	}
 }
--- a/app/js/tl/tag.js
+++ b/app/js/tl/tag.js
@@ -9,9 +9,47 @@ if (location.search) {
 	}
 }
 //よく使うタグ
-function tagShow(tag) {
-	console.log('[data-regTag=' + decodeURI(tag).toLowerCase() + ']')
-	$('[data-regTag=' + decodeURI(tag).toLowerCase() + ']').toggleClass('hide')
+function tagShow(tag, elm) {
+	tag = decodeURIComponent(tag)
+	const tagTL = lang.lang_parse_tagTL.replace('{{tag}}', '#' + tag)
+	const tagPin = lang.lang_parse_tagpin.replace('{{tag}}', '#' + tag)
+	const tagToot = lang.lang_parse_tagtoot.replace('{{tag}}', '#' + tag)
+	$('#tagCMTL').text(tagTL)
+	$('#tagCMPin').text(tagPin)
+	$('#tagCMToot').text(tagToot)
+	const acct_id = $(elm).parents('.tl').attr('data-acct')
+	const rect = elm.getBoundingClientRect()
+	$('#tagContextMenu').css('top', `calc(${rect.top}px + 1rem)`)
+	$('#tagContextMenu').css('left', `${rect.left}px`)
+	$('#tagContextMenu').attr('data-tag', tag)
+	$('#tagContextMenu').attr('data-acct', acct_id)
+	$('#tagContextMenu').removeClass('hide')
+	setTimeout(() => tShowBox('open'), 500)
+}
+function tShowBox(mode) {
+	if (mode == 'open') {
+		$('#tagContextMenu').removeClass('hide')
+	} else if (mode == 'close') {
+		if (!$('#tagContextMenu').hasClass('hide')) $('#tagContextMenu').addClass('hide')
+		$('#tagContextMenu').removeClass('keep')
+	} else {
+		$('#tagContextMenu').toggleClass('hide')
+	}
+}
+function doTShowBox(type) {
+	$('#tagContextMenu').addClass('hide')
+	$('#tagContextMenu').removeClass('keep')
+	const q = $('#tagContextMenu').attr('data-tag')
+	const acct_id = $('#tagContextMenu').attr('data-acct')
+	if (type == 'tl') {
+		tl('tag', q, acct_id, 'add')
+	} else if (type == 'toot') {
+		brInsert(`#${q}`)
+	} else if (type == 'pin') {
+		tagPin(q)
+	} else if (type == 'f') {
+		tagFeature(q, acct_id)
+	}
 }
 //タグ追加
 function tagPin(tag) {
@@ -22,7 +60,7 @@ function tagPin(tag) {
 		var obj = JSON.parse(tags)
 	}
 	var can
-	Object.keys(obj).forEach(function(key) {
+	Object.keys(obj).forEach(function (key) {
 		var tagT = obj[key]
 		if (tagT == tag) {
 			can = true
@@ -56,7 +94,7 @@ function favTag() {
 	}
 	var tags = ''
 	var nowPT = localStorage.getItem('stable')
-	Object.keys(obj).forEach(function(key) {
+	Object.keys(obj).forEach(function (key) {
 		var tag = obj[key]
 		if (nowPT != tag) {
 			console.log('stable tags:' + nowPT + '/' + tag)
@@ -69,28 +107,31 @@ function favTag() {
 		tag = escapeHTML(tag)
 		tags =
 			tags +
-			`<a onclick="tagShow('${tag}')" class="pointer">#${tag}</a>
+			`<a onclick="tagShowHorizon('${tag}')" class="pointer">#${tag}</a>
 			${nowon}<span class="hide" data-tag="${tag}" data-regTag="${tag.toLowerCase()}">　
 			<a onclick=\"tagTL('tag','${tag}',false,'add')" class="pointer" title="${lang.lang_parse_tagTL.replace('{{tag}}', '#' + tag)}">
 				TL
-			</a>　
+			</a>
 			<a onclick="brInsert('#${tag}')" class="pointer" title="${lang.lang_parse_tagtoot.replace('{{tag}}', '#' + tag)}">
 				Toot
-			</a>　
+			</a>
 			<a onclick="autoToot('${tag}');" class="pointer" title="${lang.lang_tags_always}${lang.lang_parse_tagtoot.replace('{{tag}}', '#' + tag)}">
 				${ptt}
-			</a>　
+			</a>
 			<a onclick="tagRemove('${key}')" class="pointer" title="${lang.lang_tags_tagunpin.replace('{{tag}}', '#' + tag)}">
 				${lang.lang_del}
 			</a>
 			</span> `
 	})
 	if (obj.length > 0) {
-		$('#taglist').append('My Tags:' + tags)
+		$('#taglist').append('My Tags: ' + tags)
 	} else {
 		$('#taglist').append('')
 	}
 }
+function tagShowHorizon(tag) {
+	$('[data-regTag=' + decodeURI(tag).toLowerCase() + ']').toggleClass('hide')
+}
 function trendTag() {
 	$('.trendtag').remove()
 	var domain = 'imastodon.net'
@@ -103,28 +144,28 @@ function trendTag() {
 			Authorization: 'Bearer ' + at
 		}
 	})
-		.then(function(response) {
+		.then(function (response) {
 			if (!response.ok) {
-				response.text().then(function(text) {
+				response.text().then(function (text) {
 					setLog(response.url, response.status, text)
 				})
 			}
 			return response.json()
 		})
-		.catch(function(error) {
+		.catch(function (error) {
 			todo(error)
 			setLog(start, 'JSON', error)
 			console.error(error)
 		})
-		.then(function(json) {
+		.then(function (json) {
 			if (json) {
 				var tags = ''
 				json = json.score
-				Object.keys(json).forEach(function(tag) {
+				Object.keys(json).forEach(function (tag) {
 					tag = escapeHTML(tag)
 					tags =
 						tags +
-						`<a onclick="tagShow('${tag}')" class="pointer">#${tag}</a>
+						`<a onclick="tagShow('${tag}', this)" class="pointer">#${tag}</a>
 						<span class="hide" data-tag="${tag}" data-regTag="${tag.toLowerCase()}">　
 						<a onclick=\"tagTL('tag','${tag}',false,'add')" class="pointer" title="#${tag}のタイムライン">TL</a>　
 						<a onclick="show();brInsert('#${tag}')" class="pointer" title="#${tag}でトゥート">
@@ -134,8 +175,8 @@ function trendTag() {
 				})
 				$('#taglist').append(
 					'<div class="trendtag">アイマストドントレンドタグ<i class="material-icons pointer" onclick="trendTag()" style="font-size:12px">refresh</i>:' +
-						tags +
-						'</div>'
+					tags +
+					'</div>'
 				)
 				trendintervalset()
 			} else {
@@ -182,18 +223,18 @@ function tagFeature(name, acct_id) {
 			name: name
 		})
 	})
-		.then(function(response) {
+		.then(function (response) {
 			if (!response.ok) {
-				response.text().then(function(text) {
+				response.text().then(function (text) {
 					setLog(response.url, response.status, text)
 				})
 			}
 			return response.json()
 		})
-		.catch(function(error) {
+		.catch(function (error) {
 			return false
 		})
-		.then(function(json) {
+		.then(function (json) {
 			console.log(json)
 			M.toast({ html: 'Complete: ' + escapeHTML(name), displayLength: 3000 })
 		})
@@ -202,7 +243,7 @@ function tagFeature(name, acct_id) {
 function addTag(id) {
 	var columns = JSON.parse(localStorage.getItem('column'))
 	var column = columns[id]
-	if(!column.data.name) {
+	if (!column.data.name) {
 		var name = column.data
 	} else {
 		var name = column.data.name
@@ -219,7 +260,7 @@ function addTag(id) {
 	o[id] = obj
 	var json = JSON.stringify(o)
 	console.log(json)
-	localStorage.setItem('column',json)
+	localStorage.setItem('column', json)
 	columnReload(id, 'tag')
 }

--- a/app/js/tl/tl.js
+++ b/app/js/tl/tl.js
--- a/app/js/ui/img.js
+++ b/app/js/ui/img.js
@@ -21,7 +21,7 @@ function imgv(id, key, acct_id) {
 	if (remote_img == 'yes') {
 		murl = ourl
 	}
-	$(document).ready(function() {
+	$(document).ready(function () {
 		if (type == 'image') {
 			$('#imagemodal').modal('open')
 			imageXhr(id, key, murl)
@@ -62,7 +62,7 @@ function imgCont(type) {
 		$('#imgsec').text(0)
 		$('#imgmodal').attr('src', '../../img/loading.svg')
 		var type = $('#' + id + '-image-' + key).attr('data-type')
-		$(document).ready(function() {
+		$(document).ready(function () {
 			if (type == 'image') {
 				imageXhr(id, key, murl)
 				$('#imagewrap').dragScroll() // ドラッグスクロール設定
@@ -77,16 +77,22 @@ function imgCont(type) {
 }
 function imageXhr(id, key, murl) {
 	var startTime = new Date()
+	$('#imgmodal-progress div').removeClass('determinate')
+	$('#imgmodal-progress div').addClass('indeterminate')
+	$('#imgmodal-progress').removeClass('hide')
 	xhr = new XMLHttpRequest()
 	xhr.open('GET', murl, true)
 	xhr.responseType = 'arraybuffer'
 	xhr.addEventListener(
 		'progress',
-		function(event) {
+		function (event) {
 			if (event.lengthComputable) {
 				var total = event.total
 				var now = event.loaded
 				var per = (now / total) * 100
+				$('#imgmodal-progress div').removeClass('indeterminate')
+				$('#imgmodal-progress div').addClass('determinate')
+				$('#imgmodal-progress div').css('width', `${per}%`)
 				$('#imgprog').text(Math.floor(per))
 			}
 		},
@@ -94,31 +100,35 @@ function imageXhr(id, key, murl) {
 	)
 	xhr.addEventListener(
 		'loadend',
-		function(event) {
+		function (event) {
 			var total = event.total
 			$('#imgbyte').text(Math.floor(total / 1024))
 			var now = event.loaded
 			var per = (now / total) * 100
 			$('#imgprog').text(Math.floor(per))
+			$('#imgmodal-progress').addClass('hide')
+			$('#imgmodal-progress div').css('width', '0%')
+			$('#imgmodal-progress div').removeClass('determinate')
+			$('#imgmodal-progress div').addClass('indeterminate')
 		},
 		false
 	)
 	xhr.addEventListener(
 		'error',
-		function(event) {
+		function (event) {
 			$('#imgmodal').attr('src', murl)
 		},
 		false
 	)
-	xhr.onreadystatechange = function() {
+	xhr.onreadystatechange = function () {
 		if (this.readyState == 4 && this.status == 200) {
 			r = new FileReader()
 			r.readAsDataURL(this.response)
-			r.onload = function() {
+			r.onload = function () {
 				var b64 = r.result
 				var element = new Image()
 				var width
-				element.onload = function() {
+				element.onload = function () {
 					var width = element.naturalWidth
 					var height = element.naturalHeight
 					calcNiceAspect(width, height)
@@ -146,8 +156,8 @@ function imageXhr(id, key, murl) {
 	xhr.responseType = 'blob'
 	xhr.send()
 }
-function calcNiceAspect( width, height ) {
-	if(width < 650) {
+function calcNiceAspect(width, height) {
+	if (width < 650) {
 		width = 650
 	}
 	var windowH = $(window).height()
@@ -156,7 +166,7 @@ function calcNiceAspect( width, height ) {
 	$('#imagemodal img').css('width', 'auto')
 	if (height < windowH) {
 		$('#imagemodal').css('height', height + 100 + 'px')
-		$('#imagemodal img').css('height',  height + 'px')
+		$('#imagemodal img').css('height', height + 'px')
 		if (width > windowW * 0.8) {
 			$('#imagemodal').css('width', '80vw')
 			$('#imagemodal img').css('width', 'auto')
@@ -188,11 +198,11 @@ function zoom(z) {
 	$('#imagewrap img').css('height', hgt + 'px')
 }
 //スマホ対応ドラッグ移動システム
-(function() {
-	$.fn.dragScroll = function() {
+(function () {
+	$.fn.dragScroll = function () {
 		var target = this
 		$(this)
-			.mousedown(function(event) {
+			.mousedown(function (event) {
 				$(this)
 					.data('down', true)
 					.data('x', event.clientX)
@@ -207,7 +217,7 @@ function zoom(z) {
 			})
 		// ウィンドウから外れてもイベント実行
 		$(document)
-			.mousemove(function(event) {
+			.mousemove(function (event) {
 				if ($(target).data('down') == true) {
 					// スクロール
 					target.scrollLeft($(target).data('scrollLeft') + $(target).data('x') - event.clientX)
@@ -215,11 +225,11 @@ function zoom(z) {
 					return false // 文字列選択を抑止
 				}
 			})
-			.mouseup(function(event) {
+			.mouseup(function (event) {
 				$(target).data('down', false)
 			})
 		$(this)
-			.on('touchstart', function(event) {
+			.on('touchstart', function (event) {
 				$(this)
 					.data('down', true)
 					.data('x', getX(event))
@@ -232,7 +242,7 @@ function zoom(z) {
 				overflow: 'hidden', // スクロールバー非表示
 				cursor: 'move'
 			}) //指が触れたか検知
-		$(this).on('touchmove', function(event) {
+		$(this).on('touchmove', function (event) {
 			if ($(target).data('down') === true) {
 				// スクロール
 				target.scrollLeft($(target).data('scrollLeft') + $(target).data('x') - getX(event))
@@ -241,7 +251,7 @@ function zoom(z) {
 			} else {
 			}
 		}) //指が動いたか検知
-		$(this).on('touchend', function(event) {
+		$(this).on('touchend', function (event) {
 			$(target).data('down', false)
 		})

@@ -258,7 +268,7 @@ function getY(event) {
 }
 //マウスホイールで拡大
 var element = document.getElementById('imagemodal')
-element.onmousewheel = function(e) {
+element.onmousewheel = function (e) {
 	var delta = e.wheelDelta
 	if (delta > 0) {
 		zoom(1.1)
--- a/app/js/ui/layout.js
+++ b/app/js/ui/layout.js
@@ -52,7 +52,7 @@ function parseColumn(target, dontclose) {
 			localStorage.setItem('domain_' + key, acct.domain)
 			localStorage.setItem('acct_' + key + '_at', acct.at)
 			localStorage.setItem('acct_' + key + '_rt', acct.rt ? acct.rt : null)
-			if(!target) mastodonBaseStreaming(key)
+			if (!target) mastodonBaseStreaming(key)
 			ckdb(key)
 			//フィルターデータ読もう
 			getFilter(key)
@@ -167,11 +167,11 @@ function parseColumn(target, dontclose) {
 		}
 		var maxWidth = localStorage.getItem('max-width')
 		if (maxWidth) {
-			css = css +'max-width:' + maxWidth + 'px;'
+			css = css + 'max-width:' + maxWidth + 'px;'
 		}
 		var margin = localStorage.getItem('margin')
 		if (margin) {
-			css = css +'margin-right:' + margin + 'px;'
+			css = css + 'margin-right:' + margin + 'px;'
 		}
 		if (acct.width) {
 			css = css + ' min-width:' + acct.width + 'px !important;max-width:' + acct.width + 'px !important;'
@@ -231,14 +231,14 @@ function parseColumn(target, dontclose) {
 			}
 			var unread = `<a id="unread_${key}" onclick="showUnread('${key}','${acct.type}','${acct.domain}')"
 					 class="setting nex waves-effect" title="${lang.lang_layout_unread}">
-					<i class="material-icons waves-effect nex">more</i><br />${lang.lang_layout_unread}
+					<i class="material-icons waves-effect nex">more</i><span>${lang.lang_layout_unread}</span>
 				</a>`
 			var notfDomain = acct.domain
 			var notfKey = key
 			var if_tag = ''
 			var if_tag_btn = ''
 			if (acct.type == 'notf') {
-				var exclude =
+				var excludeNotf =
 					`<div style="border: 1px solid; padding: 5px; margin-top: 5px; margin-bottom: 5px;">${lang.lang_layout_excluded}:<br>
 					<label>
 						<input type="checkbox" class="filled-in" id="exc-reply-${key}" ${excludeCk(key, 'mention')} />
@@ -272,20 +272,21 @@ function parseColumn(target, dontclose) {
 					</label> <br />
 					<button class="btn btn-flat waves-effect notf-exclude-btn waves-light" style="width:calc(50% - 11px); padding:0;" onclick="exclude('${key}')">Filter</button>`
 				if (checkNotfFilter(key)) {
-					exclude =
-						exclude +
+					excludeNotf =
+						excludeNotf +
 						`<button class="btn btn-flat red-text waves-effect notf-exclude-btn waves-light" style="width:calc(50% - 11px); padding:0;" onclick="resetNotfFilter('${key}')">
 							Clear all
 						</button>`
 				}
-				exclude = exclude + '</div>'
+				excludeNotf = excludeNotf + '</div>'
 				notfDomain = 'dummy'
 				notfKey = 'dummy'
+				var excludeHome = ''
 			} else if (acct.type == 'home') {
-				var exclude = `<a onclick="ebtToggle('${key}')" class="setting nex waves-effect">
+				var excludeNotf = ''
+				var excludeHome = `<a onclick="ebtToggle('${key}')" class="setting nex waves-effect">
 						<i class="fas fa-retweet nex" title="${lang.lang_layout_excludingbt}" style="font-size: 24px"></i>
-						<span id="sta-bt-${key}">Off</span><br />
-					${lang.lang_layout_excludingbt}
+						<span>${lang.lang_layout_excludingbt}</span><span id="sta-bt-${key}">Off</span>
 					</a>`
 			} else if (acct.type == 'tag') {
 				if (acct.data.name) {
@@ -313,10 +314,12 @@ function parseColumn(target, dontclose) {
 				<i class="material-icons waves-effect nex">note_add</i>
 				</a>`
 				unread = ''
-				var exclude = ''
+				var excludeNotf = ''
+				var excludeHome = ''
 				var if_notf = 'hide'
 			} else {
-				var exclude = ''
+				var excludeNotf = ''
+				var excludeHome = ''
 				unread = ''
 			}

@@ -337,12 +340,12 @@ function parseColumn(target, dontclose) {
 					$('#timeline-container').append(basehtml)
 				}
 				var left_hold = `<a onclick="leftFoldSet('${key}')" class="setting nex waves-effect">
-						<i class="material-icons waves-effect nex" title="${lang.lang_layout_leftFold}">view_agenda</i><br />
-					${lang.lang_layout_leftFold}</a>`
+						<i class="material-icons waves-effect nex" title="${lang.lang_layout_leftFold}">view_agenda</i>
+					<span>${lang.lang_layout_leftFold}</span></a>`
 			} else {
 				var left_hold = `<a onclick="leftFoldRemove('${key}')" class="setting nex waves-effect">
-						<i class="material-icons waves-effect nex" title="${lang.lang_layout_leftUnfold}">view_column</i><br />
-					${lang.lang_layout_leftUnfold}</a>`
+						<i class="material-icons waves-effect nex" title="${lang.lang_layout_leftUnfold}">view_column</i>
+					<span>${lang.lang_layout_leftUnfold}</span></a>`
 			}
 			if (key === 0) {
 				left_hold = ''
@@ -363,8 +366,7 @@ function parseColumn(target, dontclose) {
 			if (acct.type != 'pub' && acct.type != 'pub-media') {
 				var mediaFil = `<a onclick="mediaToggle('${key}')" class="setting nex waves-effect">
 					<i class="material-icons nex" title="${lang.lang_layout_mediafil}">perm_media</i>
-					<span id="sta-media-${key}">On</span><br />
-				${lang.lang_layout_mediafil}</a>`
+				<span>${lang.lang_layout_mediafil}</span/><span id="sta-media-${key}">On</span></a>`
 			} else {
 				var mediaFil = `<a onclick="remoteOnly('${key}','${acct.type}')" class="setting nex waves-effect">
 					<i class="material-icons nex" title="${lang.lang_layout_remoteOnly}">perm_media</i><br />
@@ -422,39 +424,48 @@ function parseColumn(target, dontclose) {
 					</div>
 				</div>
 				<div class="column-hide notf-indv-box" id="util-box_${key}" style="padding:5px;">
-					${exclude}
+					${excludeNotf}
+					<div class="columnSettings">
+					${excludeHome}
 					${unread}
 					${left_hold}
 					${mediaFil}
 					<a onclick="cardToggle('${key}')" class="setting nex waves-effect">
 						<i class="material-icons nex" title="${lang.lang_layout_linkanades}">link</i>
-						<span id="sta-card-${key}">On</span><br />
-					${lang.lang_layout_linkana}
+					<span>${lang.lang_layout_linkana}</span><span id="sta-card-${key}">On</span>
 					</a>
 					<a onclick="voiceToggle('${key}')" class="setting nex waves-effect">
 						<i class="material-icons nex" title="${lang.lang_layout_tts}">hearing</i>
-						<span id="sta-voice-${key}">On</span><br />
-					${lang.lang_layout_tts}
-					TL</a>
+					<span>${lang.lang_layout_tts}TL</span/><span id="sta-voice-${key}">On</span>
+					</a>
 					<a onclick="columnReload('${key}','${acct.type}')" class="setting nex ${if_misskey_hide} waves-effect">
 						<i class="material-icons nex" title="${lang.lang_layout_reconnect}">refresh</i>
-					<br />
-						${lang.lang_layout_reconnect}
+						<span>${lang.lang_layout_reconnect}</span>
 					</a>
 					<a onclick="resetWidth('${key}')" class="setting nex waves-effect">
-						<i class="material-icons nex" title="${lang.lang_layout_resetWidth}">refresh</i>
-					<br />
-						${lang.lang_layout_resetWidth}
-					</a><br />
-					${lang.lang_layout_headercolor}
-					<br>
+						<i class="material-icons nex rotate-90" title="${lang.lang_layout_resetWidth}">height</i>
+						<span>${lang.lang_layout_resetWidth}</span>
+					</a></div>
+					<p>${lang.lang_layout_headercolor}</p>
 					<div id="picker_${key}" class="color-picker"></div>
 				</div>${if_tag}
 				<div class="tl-box" tlid="${key}">
 					<div id="timeline_${key}" class="tl ${acct.type}-timeline " tlid="${key}" 
 						data-type="${acct.type}" data-acct="${acct.domain}" data-const="${acct.type}_${acct.domain}">
-						<div id="landing_${key}" style="text-align:center">
-						${lang.lang_layout_nodata}
+						<div id="landing_${key}" class="landing">
+						<div class="preloader-wrapper small active " style="margin-top: calc(50vh - 15px)">
+							<div class="spinner-layer spinner-blue-only">
+								<div class="circle-clipper left">
+									<div class="circle"></div>
+								</div>
+								<div class="gap-patch">
+									<div class="circle"></div>
+								</div>
+								<div class="circle-clipper right">
+									<div class="circle"></div>
+								</div>
+							</div>
+					  </div>
 					</div>
 				</div>
 			</div>`
@@ -660,8 +671,6 @@ function removeColumn(tlid) {
 				$('#timeline_box_' + tlid + '_parentBox').remove()
 			}
 		}
-		$('#sort-box').removeClass('hide')
-		$('#sort-box').addClass('show')
 	})
 }

--- a/app/js/ui/post-box.js
+++ b/app/js/ui/post-box.js
@@ -101,6 +101,7 @@ if (location.search) {
 		$('.mini-btn').text('expand_less')
 	}
 }
+
 function initPostbox() {
 	$('#posttgl').click(function (e) {
 		if (!$('#post-box').hasClass('appear')) {
@@ -124,6 +125,7 @@ function initPostbox() {
 		selectedToot = 0
 		localStorage.removeItem('nohide')
 		srcBox('close')
+		tShowBox('close')
 	})
 	$('#textarea,#cw-text').focusout(function (e) {
 		localStorage.setItem('nohide', true)
--- a/app/js/ui/settings.js
+++ b/app/js/ui/settings.js
--- a/app/js/ui/tips.js
+++ b/app/js/ui/tips.js
@@ -117,7 +117,7 @@ function trendTagonTip() {
 				Object.keys(json).forEach(function(tag) {
 					tags =
 						tags +
-						`<a onclick="tagShow('${tag}')" class="pointer">
+						`<a onclick="tagShow('${tag}', this)" class="pointer">
 							#${escapeHTML(tag)}
 						</a>
 						<span class="hide" data-tag="${tag}" data-regTag="${tag.toLowerCase()}">　
--- a/app/js/userdata/showOnTL.js
+++ b/app/js/userdata/showOnTL.js
--- a/app/main.js
+++ b/app/main.js
@@ -14,12 +14,12 @@ const dl = require('./main/dl.js')
 const img = require('./main/img.js')
 const np = require('./main/np.js')
 const systemFunc = require('./main/system.js')
-const Menu = electron.Menu
+const { Menu, MenuItem, BrowserWindow, ipcMain } = electron
 const join = require('path').join
 // ウィンドウを作成するモジュール
-const BrowserWindow = electron.BrowserWindow
 // メインウィンドウはGCされないようにグローバル宣言
 let mainWindow
+let opening = true

 // アプリが多重起動しないようにする
 const gotTheLock = app.requestSingleInstanceLock()
@@ -27,9 +27,12 @@ const gotTheLock = app.requestSingleInstanceLock()
 if (!gotTheLock) {
 	app.quit()
 } else {
-	app.on('second-instance', () => {
-		// 多重起動を試みた場合、既に存在するウィンドウにフォーカスを移す
-		// Someone tried to run a second instance, we should focus our window.
+	app.on('second-instance', (event, commandLine, workingDirector) => {
+		opening = false
+		const m = commandLine[2].match(/([a-zA-Z0-9]+)\/\?[a-zA-Z-0-9]+=(.+)/)
+		if (m) {
+			mainWindow.send('customUrl', [m[1], m[2]])
+		}
 		if (mainWindow) {
 			if (mainWindow.isMinimized()) mainWindow.restore()
 			mainWindow.focus()
@@ -39,7 +42,7 @@ if (!gotTheLock) {

 // 全てのウィンドウが閉じたら終了
 app.on('window-all-closed', function () {
-	electron.session.defaultSession.clearCache(() => {})
+	electron.session.defaultSession.clearCache(() => { })
 	app.quit()
 })
 function isFile(file) {
@@ -76,25 +79,26 @@ function createWindow() {
 	if (!packaged) console.log('launch:' + lang)
 	//Opening
 	const package = fs.readFileSync(__dirname + '/package.json')
-	if(lang == 'ja') {
+	if (lang == 'ja') {
 		const maxims = JSON.parse(fs.readFileSync(__dirname + '/maxim.ja.json'))
 		var show = maxims[Math.floor(Math.random() * maxims.length)]
-	} else if(lang == 'ja-KS') {
+	} else if (lang == 'ja-KS') {
 		//ja-KSも作れたらいいね
 		const maxims = JSON.parse(fs.readFileSync(__dirname + '/maxim.ja.json'))
 		var show = maxims[Math.floor(Math.random() * maxims.length)]
-	} else{
+	} else {
 		var show = 'TheDesk 2018'
 	}
 	const data = JSON.parse(package)
 	const version = data.version
 	const codename = data.codename
-	var openingWindow = new BrowserWindow({
+	const openingWindow = new BrowserWindow({
 		width: 300,
 		height: 400,
 		transparent: false,
 		frame: false,
 		resizable: false,
+		show: opening
 	})
 	openingWindow.loadURL(`${__dirname}/opening.html?ver=${version}&codename=${codename}&maxim=${encodeURI(show)}`)

@@ -104,18 +108,18 @@ function createWindow() {
 		var packaged = false
 		console.log(
 			'||\\\\\\ \n' +
-				'||||  \\\\\\\\ \n' +
-				'||||     \\\\\\\\ \n' +
-				'|||| Am I a \\\\\\\\ \n' +
-				'|||| cat? ^ ^   \\\\\\\\\\       _____ _          ____            _    \n' +
-				'||||     (.-.)   \\\\\\\\\\      |_   _| |__   ___|  _ \\  ___  ___| | __\n' +
-				"||||  ___>   )    |||||       | | | '_ \\ / _ \\ | | |/ _ \\/ __| |/ /\n" +
-				'|||| <   _  _)   //////       | | | | | |  __/ |_| |  __/__ \\   < \n' +
-				'||||  |_||_|   /////          |_| |_| |_|\\___|____/ \\___||___/_|\\_\\ \n' +
-				'||||          /////         \n' +
-				'||||       /////\n' +
-				'||||     /////\n' +
-				'||||//////'
+			'||||  \\\\\\\\ \n' +
+			'||||     \\\\\\\\ \n' +
+			'|||| Am I a \\\\\\\\ \n' +
+			'|||| cat? ^ ^   \\\\\\\\\\       _____ _          ____            _    \n' +
+			'||||     (.-.)   \\\\\\\\\\      |_   _| |__   ___|  _ \\  ___  ___| | __\n' +
+			"||||  ___>   )    |||||       | | | '_ \\ / _ \\ | | |/ _ \\/ __| |/ /\n" +
+			'|||| <   _  _)   //////       | | | | | |  __/ |_| |  __/__ \\   < \n' +
+			'||||  |_||_|   /////          |_| |_| |_|\\___|____/ \\___||___/_|\\_\\ \n' +
+			'||||          /////         \n' +
+			'||||       /////\n' +
+			'||||     /////\n' +
+			'||||//////'
 		)
 		console.log('If it does not show the window, you might forget `npm run construct`.')
 	}
@@ -133,7 +137,7 @@ function createWindow() {
 		if (!packaged) console.log('enabled: Hardware Acceleration')
 	}
 	let webviewEnabled = false
-	if(fs.existsSync(wv_path, 'utf8')) webviewEnabled = true
+	if (fs.existsSync(wv_path, 'utf8')) webviewEnabled = true
 	var window_size
 	try {
 		window_size = JSON.parse(fs.readFileSync(info_path, 'utf8'))
@@ -190,13 +194,13 @@ function createWindow() {
 	})
 	mainWindow.webContents.on('page-title-updated', () => {
 		const url = mainWindow.webContents.getURL()
-		if(url.match(/https:\/\/crowdin.com\/profile/)) {
+		if (url.match(/https:\/\/crowdin.com\/profile/)) {
 			app.relaunch()
 			app.exit()
 		}
 	})
 	if (!packaged) mainWindow.toggleDevTools()
-	electron.session.defaultSession.clearCache(() => {})
+	electron.session.defaultSession.clearCache(() => { })
 	if (process.argv) {
 		if (process.argv[1]) {
 			var m = process.argv[1].match(/([a-zA-Z0-9]+)\/\?[a-zA-Z-0-9]+=(.+)/)
@@ -229,7 +233,7 @@ function createWindow() {
 	}
 	// ウィンドウが閉じられたらアプリも終了
 	mainWindow.on('closed', function () {
-		electron.ipcMain.removeAllListeners()
+		ipcMain.removeAllListeners()
 		mainWindow = null
 	})
 	closeArg = false
@@ -242,7 +246,7 @@ function createWindow() {
 			mainWindow.send('asReadEnd', '')
 			let wait = 3000
 			const url = mainWindow.webContents.getURL()
-			if(!url.match(/index.html/)) wait = 0
+			if (!url.match(/index.html/)) wait = 0
 			setTimeout(function () {
 				resolve()
 			}, wait)
@@ -252,7 +256,7 @@ function createWindow() {
 			mainWindow.close()
 		})
 	})
-	electron.ipcMain.on('sendMarkersComplete', function (e, arg) {
+	ipcMain.on('sendMarkersComplete', function (e, arg) {
 		closeArg = true
 		mainWindow.close()
 	})
--- a/app/main/language.js
+++ b/app/main/language.js
@@ -1,13 +1,11 @@
 // Create the Application's main menu
 function templete(lang, mainWindow, packaged, dir, dirname) {
    //フレーム
-    if(lang !="ja" && lang != "en"){
+    if (lang != "ja" && lang != "en") {
        lang = "en"
    }
-    const electron = require("electron");
-    const ipc = electron.ipcMain;
-    const app = electron.app;
-    const BrowserWindow = electron.BrowserWindow;
+    const electron = require("electron")
+    const { Menu, MenuItem, ipcMain, BrowserWindow, app } = electron
    const join = require('path').join;
    const dict = {
        "application": {
@@ -71,7 +69,7 @@ function templete(lang, mainWindow, packaged, dir, dirname) {
            "en": "Close"
        }
    }
-    if(packaged){
+    if (packaged) {
        var ifDev = [
            {
                label: dict.reload[lang],
@@ -79,12 +77,12 @@ function templete(lang, mainWindow, packaged, dir, dirname) {
                click: function () { mainWindow.reload(); }
            }
        ]
-    }else{
+    } else {
        var ifDev = [
            {
                label: 'Toggle Developer Tools',
                accelerator: 'Alt+Command+I',
-                click: function () { if (!packaged) { mainWindow.toggleDevTools(); } }
+                click: function () { mainWindow.toggleDevTools(); }
            },
            {
                label: dict.reload[lang],
@@ -104,7 +102,7 @@ function templete(lang, mainWindow, packaged, dir, dirname) {
                            webviewTag: false,
                            nodeIntegration: false,
                            contextIsolation: true,
-                            preload: join(dirname , "js", "platform", "preload.js")
+                            preload: join(dirname, "js", "platform", "preload.js")
                        },
                        width: 300, height: 500,
                        "transparent": false,    // ウィンドウの背景を透過
@@ -150,6 +148,28 @@ function templete(lang, mainWindow, packaged, dir, dirname) {
        ]
    }
    ];
+    // コピペメニュー
+    const ctxMenu = new Menu()
+    ctxMenu.append(new MenuItem({
+        label: dict.cut[lang],
+        role: 'cut',
+        click: () => { console.log('Cut clicked!') }
+    }))
+    ctxMenu.append(new MenuItem({
+        label: dict.copy[lang],
+        role: 'copy',
+        click: () => { console.log('Copy clicked!') }
+    }))
+    ctxMenu.append(new MenuItem({
+        label: dict.paste[lang],
+        role: 'paste',
+        click: () => { console.log('Paste clicked!') }
+    }))
+
+
+    ipcMain.on('textareaContextMenu', function (e, params) {
+        ctxMenu.popup(mainWindow, params.x, params.y)
+    })
    return menu;
 }

--- a/app/package.json
+++ b/app/package.json
@@ -1,6 +1,6 @@
 {
    "name": "thedesk",
-    "version": "22.2.0",
+    "version": "22.3.0",
    "codename": "Koume",
    "description": "TheDesk is a Mastodon client for PC.",
    "repository": "https://github.com/cutls/TheDesk",
@@ -38,8 +38,7 @@
        "url": "https://cutls.dev",
        "email": "p@cutls.com"
    },
-    "contributor": [
-        {
+    "contributor": [{
            "name": "とねぢ",
            "url": "https://minohdon.jp/@toneji",
            "email": "solfa.tono@gmail.com"
@@ -57,7 +56,7 @@
    ],
    "license": "GPL-3.0",
    "dependencies": {
-        "@fortawesome/fontawesome-free": "^5.15.2",
+        "@fortawesome/fontawesome-free": "^5.15.3",
        "@syuilo/aiscript": "^0.11.1",
        "electron-dl": "^3.2.1",
        "itunes-nowplaying-mac": "https://github.com/cutls/itunes-nowplaying-mac/releases/download/v0.4.0/itunes-nowplaying-mac-0.4.0.tgz",
@@ -67,25 +66,27 @@
        "json5": "^2.2.0",
        "lodash": "^4.17.21",
        "materialize-css": "git://github.com/cutls/materialize#v1-dev",
-        "sanitize-html": "^2.3.2",
+        "sanitize-html": "^2.4.0",
        "sumchecker": "^3.0.1",
-        "sweetalert2": "^10.15.7",
+        "sweetalert2": "^11.0.17",
        "system-font-families": "^0.4.1",
-        "vue": "^2.6.12"
+        "textarea-caret": "^3.1.0",
+        "vue": "^2.6.14"
    },
    "devDependencies": {
        "browserify": "^17.0.0",
-        "chokidar": "^3.5.1",
-        "dotenv": "^8.2.0",
-        "electron": "^12.0.2",
-        "electron-builder": "^22.10.5",
+        "chokidar": "^3.5.2",
+        "dotenv": "^10.0.0",
+        "electron": "^13.1.2",
+        "electron-builder": "^22.11.7",
        "electron-notarize": "^1.0.0",
        "electron-rebuild": "^2.3.5",
-        "eslint": "^7.23.0",
+        "eslint": "^7.28.0",
        "npm-run-all": "^4.1.5",
        "readline-sync": "1.4.10"
    },
    "resolutions": {
-        "@types/fs-extra": "9.0.11"
+        "@types/fs-extra": "9.0.11",
+        "plist": "3.0.2"
    }
-}
+}
--- a/app/source/themes/white.thedesktheme
+++ b/app/source/themes/white.thedesktheme
@@ -17,7 +17,7 @@
 		bottom: '#eeeeee',
 		emphasized: '#81c784',
 		postbox: '#fff',
-		active: '#009688',
+		active: '#66dacf',
 		selected: '#c0c0c0',
 		selectedWithShared: '#b2babd',
 	},
--- a/app/view/make/acct.sample.html
+++ b/app/view/make/acct.sample.html
@@ -2,133 +2,143 @@
 <html lang="@@lang@@">

 <head>
-	<title>Account Manager - TheDesk</title>
-	<meta content="width=device-width,initial-scale=1.0" name="viewport" />
-	<link href="../../css/themes.css" type="text/css" rel="stylesheet">
-	<link href="../../@@node_base@@/materialize-css/dist/css/materialize.css" type="text/css" rel="stylesheet" />
-	<link href="../../css/master.css" type="text/css" rel="stylesheet" />
-	<link href="../../css/tl.css" rel="stylesheet" type="text/css" />
-	<link href="../../css/userdata.css" rel="stylesheet" type="text/css" />
-	<link href="../../@@node_base@@/@fortawesome/fontawesome-free/css/all.min.css" type="text/css" rel="stylesheet" />
-	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-	<link href="../../css/sweetalert2-material.min.css" type="text/css" rel="stylesheet">
-	<link href="../../css/acct.css" rel="stylesheet" type="text/css" />
-	<meta charset="utf-8" />
-	@@comment-start@@
-	<script type="text/javascript">
-		var _jipt = []
-		_jipt.push(['project', 'thedesk'])
-	</script>
-	<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
-	@@comment-end@@
-	@@pwa@@ @@store@@
+    <title>Account Manager - TheDesk</title>
+    <meta content="width=device-width,initial-scale=1.0" name="viewport" />
+    <link href="../../css/themes.css" type="text/css" rel="stylesheet">
+    <link href="../../@@node_base@@/materialize-css/dist/css/materialize.css" type="text/css" rel="stylesheet" />
+    <link href="../../css/master.css" type="text/css" rel="stylesheet" />
+    <link href="../../css/tl.css" rel="stylesheet" type="text/css" />
+    <link href="../../css/userdata.css" rel="stylesheet" type="text/css" />
+    <link href="../../@@node_base@@/@fortawesome/fontawesome-free/css/all.min.css" type="text/css" rel="stylesheet" />
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <link href="../../css/sweetalert2-material.css" type="text/css" rel="stylesheet">
+    <link href="../../css/acct.css" rel="stylesheet" type="text/css" />
+    <meta charset="utf-8" /> @@comment-start@@
+    <script type="text/javascript">
+        var _jipt = []
+        _jipt.push(['project', 'thedesk'])
+    </script>
+    <script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
+    @@comment-end@@ @@pwa@@ @@store@@
 </head>

 <body id="mainView" class="@@pwaClass@@">
-	<script type="text/javascript" src="../../@@node_base@@/jquery/dist/jquery.js"></script>
-	<script type="text/javascript" src="../../js/platform/first.js"></script>
-	<script type="text/javascript" src="../../@@node_base@@/materialize-css/dist/js/materialize.js"></script>
-	<script type="text/javascript" src="main.js"></script>
-	<script type="text/javascript" src="../../@@node_base@@/sweetalert2/dist/sweetalert2.min.js"></script>
-	<script>
-		var misskeytoken = false
-	</script>
-	<script type="text/javascript" src="../../js/common/time.js"></script>
-	<div class="hide-first">
-		<a href="index.html" class="btn waves-effect orange nex" style="width:100%; max-width:200px;">@@back@@</a><br />
-		<h5>@@list@@</h5>
-		<div id="acct-list"></div>
-		<div class="divider"></div>
-	</div>
-	<div class="hide-second">
-		<a href="setting.html">@@haveExported@@</a>
-	</div>
-	<div>
-		<h5>@@add@@</h5>
-		<br />
-		<div id="add">
-			<div class="row">
-				<div class="col s8">
-					@@addAcct@@<br />
-					<input type="text" id="url" style="width:70%" placeholder="ex)mstdn.jp" />
-					<div id="ins-suggest"></div>
-					<button class="btn waves-effect" onclick="instance()">Login</button><br />
-					<div class="pwa">
-						@@codesetupwarn@@<br />
-						<label>
+    <script type="text/javascript" src="../../@@node_base@@/jquery/dist/jquery.js"></script>
+    <script type="text/javascript" src="../../js/platform/first.js"></script>
+    <script type="text/javascript" src="../../@@node_base@@/materialize-css/dist/js/materialize.js"></script>
+    <script type="text/javascript" src="main.js"></script>
+    <script type="text/javascript" src="../../@@node_base@@/sweetalert2/dist/sweetalert2.min.js"></script>
+    <script>
+        var misskeytoken = false
+    </script>
+    <script type="text/javascript" src="../../js/common/time.js"></script>
+    <div class="hide-first">
+        <a href="index.html" class="btn waves-effect orange nex" style="width:100%; max-width:200px;">@@back@@</a><br />
+        <h5>@@list@@</h5>
+        <div id="acct-list"></div>
+        <div class="divider"></div>
+    </div>
+    <div>
+        <h5>@@add@@</h5>
+
+        <div class="hide-second">
+            <a href="setting.html">@@haveExported@@</a>
+        </div>
+        <br />
+        <div id="add">
+            <div class="row">
+                <div class="col s8">
+                    @@addAcct@@
+                    <div class="row">
+                        <div class="input-field col s6">
+                            <input type="text" id="autocomplete-input" class="autocomplete" placeholder="eg) mstdn.jp">
+                            <label for="autocomplete-input">URL</label>
+                        </div>
+                        <div class="col s4 loginBtnWrap">
+                            <button class="btn waves-effect" onclick="instance()"><i
+									class="material-icons left">login</i>Login</button>
+                        </div>
+                    </div>
+
+                    <div class="pwa">
+                        @@codesetupwarn@@<br />
+                        <label>
 							<input type="checkbox" class="filled-in" id="linux" />
 							<span>@@codesetup@@</span>
 						</label>
-						<br />
-					</div>
-					<label>
+                        <br />
+                    </div>
+                    <label>
 						<input type="checkbox" class="filled-in" id="misskey" />
 						<span>@@thisismisskey@@</span> </label><br />
-				</div>
-				<div class="col s4 scr" aria-hidden="true">
-					<span style="font-family:Open Sans;">Supports</span>
-					<div id="support" class="collection transparent"></div>
-				</div>
-			</div>
-		</div>
-		<div id="auth" style="display:none">
-			@@codepastewarn@@<br />
-			<input type="text" id="code" placeholder="@@codepaste@@" required />
-			<button class="btn waves-effect" onclick="code()">Auth</button><br />
-			<br />
-			<a onclick="atSetup()" class="pointer">@@accessTokenSetup@@</a>
-			<div id="compt" style="display:none" class="scr">
-				<h5>ログイン前に必ずご確認ください</h5>
-				<span id="compt-instance"></span>はバージョンが<span id="compt-ver"></span>のため以下の機能がご利用いただけません。
-				<span id="compt-warn"
-					style="display:none">また、このインスタンスはMastodonではなくそのAPI上の互換実装であり、TheDeskでは利用を想定していないため非保証となります。</span>
-				<ul id="compt-list"></ul>
-			</div>
-		</div>
-		<div id="misskeylogin" style="display:none">
-			<h5>AppSecret</h5>
-			@@misskeylogin@@<br />
-			<input type="hidden" id="misskey-url" />
-			<input type="text" id="misskey-key" placeholder="@@codepaste@@" required />
-			<button class="btn waves-effect" onclick="misskeyLogin()">Auth</button><br />
-			<br />
-			<a onclick="atSetup('misskey')" class="pointer">@@accessTokenSetup@@</a>
-		</div>
-	</div>
-	<div class="hide-first">
-		<h5>@@mainacct@@</h5>
-		<div class="input-field" style="width:300px">
-			<span data-trans="your_acct">@@selacct@@</span>
-			<br />
-			<select id="main-acct-sel" class="acct-sel" style="color:black" onchange="mainacct()"></select>
-			<label></label>
-		</div>
-		<ul id="domain-list" class="collection transparent"></ul>
-		<div id="instance-data">
-			Some instance data by
-			<a href="https://instances.social" target="_blank">instances.social API</a><br />
-			<h5 id="ins-title"></h5>
-			Administered by:<a id="ins-admin"></a><br />
-			<span id="ins-desc"></span><br />
-			<img src="../../img/loading.svg" id="ins-prof" width="200" /><br />
-			<br />
-			@@domain@@:<span id="ins-name"></span><br />
-			@@connect@@:<span id="ins-connect"></span>@@ko@@<br />
-			@@toots@@:<span id="ins-toot"></span>@@ko@@<br />
-			@@users@@:<span id="ins-user"></span>@@users@@<br />
-			@@safety@@:<span id="ins-per"></span>%<br />
-			@@ver@@:<span id="ins-ver"></span>@<span id="ins-upd"></span><br />
-		</div>
-	</div>
-	<script type="text/javascript" src="../../js/ui/theme.js"></script>
-	<script type="text/javascript" src="../../js/ui/tips.js"></script>
-	<script type="text/javascript" src="../../js/platform/end.js"></script>
-	<script type="text/javascript" src="../../js/common/sha256.js"></script>
-	<script type="text/javascript" src="../../@@node_base@@/lodash/lodash.min.js"></script>
-	<script type="text/javascript" src="../../js/login/instance.js"></script>
-	<script type="text/javascript" src="../../js/login/manager.js"></script>
-	<script type="text/javascript" src="../../js/tl/date.js"></script>
-	<script>$('body').addClass(localStorage.getItem('platform'))</script>
+                </div>
+                <div class="col s4 scr" aria-hidden="true">
+                    <span style="font-family:Open Sans;">Supports</span>
+                    <div id="support" class="collection transparent"></div>
+                </div>
+            </div>
+        </div>
+        <div id="auth" style="display:none">
+            @@codepastewarn@@<br />
+            <input type="text" id="code" placeholder="@@codepaste@@" required />
+            <button class="btn waves-effect" onclick="code()">Auth</button><br />
+            <br />
+            <a onclick="atSetup()" class="pointer">@@accessTokenSetup@@</a>
+            <div id="compt" style="display:none" class="scr">
+                <h5>ログイン前に必ずご確認ください</h5>
+                <span id="compt-instance"></span>はバージョンが<span id="compt-ver"></span>のため以下の機能がご利用いただけません。
+                <span id="compt-warn" style="display:none">また、このインスタンスはMastodonではなくそのAPI上の互換実装であり、TheDeskでは利用を想定していないため非保証となります。</span>
+                <ul id="compt-list"></ul>
+            </div>
+        </div>
+        <div id="misskeylogin" style="display:none">
+            <h5>AppSecret</h5>
+            @@misskeylogin@@<br />
+            <input type="hidden" id="misskey-url" />
+            <input type="text" id="misskey-key" placeholder="@@codepaste@@" required />
+            <button class="btn waves-effect" onclick="misskeyLogin()">Auth</button><br />
+            <br />
+            <a onclick="atSetup('misskey')" class="pointer">@@accessTokenSetup@@</a>
+        </div>
+    </div>
+    <div class="hide-first">
+        <h5>@@mainacct@@</h5>
+        <div class="input-field" style="width:300px">
+            <span data-trans="your_acct">@@selacct@@</span>
+            <br />
+            <select id="main-acct-sel" class="acct-sel" style="color:black" onchange="mainacct()"></select>
+            <label></label>
+        </div>
+        <ul id="domain-list" class="collection transparent"></ul>
+        <div id="instance-data">
+            Some instance data by
+            <a href="https://instances.social" target="_blank">instances.social API</a><br />
+            <h5 id="ins-title"></h5>
+            Administered by:
+            <a id="ins-admin"></a><br />
+            <span id="ins-desc"></span><br />
+            <img src="../../img/loading.svg" id="ins-prof" width="200" /><br />
+            <br /> @@domain@@:
+            <span id="ins-name"></span><br /> @@connect@@:
+            <span id="ins-connect"></span>@@ko@@<br /> @@toots@@:
+            <span id="ins-toot"></span>@@ko@@<br /> @@users@@:
+            <span id="ins-user"></span>@@users@@<br /> @@safety@@:
+            <span id="ins-per"></span>%<br /> @@ver@@:
+            <span id="ins-ver"></span>@<span id="ins-upd"></span><br />
+        </div>
+    </div>
+    <script type="text/javascript" src="../../js/ui/theme.js"></script>
+    <script type="text/javascript" src="../../js/ui/tips.js"></script>
+    <script type="text/javascript" src="../../js/platform/end.js"></script>
+    <script type="text/javascript" src="../../js/common/sha256.js"></script>
+    <script type="text/javascript" src="../../@@node_base@@/lodash/lodash.min.js"></script>
+    <script type="text/javascript" src="../../js/login/instance.js"></script>
+    <script type="text/javascript" src="../../js/login/manager.js"></script>
+    <script type="text/javascript" src="../../js/tl/date.js"></script>
+    <script>
+        $('body').addClass(localStorage.getItem('platform'))
+    </script>
+
 </body>

 </html>
--- a/app/view/make/index.sample.html
+++ b/app/view/make/index.sample.html
--- a/app/view/make/language/af-ZA/index.json
+++ b/app/view/make/language/af-ZA/index.json
@@ -74,6 +74,7 @@
    "openBrowser": "Open in browser",
    "screenshot": "Take a screenshot",
    "copyURL": "Copy the URL",
+    "copy": "Copy",
    "embed": "Embed",
    "toots": "Toots",
    "follow": "Follow",
@@ -178,6 +179,7 @@
    "foundBug": "I found a bug",
    "show": "Show",
    "directory": "Directory",
+    "discover": "Discover",
    "active": "Recently active",
    "newcomer": "New arrivals",
    "local_only": "Local only",
--- a/app/view/make/language/af-ZA/main.json
+++ b/app/view/make/language/af-ZA/main.json
@@ -103,6 +103,7 @@
    "lang_details_embed": "Embed HTML is cliped.",
    "lang_details_url": "URL of this toot is cliped.",
    "lang_details_txt": "Content of this toot is cliped.",
+    "lang_details_fetch": "Fetcging toot data...",
    "lang_filter_nodata": "No data",
    "lang_filter_errordegree": "Please check a context",
    "lang_list_nodata": "No data",
--- a/app/view/make/language/af-ZA/setting.json
+++ b/app/view/make/language/af-ZA/setting.json
@@ -72,6 +72,7 @@
  "desc": "About this theme",
  "customImport": "Import of custom themes",
  "delete": "Delete",
+  "preview": "Preview",
  "timeline": "Timeline Preferences",
  "timemode": "Time format",
  "relativetime": "Relative format:\"1 minutes ago\",\"3 days ago\"",
@@ -119,6 +120,7 @@
  "remote_imgWarn": "All previews are got from your loginned cache server.",
  "moreContextMode": "Context Tool",
  "moreContextModeWarn": "On detail of the toot modal, show toots before / after the toot on LTL, FTL, UTL",
+  "smallHeader": "Minimize column headers",
  "replySound": "Sound(Reply)",
  "favSound": "Sound(Fav)",
  "btSound": "Sound(Boost)",
--- a/app/view/make/language/ar-SA/index.json
+++ b/app/view/make/language/ar-SA/index.json
@@ -74,6 +74,7 @@
    "openBrowser": "Open in browser",
    "screenshot": "Take a screenshot",
    "copyURL": "Copy the URL",
+    "copy": "Copy",
    "embed": "Embed",
    "toots": "Toots",
    "follow": "Follow",
@@ -178,6 +179,7 @@
    "foundBug": "I found a bug",
    "show": "Show",
    "directory": "Directory",
+    "discover": "Discover",
    "active": "Recently active",
    "newcomer": "New arrivals",
    "local_only": "Local only",
--- a/app/view/make/language/ar-SA/main.json
+++ b/app/view/make/language/ar-SA/main.json
@@ -103,6 +103,7 @@
    "lang_details_embed": "Embed HTML is cliped.",
    "lang_details_url": "URL of this toot is cliped.",
    "lang_details_txt": "Content of this toot is cliped.",
+    "lang_details_fetch": "Fetcging toot data...",
    "lang_filter_nodata": "No data",
    "lang_filter_errordegree": "Please check a context",
    "lang_list_nodata": "No data",
--- a/app/view/make/language/ar-SA/setting.json
+++ b/app/view/make/language/ar-SA/setting.json
@@ -72,6 +72,7 @@
  "desc": "About this theme",
  "customImport": "Import of custom themes",
  "delete": "Delete",
+  "preview": "Preview",
  "timeline": "Timeline Preferences",
  "timemode": "Time format",
  "relativetime": "Relative format:\"1 minutes ago\",\"3 days ago\"",
@@ -119,6 +120,7 @@
  "remote_imgWarn": "All previews are got from your loginned cache server.",
  "moreContextMode": "Context Tool",
  "moreContextModeWarn": "On detail of the toot modal, show toots before / after the toot on LTL, FTL, UTL",
+  "smallHeader": "Minimize column headers",
  "replySound": "Sound(Reply)",
  "favSound": "Sound(Fav)",
  "btSound": "Sound(Boost)",
--- a/app/view/make/language/bg-BG/index.json
+++ b/app/view/make/language/bg-BG/index.json
@@ -74,6 +74,7 @@
    "openBrowser": "Отваряне в браузъра",
    "screenshot": "Направете снимка на екрана",
    "copyURL": "Копирай URL адреса на този тоот",
+    "copy": "Copy",
    "embed": "Закрепи",
    "toots": "Тоот",
    "follow": "Следвам",
@@ -178,6 +179,7 @@
    "foundBug": "Намерена е грешка",
    "show": "Покажи",
    "directory": "Директория",
+    "discover": "Discover",
    "active": "Наскоро активен",
    "newcomer": "Новодошли",
    "local_only": "Само местно",
--- a/app/view/make/language/bg-BG/main.json
+++ b/app/view/make/language/bg-BG/main.json
@@ -103,6 +103,7 @@
    "lang_details_embed": "Вграденият HTML е изрязан.",
    "lang_details_url": "URL адресът на този toot е изрязан.",
    "lang_details_txt": "Съдържанието на този toot е изрязано.",
+    "lang_details_fetch": "Fetcging toot data...",
    "lang_filter_nodata": "Няма данни",
    "lang_filter_errordegree": "Моля, проверете контекстта",
    "lang_list_nodata": "Няма данни",
--- a/app/view/make/language/bg-BG/setting.json
+++ b/app/view/make/language/bg-BG/setting.json
@@ -72,6 +72,7 @@
  "desc": "Относно тази тема",
  "customImport": "Импортиране на персонализирани теми",
  "delete": "Изтрий",
+  "preview": "Preview",
  "timeline": "Предпочитания за времевата линия",
  "timemode": "Времеви формат",
  "relativetime": "Относителен формат: „преди 1 минута“, „преди 3 дни“",
@@ -119,6 +120,7 @@
  "remote_imgWarn": "All previews are got from your loginned cache server.",
  "moreContextMode": "Context Tool",
  "moreContextModeWarn": "On detail of the toot modal, show toots before / after the toot on LTL, FTL, UTL",
+  "smallHeader": "Minimize column headers",
  "replySound": "Звук (Отговор)",
  "favSound": "Звук(Фаворит)",
  "btSound": "Звук(Подсилване)",
--- a/app/view/make/language/ca-ES/index.json
+++ b/app/view/make/language/ca-ES/index.json
@@ -74,6 +74,7 @@
    "openBrowser": "Open in browser",
    "screenshot": "Take a screenshot",
    "copyURL": "Copy the URL",
+    "copy": "Copy",
    "embed": "Embed",
    "toots": "Toots",
    "follow": "Follow",
@@ -178,6 +179,7 @@
    "foundBug": "I found a bug",
    "show": "Show",
    "directory": "Directory",
+    "discover": "Discover",
    "active": "Recently active",
    "newcomer": "New arrivals",
    "local_only": "Local only",
--- a/app/view/make/language/ca-ES/main.json
+++ b/app/view/make/language/ca-ES/main.json
@@ -103,6 +103,7 @@
    "lang_details_embed": "Embed HTML is cliped.",
    "lang_details_url": "URL of this toot is cliped.",
    "lang_details_txt": "Content of this toot is cliped.",
+    "lang_details_fetch": "Fetcging toot data...",
    "lang_filter_nodata": "No data",
    "lang_filter_errordegree": "Please check a context",
    "lang_list_nodata": "No data",
--- a/app/view/make/language/ca-ES/setting.json
+++ b/app/view/make/language/ca-ES/setting.json
@@ -72,6 +72,7 @@
  "desc": "About this theme",
  "customImport": "Import of custom themes",
  "delete": "Delete",
+  "preview": "Preview",
  "timeline": "Timeline Preferences",
  "timemode": "Time format",
  "relativetime": "Relative format:\"1 minutes ago\",\"3 days ago\"",
@@ -119,6 +120,7 @@
  "remote_imgWarn": "All previews are got from your loginned cache server.",
  "moreContextMode": "Context Tool",
  "moreContextModeWarn": "On detail of the toot modal, show toots before / after the toot on LTL, FTL, UTL",
+  "smallHeader": "Minimize column headers",
  "replySound": "Sound(Reply)",
  "favSound": "Sound(Fav)",
  "btSound": "Sound(Boost)",
--- a/app/view/make/language/cs-CZ/index.json
+++ b/app/view/make/language/cs-CZ/index.json
@@ -74,6 +74,7 @@
    "openBrowser": "Otevřít v prohlížeči",
    "screenshot": "Vytvořit snímek obrazovky",
    "copyURL": "Kopírovat URL tohoto tootu",
+    "copy": "Copy",
    "embed": "Vložit",
    "toots": "Tooty",
    "follow": "Sledovat",
@@ -178,6 +179,7 @@
    "foundBug": "I found a bug",
    "show": "Show",
    "directory": "Directory",
+    "discover": "Discover",
    "active": "Recently active",
    "newcomer": "New arrivals",
    "local_only": "Local only",
--- a/app/view/make/language/cs-CZ/main.json
+++ b/app/view/make/language/cs-CZ/main.json
@@ -103,6 +103,7 @@
    "lang_details_embed": "HTML pro vložení je zkopírován.",
    "lang_details_url": "URL adresa tohoto tootu je zkopírována.",
    "lang_details_txt": "Obsah tohoto tootu je zkopírován.",
+    "lang_details_fetch": "Fetcging toot data...",
    "lang_filter_nodata": "Žádná data",
    "lang_filter_errordegree": "Prosím zkontrolujte kontext",
    "lang_list_nodata": "Žádná data",
--- a/app/view/make/language/cs-CZ/setting.json
+++ b/app/view/make/language/cs-CZ/setting.json
@@ -72,6 +72,7 @@
  "desc": "About this theme",
  "customImport": "Import of custom themes",
  "delete": "Delete",
+  "preview": "Preview",
  "timeline": "Timeline Preferences",
  "timemode": "Časový formát",
  "relativetime": "Relativní formát: „před 1 minutou“, „před 3 dny“",
@@ -119,6 +120,7 @@
  "remote_imgWarn": "All previews are got from your loginned cache server.",
  "moreContextMode": "Context Tool",
  "moreContextModeWarn": "On detail of the toot modal, show toots before / after the toot on LTL, FTL, UTL",
+  "smallHeader": "Minimize column headers",
  "replySound": "Sound(Reply)",
  "favSound": "Sound(Fav)",
  "btSound": "Sound(Boost)",
--- a/app/view/make/language/da-DK/index.json
+++ b/app/view/make/language/da-DK/index.json
@@ -74,6 +74,7 @@
    "openBrowser": "Open in browser",
    "screenshot": "Take a screenshot",
    "copyURL": "Copy the URL",
+    "copy": "Copy",
    "embed": "Embed",
    "toots": "Toots",
    "follow": "Follow",
@@ -178,6 +179,7 @@
    "foundBug": "I found a bug",
    "show": "Show",
    "directory": "Directory",
+    "discover": "Discover",
    "active": "Recently active",
    "newcomer": "New arrivals",
    "local_only": "Local only",
--- a/app/view/make/language/da-DK/main.json
+++ b/app/view/make/language/da-DK/main.json
@@ -103,6 +103,7 @@
    "lang_details_embed": "Embed HTML is cliped.",
    "lang_details_url": "URL of this toot is cliped.",
    "lang_details_txt": "Content of this toot is cliped.",
+    "lang_details_fetch": "Fetcging toot data...",
    "lang_filter_nodata": "No data",
    "lang_filter_errordegree": "Please check a context",
    "lang_list_nodata": "No data",
--- a/app/view/make/language/da-DK/setting.json
+++ b/app/view/make/language/da-DK/setting.json
@@ -72,6 +72,7 @@
  "desc": "About this theme",
  "customImport": "Import of custom themes",
  "delete": "Delete",
+  "preview": "Preview",
  "timeline": "Timeline Preferences",
  "timemode": "Time format",
  "relativetime": "Relative format:\"1 minutes ago\",\"3 days ago\"",
@@ -119,6 +120,7 @@
  "remote_imgWarn": "All previews are got from your loginned cache server.",
  "moreContextMode": "Context Tool",
  "moreContextModeWarn": "On detail of the toot modal, show toots before / after the toot on LTL, FTL, UTL",
+  "smallHeader": "Minimize column headers",
  "replySound": "Sound(Reply)",
  "favSound": "Sound(Fav)",
  "btSound": "Sound(Boost)",
--- a/app/view/make/language/de-DE/index.json
+++ b/app/view/make/language/de-DE/index.json
@@ -1,7 +1,7 @@
 {
    "draghere": "Zum Hochladen hier her ziehen",
    "nowOffline": "OFFLINE: all of your post is in the draft box and you should reload after re-connect to the Internet",
-    "reOnline": "Now we are in the Internet, you should reload...",
+    "reOnline": "Jetzt haben wir wieder Internet. Du solltest neuladen...",
    "close": "Schließen",
    "webSrc": "Suche im Internet",
    "tsSrc": "Bei Tootsearch suchen",
@@ -74,6 +74,7 @@
    "openBrowser": "Im Browser öffnen",
    "screenshot": "Bildschirmfoto aufnehmen",
    "copyURL": "URL dieses Tröts kopieren",
+    "copy": "Copy",
    "embed": "Einbinden",
    "toots": "Tröts",
    "follow": "Folgen",
@@ -178,6 +179,7 @@
    "foundBug": "Ich habe einen Fehler gefunden",
    "show": "Zeige",
    "directory": "Verzeichnis",
+    "discover": "Discover",
    "active": "Kürzlich aktiv",
    "newcomer": "Neu eingetroffen",
    "local_only": "Nur lokal",
--- a/app/view/make/language/de-DE/main.json
+++ b/app/view/make/language/de-DE/main.json
@@ -103,6 +103,7 @@
    "lang_details_embed": "Eingefügtes HTML wurde entfernt.",
    "lang_details_url": "URL dieses Tröts wurde entfernt.",
    "lang_details_txt": "Inhalt dieses Tröts wurde entfernt.",
+    "lang_details_fetch": "Fetcging toot data...",
    "lang_filter_nodata": "Keine Daten",
    "lang_filter_errordegree": "Bitte überprüfen Sie den Kontext",
    "lang_list_nodata": "Keine Daten",
--- a/app/view/make/language/de-DE/setting.json
+++ b/app/view/make/language/de-DE/setting.json
@@ -72,6 +72,7 @@
  "desc": "Über dieses Design",
  "customImport": "Import von eigenen Designs",
  "delete": "Löschen",
+  "preview": "Preview",
  "timeline": "Verlaufseinstellungen",
  "timemode": "Zeitformat",
  "relativetime": "Relatives Format:\"vor 1 Minuten\",\"vor 3 Tagen\"",
@@ -119,6 +120,7 @@
  "remote_imgWarn": "All previews are got from your loginned cache server.",
  "moreContextMode": "Context Tool",
  "moreContextModeWarn": "On detail of the toot modal, show toots before / after the toot on LTL, FTL, UTL",
+  "smallHeader": "Minimize column headers",
  "replySound": "Ton bei Antwort",
  "favSound": "Ton bei Favorit",
  "btSound": "Ton bei Verstärkung",
--- a/app/view/make/language/el-GR/index.json
+++ b/app/view/make/language/el-GR/index.json
@@ -74,6 +74,7 @@
    "openBrowser": "Open in browser",
    "screenshot": "Take a screenshot",
    "copyURL": "Copy the URL",
+    "copy": "Copy",
    "embed": "Embed",
    "toots": "Toots",
    "follow": "Follow",
@@ -178,6 +179,7 @@
    "foundBug": "I found a bug",
    "show": "Show",
    "directory": "Directory",
+    "discover": "Discover",
    "active": "Recently active",
    "newcomer": "New arrivals",
    "local_only": "Local only",
--- a/app/view/make/language/el-GR/main.json
+++ b/app/view/make/language/el-GR/main.json
@@ -103,6 +103,7 @@
    "lang_details_embed": "Embed HTML is cliped.",
    "lang_details_url": "URL of this toot is cliped.",
    "lang_details_txt": "Content of this toot is cliped.",
+    "lang_details_fetch": "Fetcging toot data...",
    "lang_filter_nodata": "No data",
    "lang_filter_errordegree": "Please check a context",
    "lang_list_nodata": "No data",
--- a/app/view/make/language/el-GR/setting.json
+++ b/app/view/make/language/el-GR/setting.json
@@ -72,6 +72,7 @@
  "desc": "About this theme",
  "customImport": "Import of custom themes",
  "delete": "Delete",
+  "preview": "Preview",
  "timeline": "Timeline Preferences",
  "timemode": "Time format",
  "relativetime": "Relative format:\"1 minutes ago\",\"3 days ago\"",
@@ -119,6 +120,7 @@
  "remote_imgWarn": "All previews are got from your loginned cache server.",
  "moreContextMode": "Context Tool",
  "moreContextModeWarn": "On detail of the toot modal, show toots before / after the toot on LTL, FTL, UTL",
+  "smallHeader": "Minimize column headers",
  "replySound": "Sound(Reply)",
  "favSound": "Sound(Fav)",
  "btSound": "Sound(Boost)",
--- a/app/view/make/language/en-US/index.json
+++ b/app/view/make/language/en-US/index.json
@@ -74,6 +74,7 @@
    "openBrowser": "crwdns3190:0crwdne3190:0",
    "screenshot": "crwdns3192:0crwdne3192:0",
    "copyURL": "crwdns3194:0crwdne3194:0",
+    "copy": "crwdns4586:0crwdne4586:0",
    "embed": "crwdns3196:0crwdne3196:0",
    "toots": "crwdns3198:0crwdne3198:0",
    "follow": "crwdns3200:0crwdne3200:0",
@@ -178,6 +179,7 @@
    "foundBug": "crwdns4431:0crwdne4431:0",
    "show": "crwdns3388:0crwdne3388:0",
    "directory": "crwdns3390:0crwdne3390:0",
+    "discover": "crwdns4590:0crwdne4590:0",
    "active": "crwdns3392:0crwdne3392:0",
    "newcomer": "crwdns3394:0crwdne3394:0",
    "local_only": "crwdns3396:0crwdne3396:0",
--- a/app/view/make/language/en-US/main.json
+++ b/app/view/make/language/en-US/main.json
@@ -103,6 +103,7 @@
    "lang_details_embed": "crwdns3584:0crwdne3584:0",
    "lang_details_url": "crwdns3586:0crwdne3586:0",
    "lang_details_txt": "crwdns3588:0crwdne3588:0",
+    "lang_details_fetch": "crwdns4588:0crwdne4588:0",
    "lang_filter_nodata": "crwdns3590:0crwdne3590:0",
    "lang_filter_errordegree": "crwdns3592:0crwdne3592:0",
    "lang_list_nodata": "crwdns3594:0crwdne3594:0",
--- a/app/view/make/language/en-US/setting.json
+++ b/app/view/make/language/en-US/setting.json
@@ -72,6 +72,7 @@
  "desc": "crwdns3992:0crwdne3992:0",
  "customImport": "crwdns3996:0crwdne3996:0",
  "delete": "crwdns3998:0crwdne3998:0",
+  "preview": "crwdns4584:0crwdne4584:0",
  "timeline": "crwdns4002:0crwdne4002:0",
  "timemode": "crwdns4004:0crwdne4004:0",
  "relativetime": "crwdns4006:0crwdne4006:0",
@@ -119,6 +120,7 @@
  "remote_imgWarn": "crwdns4384:0crwdne4384:0",
  "moreContextMode": "crwdns4572:0crwdne4572:0",
  "moreContextModeWarn": "crwdns4574:0crwdne4574:0",
+  "smallHeader": "crwdns4582:0crwdne4582:0",
  "replySound": "crwdns4088:0crwdne4088:0",
  "favSound": "crwdns4090:0crwdne4090:0",
  "btSound": "crwdns4092:0crwdne4092:0",
--- a/app/view/make/language/en/index.json
+++ b/app/view/make/language/en/index.json
@@ -1,183 +1,185 @@
 {
-    "draghere":"Drag here to upload",
-    "nowOffline":"OFFLINE: all of your post is in the draft box and you should reload after re-connect to the Internet",
-    "reOnline":"Now we are in the Internet, you should reload...",
-    "close":"Close",
+    "draghere": "Drag here to upload",
+    "nowOffline": "OFFLINE: all of your post is in the draft box and you should reload after re-connect to the Internet",
+    "reOnline": "Now we are in the Internet, you should reload...",
+    "close": "Close",
    "webSrc": "Search on Web",
    "tsSrc": "Search on tootsearch",
-    "showSelectProf":"Show profile of the selecting account",
-    "closethisbox":"Close this box",
-    "toot":"Toot",
-    "post-new":"Post new",
-    "nsfwDes":"Mark media as sensitive",
-    "cwDes":"Hide text behind warning",
-    "selfile":"Attach..",
-    "insertEmoji":"Emojis",
-    "schedule":"Scheduled toot",
-    "postat":"Post at",
-    "scheduleWarn":"2.7.0~ Minimum time gap:5min(clock on the server may not be accurate.)",
-    "clearToot":"Clear toot box",
-    "replyMode":"Reply",
-    "no":"No",
-    "yes":"Yes",
-    "temp":"Attaching files",
-    "nothing":"None",
+    "showSelectProf": "Show profile of the selecting account",
+    "closethisbox": "Close this box",
+    "toot": "Toot",
+    "post-new": "Post new",
+    "nsfwDes": "Mark media as sensitive",
+    "cwDes": "Hide text behind warning",
+    "selfile": "Attach..",
+    "insertEmoji": "Emojis",
+    "schedule": "Scheduled toot",
+    "postat": "Post at",
+    "scheduleWarn": "2.7.0~ Minimum time gap:5min(clock on the server may not be accurate.)",
+    "clearToot": "Clear toot box",
+    "replyMode": "Reply",
+    "no": "No",
+    "yes": "Yes",
+    "temp": "Attaching files",
+    "nothing": "None",
    "stamp": "Stamp",
    "stampWarn": "Your acct(aa@bb.cc) is printed on the right-bottom of the uploaded image",
-    "vis":"Adjust status privacy",
-    "cwtext":"Warning text",
-    "selectVis":"Adjust status privacy",
-    "publicJP":"",
-    "unlistedJP":"",
-    "privateJP":"",
-    "localJP":"Local only",
-    "sectoot":"Secondary Toot",
-    "directJP":"",
-    "emojiWarn":"",
-    "emojiInsertWarn":"Some emojis are not able to be inserted.",
-    "refreshEmoji":"Refresh emojis list",
-    "closeThisBox":"Close this box",
-    "showThisEmoji":" are shown.",
-    "customEmoji":"Custom emojis",
-    "peopleEmoji":"Emojis of people",
-    "natureEmoji":"Emojis of nature",
-    "foodEmoji":"Emojis of foods",
-    "activityEmoji":"Emojis of activities",
-    "placeEmoji":"Emojis of places",
-    "thingsEmoji":"Emojis of tools",
-    "symbolEmoji":"Emojis of symbols",
-    "flagsEmoji":"Emojis of flags",
+    "vis": "Adjust status privacy",
+    "cwtext": "Warning text",
+    "selectVis": "Adjust status privacy",
+    "publicJP": "",
+    "unlistedJP": "",
+    "privateJP": "",
+    "localJP": "Local only",
+    "sectoot": "Secondary Toot",
+    "directJP": "",
+    "emojiWarn": "",
+    "emojiInsertWarn": "Some emojis are not able to be inserted.",
+    "refreshEmoji": "Refresh emojis list",
+    "closeThisBox": "Close this box",
+    "showThisEmoji": " are shown.",
+    "customEmoji": "Custom emojis",
+    "peopleEmoji": "Emojis of people",
+    "natureEmoji": "Emojis of nature",
+    "foodEmoji": "Emojis of foods",
+    "activityEmoji": "Emojis of activities",
+    "placeEmoji": "Emojis of places",
+    "thingsEmoji": "Emojis of tools",
+    "symbolEmoji": "Emojis of symbols",
+    "flagsEmoji": "Emojis of flags",
    "draft": "Draft",
-    "poll":"Poll",
-    "pollDdisabled":"Polls: Disabled",
-    "pollProvider":"Provider of Poll",
-    "polluntil":"Hide 'votes' count until people vote it.",
-    "choice":"Choice",
-    "pollmulti":"Multiple select",
-    "expires_in":"Expires in...(sec)",
-    "contextBefore":"Context before this toot",
-    "thisToot":"This toot",
-    "contextAfter":"Context after this toot",
-    "beforeLTL":"Local TL before this toot",
-    "beforeUTL":"User TL before this toot",
-    "afterLTL":"Local TL after this toot)",
-    "afterUTL":"User TL before this toot",
-    "afterFTL":"Federated TL after this toot",
-    "favedPeople":"People who favourited it",
-    "btedPeople":"People who boosted it",
-    "useOtherAcct1":"Use other account",
-    "useOtherAcct2":":unfav and unBT are disabled.",
+    "poll": "Poll",
+    "pollDdisabled": "Polls: Disabled",
+    "pollProvider": "Provider of Poll",
+    "polluntil": "Hide 'votes' count until people vote it.",
+    "choice": "Choice",
+    "pollmulti": "Multiple select",
+    "expires_in": "Expires in...(sec)",
+    "contextBefore": "Context before this toot",
+    "thisToot": "This toot",
+    "contextAfter": "Context after this toot",
+    "beforeLTL": "Local TL before this toot",
+    "beforeUTL": "User TL before this toot",
+    "afterLTL": "Local TL after this toot)",
+    "afterUTL": "User TL before this toot",
+    "afterFTL": "Federated TL after this toot",
+    "favedPeople": "People who favourited it",
+    "btedPeople": "People who boosted it",
+    "useOtherAcct1": "Use other account",
+    "useOtherAcct2": ":unfav and unBT are disabled.",
    "btWithVis": "Boost with visibility",
-    "reply":"Reply",
-    "bt":"Boost",
-    "favRegist":"Favourite",
-    "openBrowser":"Open in browser",
-    "screenshot":"Take a screenshot",
-    "copyURL":"Copy the URL",
-    "embed":"Embed",
-    "toots":"Toots",
-    "follow":"Follow",
-    "follower":"Follower",
-    "utlColumn":"Show as a column",
-    "timeline":"Timeline",
-    "operateOtherAcct":"Cross-account",
-    "list":"List",
-    "makeNew":"Save",
-    "blocks":"Blocks",
-    "mutes":"Mutes",
-    "block":"Block",
-    "mute":"Mute",
-    "domainBlock":"Domain block",
-    "editProf":"Edit profile",
-    "change":"Save",
-    "followReq":"Follow requests",
-    "likeHimOrHer":"Resembling",
-    "endorse":"Feature on profile",
-    "openinbrowser":"Open in browser",
-    "mainacct":"Set it an main account",
-    "frc":"Suggest",
-    "more":"More",
-    "revoverJP":" to ",
-    "warnUseOtherAcct":"(Unable to unfollow)",
-    "revoverJPde":"",
-    "or":"or",
-    "openProf":"Show profile",
-    "warnListRegist":"Follow to add this user to lists.",
-    "blockDomain":"Add blocking domain",
-    "name":"Display name",
-    "note":"Note",
-    "editProfImg":"Change avataor",
-    "editHeader":"Change header image",
-    "blocked":"You are blocked. Why?",
-    "likeUserDes":"Get people resembling this user.",
-    "get":"Get",
-    "historyBack":"Back",
-    "empUser":"Emphasize this user",
-    "supportme":"Support TheDesk!",
-    "TheDeskDes":"TheDesk has no ad, you need no charge to unlock premium features. We need your friendly support!",
-    "PatreonSupport":"Support on Patreon",
-    "PixivSupport":"Support on Pixiv FANBOX",
-    "AWLSupport":"Amazon Wish List",
-    "SendAmazonGift1":"Give me Amazon Gift Card:",
-    "SendAmazonGift2":"",
-    "monthly":"Monthly",
-    "once":"Once",
-    "local":"Local",
-    "localMedia":"Local(Media)",
-    "home":"Home",
-    "fed":"Federated",
-    "fedMedia":"Federated(Media)",
-    "dm":"Direct Message",
-    "integratedTLDes":"Integrated(Local/Home)",
-    "localPlusDes":"LTL+Reply+BT",
-    "notf":"Notifications",
+    "reply": "Reply",
+    "bt": "Boost",
+    "favRegist": "Favourite",
+    "openBrowser": "Open in browser",
+    "screenshot": "Take a screenshot",
+    "copyURL": "Copy the URL",
+    "copy": "Copy",
+    "embed": "Embed",
+    "toots": "Toots",
+    "follow": "Follow",
+    "follower": "Follower",
+    "utlColumn": "Show as a column",
+    "timeline": "Timeline",
+    "operateOtherAcct": "Cross-account",
+    "list": "List",
+    "makeNew": "Save",
+    "blocks": "Blocks",
+    "mutes": "Mutes",
+    "block": "Block",
+    "mute": "Mute",
+    "domainBlock": "Domain block",
+    "editProf": "Edit profile",
+    "change": "Save",
+    "followReq": "Follow requests",
+    "likeHimOrHer": "Resembling",
+    "endorse": "Feature on profile",
+    "openinbrowser": "Open in browser",
+    "mainacct": "Set it an main account",
+    "frc": "Suggest",
+    "more": "More",
+    "revoverJP": " to ",
+    "warnUseOtherAcct": "(Unable to unfollow)",
+    "revoverJPde": "",
+    "or": "or",
+    "openProf": "Show profile",
+    "warnListRegist": "Follow to add this user to lists.",
+    "blockDomain": "Add blocking domain",
+    "name": "Display name",
+    "note": "Note",
+    "editProfImg": "Change avataor",
+    "editHeader": "Change header image",
+    "blocked": "You are blocked. Why?",
+    "likeUserDes": "Get people resembling this user.",
+    "get": "Get",
+    "historyBack": "Back",
+    "empUser": "Emphasize this user",
+    "supportme": "Support TheDesk!",
+    "TheDeskDes": "TheDesk has no ad, you need no charge to unlock premium features. We need your friendly support!",
+    "PatreonSupport": "Support on Patreon",
+    "PixivSupport": "Support on Pixiv FANBOX",
+    "AWLSupport": "Amazon Wish List",
+    "SendAmazonGift1": "Give me Amazon Gift Card:",
+    "SendAmazonGift2": "",
+    "monthly": "Monthly",
+    "once": "Once",
+    "local": "Local",
+    "localMedia": "Local(Media)",
+    "home": "Home",
+    "fed": "Federated",
+    "fedMedia": "Federated(Media)",
+    "dm": "Direct Message",
+    "integratedTLDes": "Integrated(Local/Home)",
+    "localPlusDes": "LTL+Reply+BT",
+    "notf": "Notifications",
    "bookmark": "Bookmarks",
-    "showThisTL":"Show this TL:",
-    "webviewWarn":"TweetDeck with customed TJDeck(<a href='https://gist.github.com/cutls/8787a55d2c1c53274e68a427966046a6' target='_blank'>Code</a>/<a href='https://gist.github.com/totoraj930/d1394dadb51d75666a76829f61e7280c' target='_blank'>TJDeck</a>).",
-    "add":"Add",
-    "search":"Search",
-    "sortSet":"Sort",
-    "selectAcct":"Account(Scroll to show all)",
-    "listLocale":"List",
-    "filterWord":"Filtering words",
-    "degree":"Filter contexts",
-    "conver":"Conversations",
-    "prof":"Profiles",
-    "option":"Options",
-    "matchWord":"Whole word",
-    "warnMatchWord":"Nice for Latin language",
-    "except":"Drop instead of hide",
-    "exceptWorn":"Filtered toots will disappear irreversibly, even if filter is later removed",
-    "avalableBefore":"Expire after",
-    "warnAvBefore":"Unset or \"0\" means \"Never\"",
-    "warnAvBefore2":"This value may contain some error",
-    "unlimited":"Never",
-    "days":"day(s)",
-    "hours":"hour(s)",
-    "mins":"minute(s)",
-    "secs":"second(s)",
-    "warnOnIntegratedTL":"Integrated TL/Plus TL will hide both Home-filtering words and Local-filtering words.",
-    "helloTheDesk":"Internal error: please clear all data(at setting page) <b>All data will be deleted.</b>",
-    "addColumn":"Add a column",
-    "sortColumns":"Sort",
-    "acctMan":"Account Manager",
-    "filter":"Filter",
-    "setting":"Preferences",
-    "reverse":"Toot button layout reverse",
-    "f5":"Reload TL",
-    "nanoDes":"The smallest Mastodon,",
-    "verTips":"Version",
-    "clockTips":"Clock",
-    "ramTips":"RAM status",
-    "changeTips":"Change Tips",
-    "helpAndLogs":"Help & Log",
-    "help":"Help",
-    "contactwithlog":"If you tell me bugs(not working or something) with this log, I can detect what is wrong more easily.",
-    "about":"About TheDesk",
-    "hereAddColumns":"<- Add TL",
+    "showThisTL": "Show this TL:",
+    "webviewWarn": "TweetDeck with customed TJDeck(<a href='https://gist.github.com/cutls/8787a55d2c1c53274e68a427966046a6' target='_blank'>Code</a>/<a href='https://gist.github.com/totoraj930/d1394dadb51d75666a76829f61e7280c' target='_blank'>TJDeck</a>).",
+    "add": "Add",
+    "search": "Search",
+    "sortSet": "Sort",
+    "selectAcct": "Account(Scroll to show all)",
+    "listLocale": "List",
+    "filterWord": "Filtering words",
+    "degree": "Filter contexts",
+    "conver": "Conversations",
+    "prof": "Profiles",
+    "option": "Options",
+    "matchWord": "Whole word",
+    "warnMatchWord": "Nice for Latin language",
+    "except": "Drop instead of hide",
+    "exceptWorn": "Filtered toots will disappear irreversibly, even if filter is later removed",
+    "avalableBefore": "Expire after",
+    "warnAvBefore": "Unset or \"0\" means \"Never\"",
+    "warnAvBefore2": "This value may contain some error",
+    "unlimited": "Never",
+    "days": "day(s)",
+    "hours": "hour(s)",
+    "mins": "minute(s)",
+    "secs": "second(s)",
+    "warnOnIntegratedTL": "Integrated TL/Plus TL will hide both Home-filtering words and Local-filtering words.",
+    "helloTheDesk": "Internal error: please clear all data(at setting page) <b>All data will be deleted.</b>",
+    "addColumn": "Add a column",
+    "sortColumns": "Sort",
+    "acctMan": "Account Manager",
+    "filter": "Filter",
+    "setting": "Preferences",
+    "reverse": "Toot button layout reverse",
+    "f5": "Reload TL",
+    "nanoDes": "The smallest Mastodon,",
+    "verTips": "Version",
+    "clockTips": "Clock",
+    "ramTips": "RAM status",
+    "changeTips": "Change Tips",
+    "helpAndLogs": "Help & Log",
+    "help": "Help",
+    "contactwithlog": "If you tell me bugs(not working or something) with this log, I can detect what is wrong more easily.",
+    "about": "About TheDesk",
+    "hereAddColumns": "<- Add TL",
    "foundBug": "I found a bug",
    "show": "Show",
    "directory": "Directory",
+    "discover": "Discover",
    "active": "Recently active",
    "newcomer": "New arrivals",
    "local_only": "Local only",
--- a/app/view/make/language/en/main.json
+++ b/app/view/make/language/en/main.json
@@ -103,6 +103,7 @@
    "lang_details_embed": "Embed HTML is cliped.",
    "lang_details_url": "URL of this toot is cliped.",
    "lang_details_txt": "Content of this toot is cliped.",
+    "lang_details_fetch": "Fetcging toot data...",
    "lang_filter_nodata": "No data",
    "lang_filter_errordegree": "Please check a context",
    "lang_list_nodata": "No data",
--- a/app/view/make/language/es-AR/index.json
+++ b/app/view/make/language/es-AR/index.json
@@ -74,6 +74,7 @@
    "openBrowser": "Abrir en navegador web",
    "screenshot": "Tomar captura de pantalla",
    "copyURL": "Copiar dirección web de este toot",
+    "copy": "Copiar",
    "embed": "Insertar",
    "toots": "Toots",
    "follow": "Seguir",
@@ -178,6 +179,7 @@
    "foundBug": "Encontré un error",
    "show": "Mostrar",
    "directory": "Directorio",
+    "discover": "Discover",
    "active": "Recientemente activo",
    "newcomer": "Recién llegados",
    "local_only": "Sólo local",
--- a/app/view/make/language/es-AR/main.json
+++ b/app/view/make/language/es-AR/main.json
@@ -103,6 +103,7 @@
    "lang_details_embed": "El código HTML de inserción se copió al portapapeles.",
    "lang_details_url": "La dirección web de este toot se copió al portapapeles.",
    "lang_details_txt": "El contenido de este toot se copió al portapapeles.",
+    "lang_details_fetch": "Fetcging toot data...",
    "lang_filter_nodata": "Sin datos",
    "lang_filter_errordegree": "Por favor, comprobá un contexto",
    "lang_list_nodata": "Sin datos",
--- a/app/view/make/language/es-AR/setting.json
+++ b/app/view/make/language/es-AR/setting.json
@@ -9,7 +9,7 @@
  "default": "Predeterminado",
  "change": "Cambiar",
  "select": "Seleccionar",
-  "exec": "Exec",
+  "exec": "Ejec",
  "env": "Configuración del sistema",
  "setlang": "Idiomas",
  "backup": "Importación y exportación de la configuración",
@@ -18,8 +18,8 @@
  "export": "Exportar",
  "hardwareAcceleration": "Deshabilitar la aceleración por hardware",
  "hardwareAccelerationWarn": "Inicio automático",
-  "webview": "Webview Integration",
-  "webviewWarn": "To use TweetDeck Integration, please turn on. You should understand it may lessen security level.",
+  "webview": "Integración de Webview",
+  "webviewWarn": "Para usar Integración de TweetDeck, por favor activalo. Tené en cuenta que puede reducir el nivel de seguridad.",
  "theme": "Temas",
  "popup": "Ventana emergente de notificaciones (en Windows)",
  "popupwarn": "Establecer \"0\" para ocultar",
@@ -72,6 +72,7 @@
  "desc": "Acerca de este tema",
  "customImport": "Importación de temas personalizados",
  "delete": "Eliminar",
+  "preview": "Previsualización",
  "timeline": "Configuración de la línea temporal",
  "timemode": "Formato del tiempo",
  "relativetime": "Formato relativo: \"hace 1 minuto\", \"hace 3 días\"",
@@ -117,8 +118,9 @@
  "markerswarn": "Mastodon 3.0~. Compartido en interface web y clientes de terceros soportados.",
  "remote_img": "Obtener imágenes del servidor remoto",
  "remote_imgWarn": "Todas las previsualizaciones se obtienen de tu servidor de caché conectado.",
-  "moreContextMode": "Context Tool",
-  "moreContextModeWarn": "On detail of the toot modal, show toots before / after the toot on LTL, FTL, UTL",
+  "moreContextMode": "Herramienta de contexto",
+  "moreContextModeWarn": "En detalle de la modal de toot, mostrar toots antes / después del toot en LTL, FTL, UTL",
+  "smallHeader": "Minimizar cabeceras de columna",
  "replySound": "Sonido (respuesta)",
  "favSound": "Sonido (marcado como favorito)",
  "btSound": "Sonido (retoot)",
--- a/app/view/make/language/es-ES/index.json
+++ b/app/view/make/language/es-ES/index.json
@@ -74,6 +74,7 @@
    "openBrowser": "Open in browser",
    "screenshot": "Take a screenshot",
    "copyURL": "Copy the URL",
+    "copy": "Copy",
    "embed": "Embed",
    "toots": "Toots",
    "follow": "Follow",
@@ -178,6 +179,7 @@
    "foundBug": "I found a bug",
    "show": "Show",
    "directory": "Directory",
+    "discover": "Discover",
    "active": "Recently active",
    "newcomer": "New arrivals",
    "local_only": "Local only",
--- a/app/view/make/language/es-ES/main.json
+++ b/app/view/make/language/es-ES/main.json
@@ -103,6 +103,7 @@
    "lang_details_embed": "Embed HTML is cliped.",
    "lang_details_url": "URL of this toot is cliped.",
    "lang_details_txt": "Content of this toot is cliped.",
+    "lang_details_fetch": "Fetcging toot data...",
    "lang_filter_nodata": "Sin datos",
    "lang_filter_errordegree": "Please check a context",
    "lang_list_nodata": "Sin datos",
--- a/app/view/make/language/es-ES/setting.json
+++ b/app/view/make/language/es-ES/setting.json
@@ -72,6 +72,7 @@
  "desc": "About this theme",
  "customImport": "Import of custom themes",
  "delete": "Delete",
+  "preview": "Preview",
  "timeline": "Timeline Preferences",
  "timemode": "Time format",
  "relativetime": "Relative format:\"1 minutes ago\",\"3 days ago\"",
@@ -119,6 +120,7 @@
  "remote_imgWarn": "All previews are got from your loginned cache server.",
  "moreContextMode": "Context Tool",
  "moreContextModeWarn": "On detail of the toot modal, show toots before / after the toot on LTL, FTL, UTL",
+  "smallHeader": "Minimize column headers",
  "replySound": "Sound(Reply)",
  "favSound": "Sound(Fav)",
  "btSound": "Sound(Boost)",
--- a/app/view/make/language/fi-FI/index.json
+++ b/app/view/make/language/fi-FI/index.json
@@ -74,6 +74,7 @@
    "openBrowser": "Open in browser",
    "screenshot": "Take a screenshot",
    "copyURL": "Copy the URL",
+    "copy": "Copy",
    "embed": "Embed",
    "toots": "Toots",
    "follow": "Follow",
@@ -178,6 +179,7 @@
    "foundBug": "I found a bug",
    "show": "Show",
    "directory": "Directory",
+    "discover": "Discover",
    "active": "Recently active",
    "newcomer": "New arrivals",
    "local_only": "Local only",
--- a/app/view/make/language/fi-FI/main.json
+++ b/app/view/make/language/fi-FI/main.json
@@ -103,6 +103,7 @@
    "lang_details_embed": "Embed HTML is cliped.",
    "lang_details_url": "URL of this toot is cliped.",
    "lang_details_txt": "Content of this toot is cliped.",
+    "lang_details_fetch": "Fetcging toot data...",
    "lang_filter_nodata": "No data",
    "lang_filter_errordegree": "Please check a context",
    "lang_list_nodata": "No data",
--- a/app/view/make/language/fi-FI/setting.json
+++ b/app/view/make/language/fi-FI/setting.json
@@ -72,6 +72,7 @@
  "desc": "About this theme",
  "customImport": "Import of custom themes",
  "delete": "Delete",
+  "preview": "Preview",
  "timeline": "Timeline Preferences",
  "timemode": "Time format",
  "relativetime": "Relative format:\"1 minutes ago\",\"3 days ago\"",
@@ -119,6 +120,7 @@
  "remote_imgWarn": "All previews are got from your loginned cache server.",
  "moreContextMode": "Context Tool",
  "moreContextModeWarn": "On detail of the toot modal, show toots before / after the toot on LTL, FTL, UTL",
+  "smallHeader": "Minimize column headers",
  "replySound": "Sound(Reply)",
  "favSound": "Sound(Fav)",
  "btSound": "Sound(Boost)",
--- a/app/view/make/language/fr-FR/index.json
+++ b/app/view/make/language/fr-FR/index.json
@@ -74,6 +74,7 @@
    "openBrowser": "Ouvrir dans un navigateur",
    "screenshot": "Prendre une capture d'écran",
    "copyURL": "Copier l'URL",
+    "copy": "Copy",
    "embed": "Embarquer",
    "toots": "Pouets",
    "follow": "Suivre",
@@ -178,6 +179,7 @@
    "foundBug": "J'ai trouvé un bug",
    "show": "Afficher",
    "directory": "Répertoire",
+    "discover": "Discover",
    "active": "Actif récemment",
    "newcomer": "Nouveautés",
    "local_only": "Local uniquement",
--- a/app/view/make/language/fr-FR/main.json
+++ b/app/view/make/language/fr-FR/main.json
@@ -103,6 +103,7 @@
    "lang_details_embed": "Le code HTML intégré est tronqué.",
    "lang_details_url": "L'URL de ce pouet est tronqué.",
    "lang_details_txt": "Le contenu de ce pouet est tronqué.",
+    "lang_details_fetch": "Fetcging toot data...",
    "lang_filter_nodata": "Aucune donnée",
    "lang_filter_errordegree": "Veuillez vérifier le contexte",
    "lang_list_nodata": "Aucune donnée",
--- a/app/view/make/language/fr-FR/setting.json
+++ b/app/view/make/language/fr-FR/setting.json
@@ -72,6 +72,7 @@
  "desc": "À propos de ce thème",
  "customImport": "Importer des thèmes personnalisés",
  "delete": "Supprimer",
+  "preview": "Preview",
  "timeline": "Préférence de la TimeLine",
  "timemode": "Format de l’heure",
  "relativetime": "Format relatif:\"Il y a 1 minutes\",\"3 jours\"",
@@ -119,6 +120,7 @@
  "remote_imgWarn": "Toutes les prévisualisations sont obtenues depuis le serveur où vous êtes connecté.",
  "moreContextMode": "Context Tool",
  "moreContextModeWarn": "On detail of the toot modal, show toots before / after the toot on LTL, FTL, UTL",
+  "smallHeader": "Minimize column headers",
  "replySound": "Son (Réponse)",
  "favSound": "Son (Fav)",
  "btSound": "Son (Boost)",
--- a/app/view/make/language/he-IL/index.json
+++ b/app/view/make/language/he-IL/index.json
@@ -74,6 +74,7 @@
    "openBrowser": "Open in browser",
    "screenshot": "Take a screenshot",
    "copyURL": "Copy the URL",
+    "copy": "Copy",
    "embed": "Embed",
    "toots": "Toots",
    "follow": "Follow",
@@ -178,6 +179,7 @@
    "foundBug": "I found a bug",
    "show": "Show",
    "directory": "Directory",
+    "discover": "Discover",
    "active": "Recently active",
    "newcomer": "New arrivals",
    "local_only": "Local only",
--- a/app/view/make/language/he-IL/main.json
+++ b/app/view/make/language/he-IL/main.json
@@ -103,6 +103,7 @@
    "lang_details_embed": "Embed HTML is cliped.",
    "lang_details_url": "URL of this toot is cliped.",
    "lang_details_txt": "Content of this toot is cliped.",
+    "lang_details_fetch": "Fetcging toot data...",
    "lang_filter_nodata": "No data",
    "lang_filter_errordegree": "Please check a context",
    "lang_list_nodata": "No data",
--- a/app/view/make/language/he-IL/setting.json
+++ b/app/view/make/language/he-IL/setting.json
@@ -72,6 +72,7 @@
  "desc": "About this theme",
  "customImport": "Import of custom themes",
  "delete": "Delete",
+  "preview": "Preview",
  "timeline": "Timeline Preferences",
  "timemode": "Time format",
  "relativetime": "Relative format:\"1 minutes ago\",\"3 days ago\"",
@@ -119,6 +120,7 @@
  "remote_imgWarn": "All previews are got from your loginned cache server.",
  "moreContextMode": "Context Tool",
  "moreContextModeWarn": "On detail of the toot modal, show toots before / after the toot on LTL, FTL, UTL",
+  "smallHeader": "Minimize column headers",
  "replySound": "Sound(Reply)",
  "favSound": "Sound(Fav)",
  "btSound": "Sound(Boost)",
--- a/app/view/make/language/hu-HU/index.json
+++ b/app/view/make/language/hu-HU/index.json
@@ -74,6 +74,7 @@
    "openBrowser": "Open in browser",
    "screenshot": "Take a screenshot",
    "copyURL": "Copy the URL",
+    "copy": "Copy",
    "embed": "Embed",
    "toots": "Toots",
    "follow": "Follow",
@@ -178,6 +179,7 @@
    "foundBug": "I found a bug",
    "show": "Show",
    "directory": "Directory",
+    "discover": "Discover",
    "active": "Recently active",
    "newcomer": "New arrivals",
    "local_only": "Local only",
--- a/app/view/make/language/hu-HU/main.json
+++ b/app/view/make/language/hu-HU/main.json
@@ -103,6 +103,7 @@
    "lang_details_embed": "Embed HTML is cliped.",
    "lang_details_url": "URL of this toot is cliped.",
    "lang_details_txt": "Content of this toot is cliped.",
+    "lang_details_fetch": "Fetcging toot data...",
    "lang_filter_nodata": "No data",
    "lang_filter_errordegree": "Please check a context",
    "lang_list_nodata": "No data",
--- a/app/view/make/language/hu-HU/setting.json
+++ b/app/view/make/language/hu-HU/setting.json
@@ -72,6 +72,7 @@
  "desc": "About this theme",
  "customImport": "Import of custom themes",
  "delete": "Delete",
+  "preview": "Preview",
  "timeline": "Timeline Preferences",
  "timemode": "Time format",
  "relativetime": "Relative format:\"1 minutes ago\",\"3 days ago\"",
@@ -119,6 +120,7 @@
  "remote_imgWarn": "All previews are got from your loginned cache server.",
  "moreContextMode": "Context Tool",
  "moreContextModeWarn": "On detail of the toot modal, show toots before / after the toot on LTL, FTL, UTL",
+  "smallHeader": "Minimize column headers",
  "replySound": "Sound(Reply)",
  "favSound": "Sound(Fav)",
  "btSound": "Sound(Boost)",
--- a/app/view/make/language/it-IT/index.json
+++ b/app/view/make/language/it-IT/index.json
@@ -47,7 +47,7 @@
    "thingsEmoji": "Emoji di strumenti",
    "symbolEmoji": "Emoji di simboli",
    "flagsEmoji": "Emoji delle bandiere",
-    "draft": "Draft",
+    "draft": "Bozza",
    "poll": "Sondaggio",
    "pollDdisabled": "Sondaggi: Disabilitato",
    "pollProvider": "Fornitore del sondaggio",
@@ -74,6 +74,7 @@
    "openBrowser": "Apri nel browser",
    "screenshot": "Cattura una schermata",
    "copyURL": "Copia l'URL",
+    "copy": "Copia",
    "embed": "Incorpora",
    "toots": "Toots",
    "follow": "Segui",
@@ -178,6 +179,7 @@
    "foundBug": "Ho trovato un bug",
    "show": "Mostra",
    "directory": "Directory",
+    "discover": "Discover",
    "active": "Recentemente attivo",
    "newcomer": "Nuovi arrivi",
    "local_only": "Solo locale",
--- a/app/view/make/language/it-IT/main.json
+++ b/app/view/make/language/it-IT/main.json
@@ -49,7 +49,7 @@
    "lang_manager_godev": "Apri DevCenter di Misskey. Mostriamo anche un documento ufficiale da riferire.",
    "lang_manager_logout": "Esci",
    "lang_manager_maxChars": "Max caratteri dei toot",
-    "lang_manager_refreshAt": "Login with this domain",
+    "lang_manager_refreshAt": "Accedi con questo dominio",
    "lang_bbmd_misskey": "TheDesk considera \"@\" come risposta, ma mettere altri parametri. Non elencato su Mastodon significa Home su Misskey.",
    "lang_emoji_get": "Ottieni emoji",
    "lang_emoji_custom": "Emoji personalizzate",
@@ -89,7 +89,7 @@
    "lang_status_endorse": "Caratteristica sul profilo",
    "lang_status_followers": "Follower",
    "lang_status_active": "Ultimo stato",
-    "lang_secure_draft": "Add to draft",
+    "lang_secure_draft": "Aggiungi alla bozza",
    "lang_secure_useThis": "Usa questo",
    "lang_secure_deleteThis": "Elimina questo",
    "lang_suggest_nodata": "Si prega di ottenere l'elenco delle emoji per mostrare il suggerimento.",
@@ -103,6 +103,7 @@
    "lang_details_embed": "HTML incorporato è sotto la lente.",
    "lang_details_url": "L'URL di questo toot è sotto la lente.",
    "lang_details_txt": "Il contenuto di questo toot è ritagliato.",
+    "lang_details_fetch": "Fetcging toot data...",
    "lang_filter_nodata": "Nessun dato",
    "lang_filter_errordegree": "Si prega di controllare un contesto",
    "lang_list_nodata": "Nessun dato",
@@ -154,7 +155,7 @@
    "lang_layout_unread": "Non Letta",
    "lang_layout_tagManager": "Gestore timeline tag",
    "lang_layout_announ": "Annuncio: il contatore è il numero dei tuoi annunci non letti. Se non mostrato, significa che gli annunci sono tutti contrassegnati come letti.",
-    "lang_layout_resetWidth": "Stretch this column",
+    "lang_layout_resetWidth": "Allunga questa colonna",
    "lang_sort_gothis": "Vai a questa colonna",
    "lang_sort_remthis": "Elimina questa colonna",
    "lang_spotify_img": "Allega una copertina album",
--- a/app/view/make/language/it-IT/setting.json
+++ b/app/view/make/language/it-IT/setting.json
@@ -72,6 +72,7 @@
  "desc": "Informazioni su questo tema",
  "customImport": "Importa temi personalizzati",
  "delete": "Elimina",
+  "preview": "Preview",
  "timeline": "Preferenze Della Timeline",
  "timemode": "Formato orario",
  "relativetime": "Formato relativo:\"1 minuti fa\",\"3 giorni fa\"",
@@ -119,6 +120,7 @@
  "remote_imgWarn": "Tutte le anteprime sono ottenute dal server cache loginato.",
  "moreContextMode": "Context Tool",
  "moreContextModeWarn": "On detail of the toot modal, show toots before / after the toot on LTL, FTL, UTL",
+  "smallHeader": "Minimize column headers",
  "replySound": "Suono(Rispondi)",
  "favSound": "Suono (Fav)",
  "btSound": "Suono (Boost)",
--- a/app/view/make/language/ja-KS/index.json
+++ b/app/view/make/language/ja-KS/index.json
@@ -1,181 +1,183 @@
 {
-    "draghere":"ドラッグしてみ？(ドラッグしたらすぐアップロードされるで)",
-    "nowOffline":"オフラインやで。投稿は全部下書きに行くし、もしオンラインなったら再読み込みしたらええで。",
-    "reOnline":"オンライン戻ったから再読み込みしてな。",
-    "close":"Close",
+    "draghere": "ドラッグしてみ？(ドラッグしたらすぐアップロードされるで)",
+    "nowOffline": "オフラインやで。投稿は全部下書きに行くし、もしオンラインなったら再読み込みしたらええで。",
+    "reOnline": "オンライン戻ったから再読み込みしてな。",
+    "close": "Close",
    "webSrc": "Webでさがす",
    "tsSrc": "tootsearchでさがす",
-    "showSelectProf":"このアカウントのプロフィール出す",
-    "closethisbox":"このボックスなおす",
-    "post-new":"投稿",
-    "toot":"トゥート",
-    "nsfwDes":"画像を見たらあかんやつにする",
-    "cwDes":"コンテンツワーニング(ほんまに見るんか？って聞く)",
-    "selfile":"ファイル選ぶ",
-    "insertEmoji":"絵文字入れる",
-    "schedule":"時間指定投稿",
-    "postat":"時間指定投稿",
-    "scheduleWarn":"2.7.0~ 5分は待ってな。サーバーの時計おうてるかは知らんで。",
-    "clearToot":"トゥートボックスのクリア",
-    "replyMode":"返信モード",
-    "no":"いいえ",
-    "yes":"はい",
-    "temp":"添付ファイル",
-    "nothing":"なし",
-    "vis":"公開範囲",
-    "cwtext":"警告文",
-    "selectVis":"公開範囲指定",
-    "publicJP":"公開",
-    "unlistedJP":"未収載",
-    "privateJP":"非公開",
-    "localJP":"ローカル限定",
-    "directJP":"ダイレクト",
-    "sectoot":"こっちでもトゥート",
-    "emojiWarn":"サーバーちゃうかったら絵文字もちゃうで。",
-    "emojiInsertWarn":"入力できん絵文字もあるけどしゃーない。",
-    "refreshEmoji":"絵文字更新",
-    "closeThisBox":"ボックスなおす",
-    "showThisEmoji":"一覧を表示中",
-    "customEmoji":"カスタム絵文字",
-    "peopleEmoji":"ひと",
-    "natureEmoji":"自然",
-    "foodEmoji":"食べ物",
-    "activityEmoji":"活動",
-    "placeEmoji":"場所",
-    "thingsEmoji":"もの",
-    "symbolEmoji":"記号",
-    "flagsEmoji":"国旗",
+    "showSelectProf": "このアカウントのプロフィール出す",
+    "closethisbox": "このボックスなおす",
+    "post-new": "投稿",
+    "toot": "トゥート",
+    "nsfwDes": "画像を見たらあかんやつにする",
+    "cwDes": "コンテンツワーニング(ほんまに見るんか？って聞く)",
+    "selfile": "ファイル選ぶ",
+    "insertEmoji": "絵文字入れる",
+    "schedule": "時間指定投稿",
+    "postat": "時間指定投稿",
+    "scheduleWarn": "2.7.0~ 5分は待ってな。サーバーの時計おうてるかは知らんで。",
+    "clearToot": "トゥートボックスのクリア",
+    "replyMode": "返信モード",
+    "no": "いいえ",
+    "yes": "はい",
+    "temp": "添付ファイル",
+    "nothing": "なし",
+    "vis": "公開範囲",
+    "cwtext": "警告文",
+    "selectVis": "公開範囲指定",
+    "publicJP": "公開",
+    "unlistedJP": "未収載",
+    "privateJP": "非公開",
+    "localJP": "ローカル限定",
+    "directJP": "ダイレクト",
+    "sectoot": "こっちでもトゥート",
+    "emojiWarn": "サーバーちゃうかったら絵文字もちゃうで。",
+    "emojiInsertWarn": "入力できん絵文字もあるけどしゃーない。",
+    "refreshEmoji": "絵文字更新",
+    "closeThisBox": "ボックスなおす",
+    "showThisEmoji": "一覧を表示中",
+    "customEmoji": "カスタム絵文字",
+    "peopleEmoji": "ひと",
+    "natureEmoji": "自然",
+    "foodEmoji": "食べ物",
+    "activityEmoji": "活動",
+    "placeEmoji": "場所",
+    "thingsEmoji": "もの",
+    "symbolEmoji": "記号",
+    "flagsEmoji": "国旗",
    "draft": "下書き(タンス)",
-    "poll":"アンケート",
-    "pollDdisabled":"アンケート付けへん",
-    "pollProvider":"アンケートのプロバイダ",
-    "choice":"選択肢",
-    "polluntil":"あんたが投票するまで票数教えへん",
-    "pollmulti":"複数選択を許可",
-    "expires_in":"有効期限(秒)",
-    "contextBefore":"これより前の会話",
-    "thisToot":"対象のトゥート",
-    "contextAfter":"これより後の会話",
-    "beforeLTL":"これより前のLocal TL(誰にエアリプしてん)",
-    "beforeUTL":"これより前のユーザーTL(誰のトゥート言及してんねん)",
-    "afterLTL":"これより後のLocal TL(誰のトゥート言及してんねん)",
-    "afterUTL":"これより後のユーザーTL(誰のトゥート言及してんねん)",
-    "afterFTL":"これより後の連合TL(誰のトゥート言及してんねん)",
-    "favedPeople":"誰がお気に入りに登録してるんや",
-    "btedPeople":"誰がお気に入りブーストしたんや",
-    "useOtherAcct1":"他のアカウント使う",
-    "useOtherAcct2":"の解除はできひん",
+    "poll": "アンケート",
+    "pollDdisabled": "アンケート付けへん",
+    "pollProvider": "アンケートのプロバイダ",
+    "choice": "選択肢",
+    "polluntil": "あんたが投票するまで票数教えへん",
+    "pollmulti": "複数選択を許可",
+    "expires_in": "有効期限(秒)",
+    "contextBefore": "これより前の会話",
+    "thisToot": "対象のトゥート",
+    "contextAfter": "これより後の会話",
+    "beforeLTL": "これより前のLocal TL(誰にエアリプしてん)",
+    "beforeUTL": "これより前のユーザーTL(誰のトゥート言及してんねん)",
+    "afterLTL": "これより後のLocal TL(誰のトゥート言及してんねん)",
+    "afterUTL": "これより後のユーザーTL(誰のトゥート言及してんねん)",
+    "afterFTL": "これより後の連合TL(誰のトゥート言及してんねん)",
+    "favedPeople": "誰がお気に入りに登録してるんや",
+    "btedPeople": "誰がお気に入りブーストしたんや",
+    "useOtherAcct1": "他のアカウント使う",
+    "useOtherAcct2": "の解除はできひん",
    "btWithVis": "公開範囲も決めてからブースト",
-    "reply":"返信",
-    "bt":"ブースト",
-    "favRegist":"お気に入り",
-    "openBrowser":"ブラウザで開く",
-    "screenshot":"スクリーンショット",
-    "copyURL":"URLをコピー",
-    "embed":"埋め込む",
-    "toots":"トゥート",
-    "follow":"フォロー",
-    "follower":"フォロワー",
-    "utlColumn":"カラムとして追加",
-    "timeline":"タイムライン",
-    "operateOtherAcct":"他のアカウント使うて何かする",
-    "list":"リスト",
-    "makeNew":"新しいやつ",
-    "blocks":"ブロック",
-    "mutes":"ミュート",
-    "block":"ブロック",
-    "mute":"ミュート",
-    "domainBlock":"ドメインブロック",
-    "editProf":"プロフィールいらう",
-    "change":"変更",
-    "followReq":"フォローリクエスト",
-    "likeHimOrHer":"似とうユーザー",
-    "frc":"あんたにおすすめ",
-    "more":"他無いんか？",
-    "endorse":"紹介したる",
-    "openinbrowser":"ブラウザで開く",
-    "mainacct":"メインアカウントに設定",
-    "revoverJP":"する",
-    "warnUseOtherAcct":"(解除はでけへん。)",
-    "revoverJPde":"で",
-    "or":"それか",
-    "openProf":"プロフィール出す",
-    "warnListRegist":"リストに入れたかったらまずフォローせなあかん。",
-    "blockDomain":"ブロックするドメイン",
-    "name":"名前",
-    "note":"自己紹介",
-    "editProfImg":"アバター変える",
-    "editHeader":"ヘッダー変える",
-    "blocked":"なんでか知らんけどブロックされとるわ",
-    "likeUserDes":"あんたと似とうユーザーを発掘すんで。",
-    "get":"取得",
-    "historyBack":"一つ前のユーザーデータ",
-    "empUser":"ユーザー強調",
-    "supportme":"支援してくれんか？",
-    "TheDeskDes":"TheDeskは営利目的ちゃうし、有料機能や広告は一切あらへん。<br>せやけど君らが支援してくれとうからTheDeskは続いてるんや。ほんまありがとうな。",
-    "PatreonSupport":"Patreonで支援",
-    "PixivSupport":"Pixiv FANBOXで支援",
-    "AWLSupport":"Amazonほしいものリスト",
-    "SendAmazonGift1":"",
-    "SendAmazonGift2":"にAmazonギフトカードを送る",
-    "monthly":"月額支援(大歓迎)",
-    "once":"一度限りの支援(めっちゃ歓迎)",
-    "local":"ローカル",
-    "localMedia":"ローカル(メディア)",
-    "home":"ホーム",
-    "fed":"連合",
-    "fedMedia":"連合(メディア)",
-    "dm":"ダイレクトメッセージ",
-    "integratedTLDes":"統合(ローカルとホーム)",
-    "localPlusDes":"統合(LTL+BT+返信)",
-    "notf":"通知",
+    "reply": "返信",
+    "bt": "ブースト",
+    "favRegist": "お気に入り",
+    "openBrowser": "ブラウザで開く",
+    "screenshot": "スクリーンショット",
+    "copyURL": "URLをコピー",
+    "copy": "コピー",
+    "embed": "埋め込む",
+    "toots": "トゥート",
+    "follow": "フォロー",
+    "follower": "フォロワー",
+    "utlColumn": "カラムとして追加",
+    "timeline": "タイムライン",
+    "operateOtherAcct": "他のアカウント使うて何かする",
+    "list": "リスト",
+    "makeNew": "新しいやつ",
+    "blocks": "ブロック",
+    "mutes": "ミュート",
+    "block": "ブロック",
+    "mute": "ミュート",
+    "domainBlock": "ドメインブロック",
+    "editProf": "プロフィールいらう",
+    "change": "変更",
+    "followReq": "フォローリクエスト",
+    "likeHimOrHer": "似とうユーザー",
+    "frc": "あんたにおすすめ",
+    "more": "他無いんか？",
+    "endorse": "紹介したる",
+    "openinbrowser": "ブラウザで開く",
+    "mainacct": "メインアカウントに設定",
+    "revoverJP": "する",
+    "warnUseOtherAcct": "(解除はでけへん。)",
+    "revoverJPde": "で",
+    "or": "それか",
+    "openProf": "プロフィール出す",
+    "warnListRegist": "リストに入れたかったらまずフォローせなあかん。",
+    "blockDomain": "ブロックするドメイン",
+    "name": "名前",
+    "note": "自己紹介",
+    "editProfImg": "アバター変える",
+    "editHeader": "ヘッダー変える",
+    "blocked": "なんでか知らんけどブロックされとるわ",
+    "likeUserDes": "あんたと似とうユーザーを発掘すんで。",
+    "get": "取得",
+    "historyBack": "一つ前のユーザーデータ",
+    "empUser": "ユーザー強調",
+    "supportme": "支援してくれんか？",
+    "TheDeskDes": "TheDeskは営利目的ちゃうし、有料機能や広告は一切あらへん。<br>せやけど君らが支援してくれとうからTheDeskは続いてるんや。ほんまありがとうな。",
+    "PatreonSupport": "Patreonで支援",
+    "PixivSupport": "Pixiv FANBOXで支援",
+    "AWLSupport": "Amazonほしいものリスト",
+    "SendAmazonGift1": "",
+    "SendAmazonGift2": "にAmazonギフトカードを送る",
+    "monthly": "月額支援(大歓迎)",
+    "once": "一度限りの支援(めっちゃ歓迎)",
+    "local": "ローカル",
+    "localMedia": "ローカル(メディア)",
+    "home": "ホーム",
+    "fed": "連合",
+    "fedMedia": "連合(メディア)",
+    "dm": "ダイレクトメッセージ",
+    "integratedTLDes": "統合(ローカルとホーム)",
+    "localPlusDes": "統合(LTL+BT+返信)",
+    "notf": "通知",
    "bookmark": "ブックマーク",
-    "showThisTL":"表示するタイムライン",
-    "webviewWarn":"TweetDeckを出すで。TJDeckをカスタムしたものが読み込まれる(<a href='https://gist.github.com/cutls/8787a55d2c1c53274e68a427966046a6' target='_blank'>Code</a>/<a href='https://gist.github.com/totoraj930/d1394dadb51d75666a76829f61e7280c' target='_blank'>TJDeck</a>)。",
-    "add":"追加",
-    "search":"検索",
-    "sortSet":"並べ替え設定",
-    "selectAcct":"選択(スクロールして全選択肢表示)",
-    "filterWord":"フィルターワード",
-    "listLocale":"一覧",
-    "degree":"適応範囲",
-    "conver":"会話",
-    "prof":"プロフィール",
-    "option":"オプション",
-    "matchWord":"単語マッチ",
-    "warnMatchWord":"非ラテン系の文字列では「単語マッチ」はせん方がええで。(これはフリかも知れん)",
-    "except":"除外",
-    "exceptWorn":"「除外」にしてもうたらマッチしたトゥートはフィルター解除しても二度と表示されへん。",
-    "avalableBefore":"有効期限(あと)",
-    "warnAvBefore":"未指定(または0分)で「無期限」や",
-    "warnAvBefore2":"この数字はそんなに正確ちゃうで",
-    "unlimited":"無期限",
-    "days":"日",
-    "hours":"時間",
-    "mins":"分",
-    "secs":"秒",
-    "warnOnIntegratedTL":"Integrated TL/Plus TLは、公開/ホームのフィルターワードをどっちも合わせて処理するで",
-    "helloTheDesk":"やってもうた…再読込して治らんかったら初期化(全データ削除)してな…(予め設定をエクスポートしとくんやで)",
-    "addColumn":"カラム追加",
-    "sortColumns":"カラム一覧/並べ替え",
-    "acctMan":"アカウントマネージャー",
-    "filter":"フィルター",
-    "setting":"設定",
-    "reverse":"トゥートボタンの左右入れ替え",
-    "f5":"TL再読込",
-    "nanoDes":"めっちゃ小さいマストドン。",
-    "verTips":"バージョン",
-    "clockTips":"時計",
-    "ramTips":"システムメモリ容量",
-    "changeTips":"Tips変更",
-    "helpAndLogs":"ヘルプとログ",
-    "help":"ヘルプ",
-    "contactwithlog":"なんか知らんけど動かんとかそういうのを開発者のお兄さんお姉さんに言うときは下のログのそこらへんの時間に起きたなぁってのを拾って連絡するとなんかの助けになるかも知れん。ついでやけどこのウィンドウ全体を横に引き伸ばしたらいい感じに見れるで",
-    "about":"このソフトについて",
-    "hereAddColumns":"←ここからTL追加",
+    "showThisTL": "表示するタイムライン",
+    "webviewWarn": "TweetDeckを出すで。TJDeckをカスタムしたものが読み込まれる(<a href='https://gist.github.com/cutls/8787a55d2c1c53274e68a427966046a6' target='_blank'>Code</a>/<a href='https://gist.github.com/totoraj930/d1394dadb51d75666a76829f61e7280c' target='_blank'>TJDeck</a>)。",
+    "add": "追加",
+    "search": "検索",
+    "sortSet": "並べ替え設定",
+    "selectAcct": "選択(スクロールして全選択肢表示)",
+    "filterWord": "フィルターワード",
+    "listLocale": "一覧",
+    "degree": "適応範囲",
+    "conver": "会話",
+    "prof": "プロフィール",
+    "option": "オプション",
+    "matchWord": "単語マッチ",
+    "warnMatchWord": "非ラテン系の文字列では「単語マッチ」はせん方がええで。(これはフリかも知れん)",
+    "except": "除外",
+    "exceptWorn": "「除外」にしてもうたらマッチしたトゥートはフィルター解除しても二度と表示されへん。",
+    "avalableBefore": "有効期限(あと)",
+    "warnAvBefore": "未指定(または0分)で「無期限」や",
+    "warnAvBefore2": "この数字はそんなに正確ちゃうで",
+    "unlimited": "無期限",
+    "days": "日",
+    "hours": "時間",
+    "mins": "分",
+    "secs": "秒",
+    "warnOnIntegratedTL": "Integrated TL/Plus TLは、公開/ホームのフィルターワードをどっちも合わせて処理するで",
+    "helloTheDesk": "やってもうた…再読込して治らんかったら初期化(全データ削除)してな…(予め設定をエクスポートしとくんやで)",
+    "addColumn": "カラム追加",
+    "sortColumns": "カラム一覧/並べ替え",
+    "acctMan": "アカウントマネージャー",
+    "filter": "フィルター",
+    "setting": "設定",
+    "reverse": "トゥートボタンの左右入れ替え",
+    "f5": "TL再読込",
+    "nanoDes": "めっちゃ小さいマストドン。",
+    "verTips": "バージョン",
+    "clockTips": "時計",
+    "ramTips": "システムメモリ容量",
+    "changeTips": "Tips変更",
+    "helpAndLogs": "ヘルプとログ",
+    "help": "ヘルプ",
+    "contactwithlog": "なんか知らんけど動かんとかそういうのを開発者のお兄さんお姉さんに言うときは下のログのそこらへんの時間に起きたなぁってのを拾って連絡するとなんかの助けになるかも知れん。ついでやけどこのウィンドウ全体を横に引き伸ばしたらいい感じに見れるで",
+    "about": "このソフトについて",
+    "hereAddColumns": "←ここからTL追加",
    "foundBug": "バグあるんやけど",
    "show": "表示",
    "directory": "ディレクトリ",
+    "discover": "見つける",
    "active": "最新活動順",
    "newcomer": "新規順",
    "local_only": "ローカルだけ",
--- a/app/view/make/language/ja-KS/main.json
+++ b/app/view/make/language/ja-KS/main.json
@@ -102,6 +102,7 @@
    "lang_details_embed": "埋め込みHTMLがコピーされたで。",
    "lang_details_url": "トゥートURLがコピーされたで。",
    "lang_details_txt": "トゥート本文がコピーされたで。",
+    "lang_details_fetch": "トゥートの情報を引っ張って来とるで…",
    "lang_filter_nodata": "フィルターは無いで",
    "lang_filter_errordegree": "適応範囲は一つ以上チェックせなあかんで。",
    "lang_list_nodata": "リストは無いで",
--- a/app/view/make/language/ja/index.json
+++ b/app/view/make/language/ja/index.json
@@ -1,183 +1,185 @@
 {
-    "draghere":"ここにドラッグして添付(ドラッグと同時にアップロードされます)",
-    "nowOffline":"オフラインです。投稿はすべて下書きに追加されます。オンライン復帰時には再読み込みを推奨します。",
+    "draghere": "ここにドラッグして添付(ドラッグと同時にアップロードされます)",
+    "nowOffline": "オフラインです。投稿はすべて下書きに追加されます。オンライン復帰時には再読み込みを推奨します。",
    "reOnline": "オンラインに復帰しました。再読み込みを推奨します。",
    "webSrc": "Webで検索",
    "tsSrc": "tootsearchで検索",
-    "close":"Close",
-    "showSelectProf":"選択したアカウントのプロフィールを表示",
-    "closethisbox":"このボックスを閉じる",
-    "post-new":"投稿",
-    "toot":"トゥート",
-    "nsfwDes":"画像に制限を付与",
-    "cwDes":"コンテンツワーニング(トゥートを表示する前にメッセージで隠す)",
-    "selfile":"ファイルを選択",
-    "insertEmoji":"絵文字を挿入",
-    "schedule":"時間指定投稿",
-    "postat":"時間指定投稿",
-    "scheduleWarn":"2.7.0~ 5分以内には投稿できません。サーバーの時計が正確とは限りません。",
-    "clearToot":"トゥートボックスのクリア",
-    "replyMode":"返信モード",
-    "no":"いいえ",
-    "yes":"はい",
-    "temp":"添付ファイル",
-    "nothing":"なし",
+    "close": "Close",
+    "showSelectProf": "選択したアカウントのプロフィールを表示",
+    "closethisbox": "このボックスを閉じる",
+    "post-new": "投稿",
+    "toot": "トゥート",
+    "nsfwDes": "画像に制限を付与",
+    "cwDes": "コンテンツワーニング(トゥートを表示する前にメッセージで隠す)",
+    "selfile": "ファイルを選択",
+    "insertEmoji": "絵文字を挿入",
+    "schedule": "時間指定投稿",
+    "postat": "時間指定投稿",
+    "scheduleWarn": "2.7.0~ 5分以内には投稿できません。サーバーの時計が正確とは限りません。",
+    "clearToot": "トゥートボックスのクリア",
+    "replyMode": "返信モード",
+    "no": "いいえ",
+    "yes": "はい",
+    "temp": "添付ファイル",
+    "nothing": "なし",
    "stamp": "スタンプ",
    "stampWarn": "画像右下にアカウント名(aa@bb.cc)テキストを挿入します",
-    "vis":"公開範囲",
-    "cwtext":"警告文",
-    "selectVis":"公開範囲指定",
-    "publicJP":"公開",
-    "unlistedJP":"未収載",
-    "privateJP":"非公開",
-    "localJP":"ローカル限定",
-    "directJP":"ダイレクト",
-    "sectoot":"セカンダリートゥート",
-    "emojiWarn":"サーバーによって実装が異なります。",
-    "emojiInsertWarn":"一部絵文字は入力できません。",
-    "refreshEmoji":"絵文字更新",
-    "closeThisBox":"このボックスを閉じる",
-    "showThisEmoji":"一覧を表示中",
-    "customEmoji":"カスタム絵文字",
-    "peopleEmoji":"ひと",
-    "natureEmoji":"自然",
-    "foodEmoji":"食べ物",
-    "activityEmoji":"活動",
-    "placeEmoji":"場所",
-    "thingsEmoji":"もの",
-    "symbolEmoji":"記号",
-    "flagsEmoji":"国旗",
+    "vis": "公開範囲",
+    "cwtext": "警告文",
+    "selectVis": "公開範囲指定",
+    "publicJP": "公開",
+    "unlistedJP": "未収載",
+    "privateJP": "非公開",
+    "localJP": "ローカル限定",
+    "directJP": "ダイレクト",
+    "sectoot": "セカンダリートゥート",
+    "emojiWarn": "サーバーによって実装が異なります。",
+    "emojiInsertWarn": "一部絵文字は入力できません。",
+    "refreshEmoji": "絵文字更新",
+    "closeThisBox": "このボックスを閉じる",
+    "showThisEmoji": "一覧を表示中",
+    "customEmoji": "カスタム絵文字",
+    "peopleEmoji": "ひと",
+    "natureEmoji": "自然",
+    "foodEmoji": "食べ物",
+    "activityEmoji": "活動",
+    "placeEmoji": "場所",
+    "thingsEmoji": "もの",
+    "symbolEmoji": "記号",
+    "flagsEmoji": "国旗",
    "draft": "下書き",
-    "poll":"アンケート",
-    "pollDdisabled":"アンケートを使用しない",
-    "pollProvider":"アンケートのプロバイダ",
-    "choice":"選択肢",
-    "polluntil":"投票するまで票数を隠す",
-    "pollmulti":"複数選択を許可",
-    "expires_in":"有効期限(秒)",
-    "contextBefore":"これより前の会話",
-    "thisToot":"対象のトゥート",
-    "contextAfter":"これより後の会話",
-    "beforeLTL":"これより前のLocal TL(エアリプソース確認)",
-    "beforeUTL":"これより前のユーザーTL(BTソース確認)",
-    "afterLTL":"これより後のLocal TL(言及確認)",
-    "afterUTL":"これより後のユーザーTL(言及確認)",
-    "afterFTL":"これより後の連合TL(言及確認)",
-    "favedPeople":"このトゥートをお気に入りに登録した人",
-    "btedPeople":"このトゥートをブーストした人",
-    "useOtherAcct1":"他のアカウントを使用",
-    "useOtherAcct2":"の解除はできません",
+    "poll": "アンケート",
+    "pollDdisabled": "アンケートを使用しない",
+    "pollProvider": "アンケートのプロバイダ",
+    "choice": "選択肢",
+    "polluntil": "投票するまで票数を隠す",
+    "pollmulti": "複数選択を許可",
+    "expires_in": "有効期限(秒)",
+    "contextBefore": "これより前の会話",
+    "thisToot": "対象のトゥート",
+    "contextAfter": "これより後の会話",
+    "beforeLTL": "これより前のLocal TL(エアリプソース確認)",
+    "beforeUTL": "これより前のユーザーTL(BTソース確認)",
+    "afterLTL": "これより後のLocal TL(言及確認)",
+    "afterUTL": "これより後のユーザーTL(言及確認)",
+    "afterFTL": "これより後の連合TL(言及確認)",
+    "favedPeople": "このトゥートをお気に入りに登録した人",
+    "btedPeople": "このトゥートをブーストした人",
+    "useOtherAcct1": "他のアカウントを使用",
+    "useOtherAcct2": "の解除はできません",
    "btWithVis": "公開範囲を指定してブースト",
-    "reply":"返信",
-    "bt":"ブースト",
-    "favRegist":"お気に入り",
-    "openBrowser":"ブラウザで開く",
-    "screenshot":"スクリーンショット",
-    "copyURL":"URLをコピー",
-    "embed":"埋め込む",
-    "toots":"トゥート",
-    "follow":"フォロー",
-    "follower":"フォロワー",
-    "utlColumn":"カラムとして追加",
-    "timeline":"タイムライン",
-    "operateOtherAcct":"他のアカウントで操作",
-    "list":"リスト",
-    "makeNew":"新規作成",
-    "blocks":"ブロック",
-    "mutes":"ミュート",
-    "block":"ブロック",
-    "mute":"ミュート",
-    "domainBlock":"ドメインブロック",
-    "editProf":"プロフィール編集",
-    "change":"変更",
-    "followReq":"フォローリクエスト",
-    "likeHimOrHer":"似てる",
-    "frc":"おすすめ",
-    "more":"もっと",
-    "endorse":"紹介する",
-    "openinbrowser":"ブラウザで開く",
-    "mainacct":"メインアカウントに設定",
-    "revoverJP":"する",
-    "warnUseOtherAcct":"(解除はできません。)",
-    "revoverJPde":"で",
-    "or":"または",
-    "openProf":"プロフィールを表示",
-    "warnListRegist":"リストに追加するためにはフォローが必要です。",
-    "blockDomain":"ブロックするドメイン",
-    "name":"名前",
-    "note":"自己紹介",
-    "editProfImg":"アバターを変更",
-    "editHeader":"ヘッダーを変更",
-    "blocked":"ブロックされています。なぜでしょう？",
-    "likeUserDes":"似ているユーザーを取得できます。",
-    "get":"取得",
-    "historyBack":"一つ前のユーザーデータ",
-    "empUser":"ユーザー強調",
-    "supportme":"ご支援ください。",
-    "TheDeskDes":"TheDeskは営利目的ではないため、有料機能や広告は一切ありません。<br>皆様のあたたかいご支援のもとで製作されています。",
-    "PatreonSupport":"Patreonで支援",
-    "PixivSupport":"Pixiv FANBOXで支援",
-    "AWLSupport":"Amazonほしいものリスト",
-    "SendAmazonGift1":"",
-    "SendAmazonGift2":"にAmazonギフトカードを送る",
-    "monthly":"月額支援(大歓迎)",
-    "once":"一度限りの支援(もちろん歓迎)",
-    "local":"ローカル",
-    "localMedia":"ローカル(メディア)",
-    "home":"ホーム",
-    "fed":"連合",
-    "fedMedia":"連合(メディア)",
-    "dm":"ダイレクトメッセージ",
-    "integratedTLDes":"統合(ローカルとホーム)",
-    "localPlusDes":"統合(LTL+BT+返信)",
-    "notf":"通知",
+    "reply": "返信",
+    "bt": "ブースト",
+    "favRegist": "お気に入り",
+    "openBrowser": "ブラウザで開く",
+    "screenshot": "スクリーンショット",
+    "copyURL": "URLをコピー",
+    "copy": "コピー",
+    "embed": "埋め込む",
+    "toots": "トゥート",
+    "follow": "フォロー",
+    "follower": "フォロワー",
+    "utlColumn": "カラムとして追加",
+    "timeline": "タイムライン",
+    "operateOtherAcct": "他のアカウントで操作",
+    "list": "リスト",
+    "makeNew": "新規作成",
+    "blocks": "ブロック",
+    "mutes": "ミュート",
+    "block": "ブロック",
+    "mute": "ミュート",
+    "domainBlock": "ドメインブロック",
+    "editProf": "プロフィール編集",
+    "change": "変更",
+    "followReq": "フォローリクエスト",
+    "likeHimOrHer": "似てる",
+    "frc": "おすすめフォロー",
+    "more": "もっと",
+    "endorse": "紹介する",
+    "openinbrowser": "ブラウザで開く",
+    "mainacct": "メインアカウントに設定",
+    "revoverJP": "する",
+    "warnUseOtherAcct": "(解除はできません。)",
+    "revoverJPde": "で",
+    "or": "または",
+    "openProf": "プロフィールを表示",
+    "warnListRegist": "リストに追加するためにはフォローが必要です。",
+    "blockDomain": "ブロックするドメイン",
+    "name": "名前",
+    "note": "自己紹介",
+    "editProfImg": "アバターを変更",
+    "editHeader": "ヘッダーを変更",
+    "blocked": "ブロックされています。なぜでしょう？",
+    "likeUserDes": "似ているユーザーを取得できます。",
+    "get": "取得",
+    "historyBack": "一つ前のユーザーデータ",
+    "empUser": "ユーザー強調",
+    "supportme": "ご支援ください。",
+    "TheDeskDes": "TheDeskは営利目的ではないため、有料機能や広告は一切ありません。<br>皆様のあたたかいご支援のもとで製作されています。",
+    "PatreonSupport": "Patreonで支援",
+    "PixivSupport": "Pixiv FANBOXで支援",
+    "AWLSupport": "Amazonほしいものリスト",
+    "SendAmazonGift1": "",
+    "SendAmazonGift2": "にAmazonギフトカードを送る",
+    "monthly": "月額支援(大歓迎)",
+    "once": "一度限りの支援(もちろん歓迎)",
+    "local": "ローカル",
+    "localMedia": "ローカル(メディア)",
+    "home": "ホーム",
+    "fed": "連合",
+    "fedMedia": "連合(メディア)",
+    "dm": "ダイレクトメッセージ",
+    "integratedTLDes": "統合(ローカルとホーム)",
+    "localPlusDes": "統合(LTL+BT+返信)",
+    "notf": "通知",
    "bookmark": "ブックマーク",
-    "showThisTL":"表示するタイムライン",
-    "webviewWarn":"TweetDeckを表示します。TJDeckをカスタムしたものが読み込まれます(<a href='https://gist.github.com/cutls/8787a55d2c1c53274e68a427966046a6' target='_blank'>Code</a>/<a href='https://gist.github.com/totoraj930/d1394dadb51d75666a76829f61e7280c' target='_blank'>TJDeck</a>)。",
-    "add":"追加",
-    "search":"検索",
-    "sortSet":"並べ替え設定",
-    "selectAcct":"選択(スクロールで全選択肢表示)",
-    "filterWord":"フィルターワード",
-    "listLocale":"一覧",
-    "degree":"適応範囲",
-    "conver":"会話",
-    "prof":"プロフィール",
-    "option":"オプション",
-    "matchWord":"単語マッチ",
-    "warnMatchWord":"非ラテン系の文字列では「単語マッチ」は推奨されません。",
-    "except":"除外",
-    "exceptWorn":"「除外」時マッチしたトゥートは非可逆的に除外され、削除後も閲覧できません。",
-    "avalableBefore":"有効期限(あと)",
-    "warnAvBefore":"未指定(または0分)で「無期限」になります。",
-    "warnAvBefore2":"仕様上数値の正確性を保証できません。",
-    "unlimited":"無期限",
-    "days":"日",
-    "hours":"時間",
-    "mins":"分",
-    "secs":"秒",
-    "warnOnIntegratedTL":"Integrated TL/Plus TLは、公開/ホームのフィルターワードが合算されて適応されます。どちらか一方の指定でも非表示になります。",
-    "helloTheDesk":"内部エラーです。再読込して治らない場合は初期化(全データ削除)をしてください。(事前に設定をエクスポートしておくことをおすすめします。)",
-    "addColumn":"カラム追加",
-    "sortColumns":"カラム一覧/並べ替え",
-    "acctMan":"アカウントマネージャー",
-    "filter":"フィルター",
-    "setting":"設定",
-    "reverse":"トゥートボタンの左右入れ替え",
-    "f5":"TL再読込",
-    "nanoDes":"最小のマストドン。",
-    "verTips":"バージョン",
-    "clockTips":"時計",
-    "ramTips":"システムメモリ容量",
-    "changeTips":"Tips変更",
-    "helpAndLogs":"ヘルプとログ",
-    "help":"ヘルプ",
-    "contactwithlog":"不具合等のお問合わせは以下のログから発生時刻付近のものを集めてご連絡いただけるとスムーズになるかもしれません。また、このメニューウィンドウ全体を横に引き伸ばすとログが見やすくなります。",
-    "about":"このソフトについて",
-    "hereAddColumns":"←ここからTL追加",
+    "showThisTL": "表示するタイムライン",
+    "webviewWarn": "TweetDeckを表示します。TJDeckをカスタムしたものが読み込まれます(<a href='https://gist.github.com/cutls/8787a55d2c1c53274e68a427966046a6' target='_blank'>Code</a>/<a href='https://gist.github.com/totoraj930/d1394dadb51d75666a76829f61e7280c' target='_blank'>TJDeck</a>)。",
+    "add": "追加",
+    "search": "検索",
+    "sortSet": "並べ替え設定",
+    "selectAcct": "選択(スクロールで全選択肢表示)",
+    "filterWord": "フィルターワード",
+    "listLocale": "一覧",
+    "degree": "適応範囲",
+    "conver": "会話",
+    "prof": "プロフィール",
+    "option": "オプション",
+    "matchWord": "単語マッチ",
+    "warnMatchWord": "非ラテン系の文字列では「単語マッチ」は推奨されません。",
+    "except": "除外",
+    "exceptWorn": "「除外」時マッチしたトゥートは非可逆的に除外され、削除後も閲覧できません。",
+    "avalableBefore": "有効期限(あと)",
+    "warnAvBefore": "未指定(または0分)で「無期限」になります。",
+    "warnAvBefore2": "仕様上数値の正確性を保証できません。",
+    "unlimited": "無期限",
+    "days": "日",
+    "hours": "時間",
+    "mins": "分",
+    "secs": "秒",
+    "warnOnIntegratedTL": "Integrated TL/Plus TLは、公開/ホームのフィルターワードが合算されて適応されます。どちらか一方の指定でも非表示になります。",
+    "helloTheDesk": "内部エラーです。再読込して治らない場合は初期化(全データ削除)をしてください。(事前に設定をエクスポートしておくことをおすすめします。)",
+    "addColumn": "カラム追加",
+    "sortColumns": "カラム一覧/並べ替え",
+    "acctMan": "アカウントマネージャー",
+    "filter": "フィルター",
+    "setting": "設定",
+    "reverse": "トゥートボタンの左右入れ替え",
+    "f5": "TL再読込",
+    "nanoDes": "最小のマストドン。",
+    "verTips": "バージョン",
+    "clockTips": "時計",
+    "ramTips": "システムメモリ容量",
+    "changeTips": "Tips変更",
+    "helpAndLogs": "ヘルプとログ",
+    "help": "ヘルプ",
+    "contactwithlog": "不具合等のお問合わせは以下のログから発生時刻付近のものを集めてご連絡いただけるとスムーズになるかもしれません。また、このメニューウィンドウ全体を横に引き伸ばすとログが見やすくなります。",
+    "about": "このソフトについて",
+    "hereAddColumns": "←ここからTL追加",
    "foundBug": "バグを見つけた",
    "show": "表示",
    "directory": "ディレクトリ",
+    "discover": "見つける",
    "active": "最新活動順",
    "newcomer": "新規順",
    "local_only": "ローカルのみ",
--- a/app/view/make/language/ja/main.json
+++ b/app/view/make/language/ja/main.json
@@ -104,6 +104,7 @@
    "lang_details_embed": "埋め込みHTMLがコピーされました。",
    "lang_details_url": "トゥートURLがコピーされました。",
    "lang_details_txt": "トゥート本文がコピーされました。",
+    "lang_details_fetch": "トゥートの情報を読み込んでいます",
    "lang_filter_nodata": "フィルターはありません",
    "lang_filter_errordegree": "適応範囲を最低一つ以上チェックしてください。",
    "lang_list_nodata": "リストはありません",
--- a/app/view/make/language/kw-GB/index.json
+++ b/app/view/make/language/kw-GB/index.json
@@ -74,6 +74,7 @@
    "openBrowser": "Open in browser",
    "screenshot": "Take a screenshot",
    "copyURL": "Copy the URL",
+    "copy": "Copy",
    "embed": "Embed",
    "toots": "Toots",
    "follow": "Follow",
@@ -178,6 +179,7 @@
    "foundBug": "I found a bug",
    "show": "Show",
    "directory": "Directory",
+    "discover": "Discover",
    "active": "Recently active",
    "newcomer": "New arrivals",
    "local_only": "Local only",
--- a/Show More
+++ b/Show More