poi-plugin-compass 0.1.3 → 0.1.4

package/air-status.js

@@ -1,11 +1,11 @@
 'use strict'
 
 const states = [
-  { label: 'AL', color: '#ff8585' },
-  { label: 'AD', color: '#ffbd79' },
-  { label: 'AP', color: '#f4df8b' },
-  { label: 'AS', color: '#8fd7a3' },
-  { label: 'AS+', color: '#87d9ff' },
+  { label: '丧', shadow: '#ef5b5b' },
+  { label: '劣', shadow: '#ed9f45' },
+  { label: '均', shadow: '#9aa1aa' },
+  { label: '优', shadow: '#91d7a2' },
+  { label: '确', shadow: '#29975e' },
 ]
 
 function airStateRange(air, data) {

package/assets/compass.css

@@ -35,6 +35,7 @@
   min-height: 30px;
   gap: 8px;
   margin-bottom: 8px;
+  flex-wrap: wrap;
 }
 
 .compass-toolbar-fleet,
@@ -60,6 +61,15 @@
 .compass-los-icon { position: relative; display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; }
 .compass-los-icon img { width: 28px; height: 28px; }
 .compass-los-coefficient { position: absolute; right: -1px; bottom: -3px; font-size: 14px; font-weight: 800; color: white; -webkit-text-stroke: 3px #151a22; paint-order: stroke fill; }
+.compass-option-group { display: inline-flex; align-items: center; flex-shrink: 0; }
+.compass-option-label { padding: 0 4px; color: #c9d8e7; font-size: 12px; }
+.compass-option-group button { border-radius: 0; }
+.compass-option-group button:first-of-type { border-radius: 3px 0 0 3px; }
+.compass-option-group button:last-of-type { border-radius: 0 3px 3px 0; }
+.compass-option-group button + button { margin-left: -1px; }
+.compass-option-group button.is-active { position: relative; z-index: 1; border-color: #8fe0a2; background: rgba(143, 224, 162, 0.2); }
+.compass-option-toggle { display: inline-flex; align-items: center; gap: 4px; flex-shrink: 0; color: #c9d8e7; font-size: 12px; white-space: nowrap; }
+.compass-option-toggle input { margin: 0; accent-color: #8fe0a2; }
 .compass-portrait {
   position: relative;
   display: inline-flex;
@@ -100,7 +110,8 @@
 .compass-map-select summary,
 .compass-reset,
 .compass-manual button,
-.compass-phase-group button {
+.compass-phase-group button,
+.compass-option-group button {
   color: #f1f5f9;
   border: 1px solid #687587;
   border-radius: 3px;
@@ -178,7 +189,9 @@
 .compass-manual button:hover,
 .compass-manual button:focus,
 .compass-phase-group button:hover,
-.compass-phase-group button:focus {
+.compass-phase-group button:focus,
+.compass-option-group button:hover,
+.compass-option-group button:focus {
   border-color: #b8c7d9;
   background: #3a4655;
 }
@@ -216,60 +229,56 @@
   pointer-events: none;
 }
 
-.compass-node-air-state { font-size: 18px; font-weight: 750; fill: white; stroke: #151a22; stroke-width: 3px; paint-order: stroke fill; stroke-linejoin: round; }
-
-.compass-edge {
-  outline: none;
-  cursor: pointer;
-}
-
-.compass-edge line {
-  stroke: #8cbce0;
-  stroke-width: 4;
-  opacity: 0.85;
-  transition: stroke 120ms ease, stroke-width 120ms ease, opacity 120ms ease;
-}
-
-.compass-edge.is-reachable line {
-  opacity: 1;
-}
-
-.compass-edge.is-probability-high line {
-  stroke: #78d99a;
-  stroke-width: 7;
+.compass-node-air-state {
+  font-family: "Songti SC", "STSong", "SimSun", serif;
+  font-size: 14px;
+  font-weight: 700;
+  fill: #ffffff;
+  stroke: #151a22;
+  stroke-width: 2px;
+  paint-order: stroke fill;
+  stroke-linejoin: round;
 }
 
-.compass-edge.is-probability-medium line {
-  stroke: #8fc9f1;
-  stroke-width: 5;
+.compass-node-icon {
+  pointer-events: auto;
+  overflow: visible;
 }
 
-.compass-edge.is-probability-low line {
-  stroke: #91c4e8;
-  stroke-width: 4.5;
+.compass-node-icon.is-prophet {
+  opacity: 0.92;
 }
 
-.compass-edge.is-probability-zero line {
-  stroke: #8cbce0;
-  stroke-width: 4;
-  opacity: 0.85;
+.compass-node-overlay {
+  overflow: visible;
+  pointer-events: none;
 }
 
-.compass-edge.is-passed line {
-  stroke-width: 6;
-  opacity: 1;
+.compass-node-overlay-content {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+  overflow: visible;
 }
 
-.compass-edge.is-passed.is-probability-high line {
-  stroke-width: 8;
+.compass-node-enemy-avatar .compass-portrait {
+  width: 100% !important;
+  height: 100% !important;
+  box-shadow: 0 0 0 1px #151a22, 0 0 0 2px #ffffff99;
 }
 
-.compass-edge.is-passed.is-probability-medium line {
-  stroke-width: 7;
+.compass-edge {
+  outline: none;
+  cursor: pointer;
 }
 
-.compass-edge.is-passed.is-probability-zero line {
-  stroke-width: 6;
+.compass-edge line {
+  stroke: var(--compass-edge-color, #87919a);
+  stroke-width: var(--compass-edge-width, 2.25);
+  opacity: var(--compass-edge-opacity, 0.3);
+  transition: stroke 120ms ease, stroke-width 120ms ease, opacity 120ms ease;
 }
 
 .compass-edge.is-manual-choice {
@@ -324,10 +333,8 @@
   vector-effect: non-scaling-stroke;
 }
 
-.compass-node-icon,
-.compass-node-icon-secondary {
-  pointer-events: none;
-}
+.compass-node-icon { pointer-events: auto; }
+.compass-node-icon-secondary { pointer-events: none; }
 
 .compass-node:hover .compass-node-shape,
 .compass-node:focus .compass-node-shape {
@@ -354,6 +361,15 @@
   filter: brightness(1.15);
 }
 
+.compass-node.is-node-choice .compass-node-shape {
+  filter: drop-shadow(0 0 3px rgba(130, 233, 255, 0.95)) drop-shadow(0 0 8px rgba(130, 233, 255, 0.65));
+}
+
+.compass-node.is-node-choice:hover .compass-node-shape,
+.compass-node.is-node-choice:focus .compass-node-shape {
+  filter: brightness(1.12) drop-shadow(0 0 3px rgba(130, 233, 255, 1)) drop-shadow(0 0 10px rgba(130, 233, 255, 0.75));
+}
+
 .compass-node-label {
   text-anchor: middle;
   pointer-events: none;

package/assets/icons/COPYRIGHT.md

@@ -0,0 +1,7 @@
+Copyright (c)
+2016, 2017 [かがみ](https://github.com/KagamiChan)
+All rights reserved.
+
+THESE SVG ICONS ARE **NOT** GOVERNED BY THE MIT LICENSE.
+
+ICONS HERE CAN **ONLY** BE USED IN POI, INCLUDING PLUGINS, EXTENSIONS AND DERIVATIVES OF POI. ANY OTHER USAGE WITHOUT EXPLICIT PERMISSION IS PROHIBITED.

package/assets/icons/spot/2.svg

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="400px" height="400px" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
+<circle style="fill:#B2FF59;stroke:#7CB342;stroke-width:50;stroke-miterlimit:10;" cx="200" cy="200" r="160"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

package/assets/icons/spot/3.svg

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="400px" height="400px" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
+<circle style="fill:#B39DDB;stroke:#512DA8;stroke-width:50;stroke-miterlimit:10;" cx="200" cy="200" r="160"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

package/assets/icons/spot/4-1.svg

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="400px" height="400px" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
+<circle style="fill:#EF9A9A;stroke:#D32F2F;stroke-width:50;stroke-miterlimit:10;" cx="200" cy="200" r="160"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

package/assets/icons/spot/4-2.svg

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="400px" height="400px" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
+<circle style="fill:#BBDEFB;stroke:#1976D2;stroke-width:50;stroke-miterlimit:10;" cx="200" cy="200" r="160"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

package/assets/icons/spot/4-3.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="400px" height="400px" viewBox="0 0 400 400" enable-background="new 0 0 400 400" xml:space="preserve">
+<circle fill="none" stroke="#B39DDB" stroke-width="20" stroke-miterlimit="10" cx="200" cy="200" r="175"/>
+<circle fill="#512DA8" cx="200" cy="199" r="135"/>
+</svg>

package/assets/icons/spot/4-4.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="400px" height="400px" viewBox="0 0 400 400" enable-background="new 0 0 400 400" xml:space="preserve">
+<polygon fill="none" points="0,300 0,0 400,0 400,100 220,160 200,200 180,240 "/>
+<g>
+	<defs>
+		<polygon id="SVGID_1_" points="10,10 390,10 390,92.792 212.908,151.823 172.908,231.823 10,286.126 		"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  overflow="visible"/>
+	</clipPath>
+	
+		<circle clip-path="url(#SVGID_2_)" fill="none" stroke="#B39DDB" stroke-width="20" stroke-miterlimit="10" cx="200" cy="199" r="175"/>
+	<circle clip-path="url(#SVGID_2_)" fill="#512DA8" cx="200" cy="198" r="135"/>
+</g>
+<polygon fill="none" points="400,100 400,400 0,400 0,300 180,240 200,200 220,160 "/>
+<g>
+	<defs>
+		<polygon id="SVGID_3_" points="10,390 10,307.208 187.092,248.177 227.092,168.177 390,113.875 390,390 		"/>
+	</defs>
+	<clipPath id="SVGID_4_">
+		<use xlink:href="#SVGID_3_"  overflow="visible"/>
+	</clipPath>
+	
+		<circle clip-path="url(#SVGID_4_)" fill="none" stroke="#EF9A9A" stroke-width="20" stroke-miterlimit="10" cx="200" cy="200" r="175"/>
+	<circle clip-path="url(#SVGID_4_)" fill="#D32F2F" cx="200" cy="199" r="135"/>
+</g>
+</svg>

package/assets/icons/spot/5.svg

@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="400px" height="400px" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
+<g>
+	<path style="fill:#9CCC65;stroke:#33691E;stroke-width:30;stroke-miterlimit:10;" d="M124.027,115.36"/>
+	<path style="fill:#D32F2F;" d="M199.726,104.727c0,0,46.718-0.637,71.481,24.681c24.337,6.663,51.808-99.407,51.808-99.407
+		s22.973,39.45,27.481,71.86s-4.077,101.078-4.077,101.078s3.981,2.502,5.833,16.916s10.311,44.288,0,75.072
+		c-10.311,30.784-63.914,64.056-87.788,70.736c-25.225,5.779-103.701,5.779-128.926,0c-23.874-6.68-77.477-39.834-87.788-70.618
+		s-1.851-60.717,0-75.131c1.851-14.414,5.833-16.946,5.833-16.946s-8.585-68.684-4.077-101.093s27.481-71.867,27.481-71.867
+		s27.471,106.067,51.808,99.403c24.762-25.319,71.481-24.683,71.481-24.683"/>
+	<g>
+		<path style="fill:#DF9A9A;" d="M101.707,161.397c0,0,24,32.333,65,47.667c-1,11.167-31.833,28-57.667,8.333
+			S101.707,161.397,101.707,161.397z"/>
+		<path style="fill:#DF9A9A;" d="M298.293,161.397c0,0-24,32.333-65,47.667c1,11.167,31.833,28,57.667,8.333
+			C316.793,197.73,298.293,161.397,298.293,161.397z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

package/assets/icons/spot/8.svg

@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="400px" height="400px" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
+<circle style="fill:#E1F5FE;stroke:#33691E;stroke-width:20;stroke-miterlimit:10;" cx="200" cy="200" r="165"/>
+<g>
+	<path style="fill:none;" d="M-138.068,124.63c-2.204,0-4.112,0.805-5.723,2.416c-1.611,1.611-2.416,3.518-2.416,5.723
+		s0.805,4.112,2.416,5.723c1.611,1.611,3.518,2.416,5.723,2.416s4.112-0.805,5.723-2.416c1.611-1.611,2.416-3.518,2.416-5.723
+		s-0.805-4.112-2.416-5.723C-133.956,125.435-135.864,124.63-138.068,124.63z"/>
+	<path style="fill:#33691E;" d="M281.414,252.786l-2.561,3.461c-6.119,8.311-14.844,15.379-25.88,21.01
+		c-10.841,5.532-23.06,9.23-36.195,10.994l-5.778,0.76V196h29.643c0.878,0,1.62-0.269,2.296-0.945
+		c0.677-0.676,1.061-1.303,1.061-2.18v-16.278c0-0.877-0.385-1.74-1.06-2.416c-0.677-0.676-1.419-1.181-2.297-1.181H211v-28.137
+		l2.585-1.449c4.22-2.474,7.621-5.75,10.175-10.018c2.518-4.208,3.745-8.713,3.745-13.774c0-7.677-2.637-14.05-8.07-19.483
+		c-5.433-5.433-11.8-8.073-19.477-8.073c-7.677,0-14.039,2.641-19.472,8.073c-5.433,5.433-8.052,11.806-8.052,19.483
+		c0,5.061,1.268,9.566,3.786,13.775c2.552,4.267,5.923,7.543,10.143,10.017l2.637,1.449V173h-29.748
+		c-0.877,0-1.568,0.505-2.243,1.18c-0.677,0.677-1.009,1.539-1.009,2.417v16.278c0,0.877,0.332,1.504,1.009,2.18
+		s1.366,0.945,2.243,0.945H189v93.011l-5.83-0.742c-13.136-1.764-25.463-5.444-36.305-10.976
+		c-11.036-5.631-19.732-12.665-25.851-20.974l-2.547-3.317L132.677,239H91l0.002,41.467l14.159-14.337l3.504,4.194
+		c9.522,11.442,22.506,20.649,38.592,27.382c16.221,6.789,33.949,10.227,52.691,10.227c18.742,0,36.485-3.445,52.705-10.234
+		c16.086-6.732,29.085-15.949,38.607-27.392l3.527-4.212L309,280.254v-41.684l-41.739,0.002L281.414,252.786z M199.948,132.762
+		c-3.518,0-6.72-1.342-9.258-3.88c-2.539-2.539-3.881-5.741-3.881-9.259c0-3.518,1.342-6.719,3.881-9.258s5.741-3.881,9.258-3.881
+		c3.519,0,6.72,1.342,9.258,3.88c2.539,2.538,3.881,5.74,3.881,9.259s-1.342,6.721-3.88,9.258
+		C206.668,131.42,203.466,132.762,199.948,132.762z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

package/assets/icons/spot/9.svg

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="400px" height="400px" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
+<circle style="fill:#9CCC65;stroke:#33691E;stroke-width:50;stroke-miterlimit:10;" cx="200" cy="200" r="160"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

package/index.js

@@ -26,6 +26,8 @@ const mapAreas = [
   ['4', '西方'], ['5', '南方'], ['6', '中部'],
 ]
 const LOCAL_KCNAV_ASSET_ROOT = path.join(__dirname, 'assets', 'kcnav')
+const LOCAL_PROPHET_SPOT_ICON_ROOT = path.join(__dirname, 'assets', 'icons', 'spot')
+const PREFERENCES_STORAGE_KEY = 'poi-plugin-compass.preferences.v1'
 
 const MAP_PHASES = {
   '5-6': [
@@ -67,7 +69,6 @@ const {
   evaluateMap,
   evaluatePredicate,
   fleetContextFromState,
-  formatPercent,
   mapNodeLabel,
   normalizeMapId,
   normalizeOutcomes,
@@ -114,6 +115,18 @@ const NODE_DEFAULTS = {
   border: '#999999',
 }
 
+const COMBAT_NODE_TYPES = new Set([4, 5, 11, 13, 15])
+const AIR_NODE_TYPES = new Set([7, 10])
+const AIR_STATUS_NODE_TYPES = new Set([4, 5, 7, 10, 11, 13, 15])
+const ICON_ONLY_NODE_TYPES = new Set([0, 5, 7, 8, 10])
+const PROPHET_NODE_ICONS = {
+  5: '5',
+  8: '8',
+}
+const NODE_ICON_SIZE = 64
+const NODE_ICON_SIZE_BY_TYPE = { 7: 56, 8: 48, 10: 56 }
+const NODE_ICON_OFFSET_Y_BY_TYPE = { 0: -2, 5: -6 }
+
 function nodeVisualStyle(nodeInfo = {}) {
   const style = { ...NODE_DEFAULTS, ...nodeInfo }
   const size = Number.isFinite(Number(style.size)) ? Number(style.size) : Number(style.simpleSize)
@@ -156,6 +169,66 @@ function getRootState() {
   return store && typeof store.getState === 'function' ? store.getState() : {}
 }
 
+function compassStorage() {
+  try {
+    return typeof window !== 'undefined' && window.localStorage ? window.localStorage : null
+  } catch (_) {
+    return null
+  }
+}
+
+function isRecord(value) {
+  return value != null && typeof value === 'object' && !Array.isArray(value)
+}
+
+function normalizeOverrides(value) {
+  if (!isRecord(value)) return {}
+  return Object.fromEntries(Object.entries(value).filter(([node, target]) => node && typeof target === 'string' && target))
+}
+
+function readCompassPreferences() {
+  const storage = compassStorage()
+  if (!storage) return {}
+  try {
+    const parsed = JSON.parse(storage.getItem(PREFERENCES_STORAGE_KEY) || '{}')
+    return isRecord(parsed) ? parsed : {}
+  } catch (_) {
+    return {}
+  }
+}
+
+function viewPreferenceKey(mapId, phaseId, deckId) {
+  return `${mapId}|${phaseId || ''}|${deckId}`
+}
+
+function storedOverridesForView(preferences, mapId, phaseId, deckId) {
+  const overridesByView = isRecord(preferences?.overridesByView) ? preferences.overridesByView : {}
+  return normalizeOverrides(overridesByView[viewPreferenceKey(mapId, phaseId, deckId)])
+}
+
+function normalizeStringMap(value) {
+  if (!isRecord(value)) return {}
+  return Object.fromEntries(Object.entries(value).filter(([key, entry]) => key && typeof entry === 'string' && entry))
+}
+
+function normalizeNumberMap(value) {
+  if (!isRecord(value)) return {}
+  return Object.fromEntries(Object.entries(value)
+    .map(([key, entry]) => [key, Number(entry)])
+    .filter(([key, entry]) => key && Number.isFinite(entry)))
+}
+
+function storedExportPreferencesForView(preferences, mapId, phaseId, deckId) {
+  const exportByView = isRecord(preferences?.exportByView) ? preferences.exportByView : {}
+  const stored = exportByView[viewPreferenceKey(mapId, phaseId, deckId)]
+  if (!isRecord(stored)) return { exportRoute: null, exportEnemies: {}, exportFormations: {} }
+  return {
+    exportRoute: typeof stored.route === 'string' && stored.route ? stored.route : null,
+    exportEnemies: normalizeStringMap(stored.enemies),
+    exportFormations: normalizeNumberMap(stored.formations),
+  }
+}
+
 function getFleet(state, deckId = 1) {
   const fleets = state?.info?.fleets
   if (Array.isArray(fleets)) return fleets[deckId - 1] || null
@@ -275,6 +348,21 @@ function nodeIconUrl(icon) {
   return null
 }
 
+function prophetSpotIconUrl(icon) {
+  if (icon == null) return null
+  return pathToFileURL(path.join(LOCAL_PROPHET_SPOT_ICON_ROOT, `${icon}.svg`)).toString()
+}
+
+function nodeMarker(nodeType, nodeInfo) {
+  const prophetIcon = PROPHET_NODE_ICONS[nodeType]
+  if (prophetIcon) return { source: 'prophet', url: prophetSpotIconUrl(prophetIcon) }
+  if ([0, 7, 10].includes(nodeType)) {
+    const kcnavIcon = nodeIconUrl(nodeInfo?.icon)
+    return kcnavIcon ? { source: 'kcnav', url: kcnavIcon } : null
+  }
+  return null
+}
+
 function localNodeTypesForMap(mapId, mapDefinition) {
   const nodeTypes = { ...(localKcnavNodeTypes[mapId] || {}) }
   if (mapDefinition?.start) nodeTypes[mapDefinition.start] = 0
@@ -400,8 +488,19 @@ function routeEdges(geometry) {
     .filter((edge) => edge.from && edge.to)
 }
 
-function outcomeText(outcome) {
-  return `${outcome.to} ${formatPercent(outcome.probability, outcome.estimated)}`
+function formatProbability(value, estimated = false, mode = 'percent') {
+  if (!Number.isFinite(Number(value))) return '未知'
+  const probability = Math.max(0, Math.min(1, Number(value)))
+  const suffix = estimated ? '?' : ''
+  if (mode === 'decimal') {
+    const rounded = Math.round(probability * 100) / 100
+    return `${rounded === 1 ? '1' : rounded.toFixed(2).replace(/^0/, '')}${suffix}`
+  }
+  return `${Math.round(probability * 100)}%${suffix}`
+}
+
+function outcomeText(outcome, mode = 'percent') {
+  return `${outcome.to} ${formatProbability(outcome.probability, outcome.estimated, mode)}`
 }
 
 // These predicates came from separate list items in the cached KCWiki route
@@ -515,12 +614,21 @@ function edgeProbability(evaluation, from, to) {
   }
 }
 
-function probabilityTier(value) {
-  if (!Number.isFinite(Number(value))) return ''
-  if (Number(value) === 0) return 'is-probability-zero'
-  if (Number(value) >= 0.75) return 'is-probability-high'
-  if (Number(value) >= 0.4) return 'is-probability-medium'
-  return 'is-probability-low'
+function edgeVisualStyle(value) {
+  const probability = Number(value)
+  if (!Number.isFinite(probability) || probability <= 0) {
+    return { color: '#87919a', width: 2.25, opacity: 0.3 }
+  }
+  const ratio = Math.max(0, Math.min(1, probability))
+  if (ratio >= 0.999999) return { color: '#78d99a', width: 7, opacity: 1 }
+  const start = [125, 135, 145]
+  const end = [120, 217, 154]
+  const color = `rgb(${start.map((component, index) => Math.round(component + (end[index] - component) * ratio)).join(', ')})`
+  return {
+    color,
+    width: 2.25 + ratio * 4.75,
+    opacity: 0.3 + ratio * 0.7,
+  }
 }
 
 function mapBackgroundUrl(mapId) {
@@ -546,19 +654,27 @@ function manualSourceForTarget(evaluation, target) {
 class Compass extends React.Component {
   constructor(props) {
     super(props)
+    const preferences = readCompassPreferences()
+    const storedMapId = typeof preferences.mapId === 'string' && mapCatalog.maps[preferences.mapId]
+      ? preferences.mapId : null
+    const initialMapId = storedMapId
+      || (pluginState.currentMapId && mapCatalog.maps[pluginState.currentMapId] ? pluginState.currentMapId : mapIds[0])
+    const initialDeckId = [1, 2, 3, 4].includes(Number(preferences.deckId)) ? Number(preferences.deckId) : 1
+    const preferredPhaseId = preferences.phaseByMap?.[initialMapId] ?? preferences.phaseId
+    const initialPhaseId = phaseOptionForMap(initialMapId, preferredPhaseId)?.id || null
+    const initialExportPreferences = storedExportPreferencesForView(preferences, initialMapId, initialPhaseId, initialDeckId)
     this.state = {
-      deckId: 1,
-      mapId: pluginState.currentMapId && mapCatalog.maps[pluginState.currentMapId]
-        ? pluginState.currentMapId
-        : mapIds[0],
-      phaseId: phaseOptionsForMap(mapIds[0])[0]?.id || null,
+      deckId: initialDeckId,
+      mapId: initialMapId,
+      phaseId: initialPhaseId,
       selectedNode: pluginState.currentNode || null,
       selectedEdge: null,
-      overrides: {},
+      overrides: storedOverridesForView(preferences, initialMapId, initialPhaseId, initialDeckId),
+      probabilityFormat: preferences.probabilityFormat === 'decimal' ? 'decimal' : 'percent',
+      showEstimatedAir: typeof preferences.showEstimatedAir === 'boolean' ? preferences.showEstimatedAir : true,
+      showEnemyAvatars: typeof preferences.showEnemyAvatars === 'boolean' ? preferences.showEnemyAvatars : true,
       exportOpen: false,
-      exportRoute: null,
-      exportEnemies: {},
-      exportFormations: {},
+      ...initialExportPreferences,
       exportError: null,
       exportBusy: false,
     }
@@ -582,6 +698,42 @@ class Compass extends React.Component {
     this.refresh()
   }
 
+  componentDidUpdate() {
+    this.persistPreferences()
+  }
+
+  persistPreferences() {
+    const storage = compassStorage()
+    if (!storage) return
+    try {
+      const previous = readCompassPreferences()
+      const overridesByView = isRecord(previous.overridesByView) ? { ...previous.overridesByView } : {}
+      overridesByView[viewPreferenceKey(this.state.mapId, this.state.phaseId, this.state.deckId)] = normalizeOverrides(this.state.overrides)
+      const exportByView = isRecord(previous.exportByView) ? { ...previous.exportByView } : {}
+      exportByView[viewPreferenceKey(this.state.mapId, this.state.phaseId, this.state.deckId)] = {
+        route: typeof this.state.exportRoute === 'string' ? this.state.exportRoute : null,
+        enemies: normalizeStringMap(this.state.exportEnemies),
+        formations: normalizeNumberMap(this.state.exportFormations),
+      }
+      const phaseByMap = isRecord(previous.phaseByMap) ? { ...previous.phaseByMap } : {}
+      phaseByMap[this.state.mapId] = this.state.phaseId
+      storage.setItem(PREFERENCES_STORAGE_KEY, JSON.stringify({
+        ...previous,
+        mapId: this.state.mapId,
+        phaseId: this.state.phaseId,
+        phaseByMap,
+        deckId: this.state.deckId,
+        probabilityFormat: this.state.probabilityFormat,
+        showEstimatedAir: this.state.showEstimatedAir,
+        showEnemyAvatars: this.state.showEnemyAvatars,
+        overridesByView,
+        exportByView,
+      }))
+    } catch (_) {
+      // Preferences are optional; a restricted localStorage must not break the plugin.
+    }
+  }
+
   componentWillUnmount() {
     listeners.delete(this.refresh)
     this.unsubscribeStore?.()
@@ -589,15 +741,16 @@ class Compass extends React.Component {
   }
 
   selectMap(mapId) {
+    const preferences = readCompassPreferences()
+    const phaseId = phaseOptionForMap(mapId, preferences.phaseByMap?.[mapId])?.id || null
+    const exportPreferences = storedExportPreferencesForView(preferences, mapId, phaseId, this.state.deckId)
     this.setState({
       mapId,
-      phaseId: phaseOptionsForMap(mapId)[0]?.id || null,
+      phaseId,
       selectedNode: null,
       selectedEdge: null,
-      overrides: {},
-      exportRoute: null,
-      exportEnemies: {},
-      exportFormations: {},
+      overrides: storedOverridesForView(preferences, mapId, phaseId, this.state.deckId),
+      ...exportPreferences,
       exportError: null,
     })
   }
@@ -641,7 +794,10 @@ class Compass extends React.Component {
   }
 
   selectPhase(phaseId) {
-    this.setState({ phaseId, selectedNode: null, selectedEdge: null, overrides: {}, exportRoute: null, exportEnemies: {}, exportFormations: {}, exportError: null })
+    const preferences = readCompassPreferences()
+    const overrides = storedOverridesForView(preferences, this.state.mapId, phaseId, this.state.deckId)
+    const exportPreferences = storedExportPreferencesForView(preferences, this.state.mapId, phaseId, this.state.deckId)
+    this.setState({ phaseId, selectedNode: null, selectedEdge: null, overrides, ...exportPreferences, exportError: null })
   }
 
   selectNode(node) {
@@ -649,7 +805,10 @@ class Compass extends React.Component {
   }
 
   selectFleet(deckId) {
-    this.setState({ deckId, selectedNode: null, selectedEdge: null, overrides: {}, exportRoute: null, exportEnemies: {}, exportFormations: {}, exportError: null })
+    const preferences = readCompassPreferences()
+    const overrides = storedOverridesForView(preferences, this.state.mapId, this.state.phaseId, deckId)
+    const exportPreferences = storedExportPreferencesForView(preferences, this.state.mapId, this.state.phaseId, deckId)
+    this.setState({ deckId, selectedNode: null, selectedEdge: null, overrides, ...exportPreferences, exportError: null })
   }
 
   renderLosIcons(scores) {
@@ -684,6 +843,35 @@ class Compass extends React.Component {
     this.setState({ selectedEdge: edgeId })
   }
 
+  renderNodeEnemyAvatar(ship, rootState, x, y, size) {
+    if (!ship?.id) return null
+    const name = ship.name || '敌舰'
+    return h('foreignObject', {
+      className: 'compass-node-overlay compass-node-enemy-avatar',
+      x,
+      y,
+      width: size,
+      height: size,
+      'aria-label': `最常见敌方旗舰：${name}`,
+    }, h('div', { className: 'compass-node-overlay-content' }, this.renderShipPortrait(ship.id, name, rootState, size)))
+  }
+
+  renderNodeIcon(marker, centerX, centerY, nodeType) {
+    if (!marker?.url) return null
+    const size = NODE_ICON_SIZE_BY_TYPE[nodeType] || NODE_ICON_SIZE
+    const offsetY = NODE_ICON_OFFSET_Y_BY_TYPE[nodeType] || 0
+    return h('image', {
+      className: `compass-node-icon is-${marker.source}`,
+      href: marker.url,
+      x: centerX - size / 2,
+      y: centerY + offsetY - size / 2,
+      width: size,
+      height: size,
+      preserveAspectRatio: 'xMidYMid meet',
+      'aria-hidden': 'true',
+    })
+  }
+
   renderMap(mapDefinition, geometry, evaluation, selectedNode, currentNode, passedNodes = [], mapId = null) {
     if (!mapGeometryAvailable(mapDefinition, geometry)) {
       return h('div', { className: 'compass-empty-panel' }, 'poi 地图数据不可用')
@@ -693,7 +881,8 @@ class Compass extends React.Component {
     const edges = routeEdges(geometry)
     const passedEdges = passedEdgeKeys(passedNodes)
     const nodeTypes = localNodeTypesForMap(mapId, mapDefinition)
-    const airPower = calculatePoiFleetStat(getRootState(), this.state.deckId, 1, true)
+    const rootState = getRootState()
+    const airPower = calculatePoiFleetStat(rootState, this.state.deckId, 1, true)
     const width = Math.max(1200, ...Object.values(positions).map((position) => position.x + 100))
     const height = Math.max(720, ...Object.values(positions).map((position) => position.y + 100))
     return h(
@@ -717,6 +906,7 @@ class Compass extends React.Component {
         const to = positions[edge.to]
         if (!from || !to) return null
         const probability = edgeProbability(evaluation, edge.from, edge.to)
+        const edgeVisual = edgeVisualStyle(probability.global)
         const manualOutcomes = evaluation.decisions[edge.from]?.manualOutcomes
           || evaluation.decisions[edge.from]?.baseOutcomes
           || []
@@ -727,7 +917,6 @@ class Compass extends React.Component {
           'compass-edge',
           probability.global != null ? 'is-reachable' : '',
           probability.estimated ? 'is-estimated' : '',
-          probabilityTier(probability.global),
           passedEdges.has(`${edge.from}->${edge.to}`) ? 'is-passed' : '',
           manualChoice ? 'is-manual-choice' : '',
           selected ? 'is-selected' : '',
@@ -745,6 +934,11 @@ class Compass extends React.Component {
           role: 'button',
           tabIndex: 0,
           'aria-label': `边 ID ${edge.cell}：${edge.from}→${edge.to}`,
+          style: {
+            '--compass-edge-color': edgeVisual.color,
+            '--compass-edge-width': edgeVisual.width,
+            '--compass-edge-opacity': edgeVisual.opacity,
+          },
           onClick: () => manualChoice
             ? this.setManualOverride(edge.from, edge.to, edge.cell)
             : this.selectEdge(edge.cell),
@@ -754,7 +948,7 @@ class Compass extends React.Component {
             `边 ID ${edge.cell}：${edge.from} → ${edge.to}`,
             manualChoice ? '点击选择方向' : null,
             probability.global != null && Number(probability.global) > 0
-              ? `局部 ${formatPercent(probability.local, probability.estimated)}`
+              ? `局部 ${formatProbability(probability.local, probability.estimated, this.state.probabilityFormat)}`
               : null,
           ].filter(Boolean).join(' · ')),
           h('line', {
@@ -763,13 +957,13 @@ class Compass extends React.Component {
             x2: to.x,
             y2: to.y,
           }),
-          probability.global != null && Number(probability.global) > 0
+          probability.global != null && Number(probability.global) > 0 && Math.round(Number(probability.global) * 100) > 0
             ? h('text', {
               x: (from.x + to.x) / 2,
               y: (from.y + to.y) / 2,
               dominantBaseline: 'middle',
               className: 'compass-edge-label',
-            }, formatPercent(probability.global, probability.estimated))
+            }, formatProbability(probability.global, probability.estimated, this.state.probabilityFormat))
             : null,
           selected
             ? h('text', {
@@ -787,10 +981,20 @@ class Compass extends React.Component {
           ? kcnavNodeCatalog['-1']
           : kcnavNodeCatalog[String(nodeType)] || kcnavNodeCatalog['-1']
         const visual = nodeVisualStyle(nodeInfo)
-        const airState = evaluation.probability.reach[node] > 0 && [4, 5, 7, 10, 15].includes(nodeType)
-          ? airStateRange(airPower, loadEnemies(mapId, node)) : null
+        const marker = nodeMarker(nodeType, nodeInfo)
+        const iconOnly = ICON_ONLY_NODE_TYPES.has(nodeType)
+        const enemyData = (COMBAT_NODE_TYPES.has(nodeType) || AIR_NODE_TYPES.has(nodeType) || AIR_STATUS_NODE_TYPES.has(nodeType))
+          ? loadEnemies(mapId, node) : null
+        const commonFlagship = this.state.showEnemyAvatars
+          && (COMBAT_NODE_TYPES.has(nodeType) || AIR_NODE_TYPES.has(nodeType))
+          && enemyData?.status === 'ready'
+          ? enemyData.rows?.[0]?.mainFleet?.[0] : null
+        const airState = evaluation.probability.reach[node] > 0 && AIR_STATUS_NODE_TYPES.has(nodeType)
+          ? airStateRange(airPower, enemyData) : null
+        const displayAirState = this.state.showEstimatedAir ? airState : null
         const centerX = position.x + visual.offsetX
         const centerY = position.y + visual.offsetY
+        const overlaySize = Math.min(20, Math.max(12, Math.round(Math.min(visual.rx, visual.ry))))
         const manualSource = manualSourceForTarget(evaluation, node)
         const manualTarget = manualSource && manualSource !== node
         const classNames = [
@@ -816,7 +1020,7 @@ class Compass extends React.Component {
           onKeyDown: activateNode,
         },
         h('title', null, nodeInfo?.label ? `${node} · ${nodeInfo.label}` : node),
-        h('ellipse', {
+        iconOnly ? null : h('ellipse', {
           className: 'compass-node-shape',
           cx: centerX,
           cy: centerY,
@@ -827,7 +1031,7 @@ class Compass extends React.Component {
           strokeWidth: visual.stroke,
           opacity: visual.opacity,
         }),
-        visual.simpleBorder
+        !iconOnly && visual.simpleBorder
           ? h('ellipse', {
             className: 'compass-node-simple-border',
             cx: centerX,
@@ -839,9 +1043,10 @@ class Compass extends React.Component {
             opacity: visual.opacity,
           })
           : null,
+        this.renderNodeIcon(marker, centerX, centerY, nodeType),
         h('text', {
           x: centerX,
-          y: centerY + visual.textOffsetY,
+          y: centerY + (iconOnly ? 0 : visual.textOffsetY),
           dominantBaseline: 'middle',
           className: 'compass-node-label',
           style: {
@@ -851,11 +1056,32 @@ class Compass extends React.Component {
             fontSize: visual.fontSize,
           },
         }, node),
-        airState ? h('text', { x: centerX, y: centerY + visual.ry + 21, className: 'compass-node-air-state', textAnchor: 'middle' },
+        commonFlagship ? this.renderNodeEnemyAvatar(
+          commonFlagship,
+          rootState,
+          centerX + visual.rx * 0.7 - overlaySize / 2,
+          centerY + visual.ry * 0.7 - overlaySize / 2,
+          overlaySize,
+        ) : null,
+        displayAirState ? h('text', {
+          x: centerX + visual.rx * 0.85,
+          y: centerY - visual.ry * 0.85,
+          className: 'compass-node-air-state',
+          textAnchor: 'middle',
+          dominantBaseline: 'middle',
+        },
           h('title', null, `当前舰队制空 ${airPower.min}～${airPower.max}；未计沿途损耗、陆航和支援${airState.uncertain ? '；敌编成数据不完整或不确定' : ''}`),
-          ...airState.states.flatMap((state, index) => [
+          ...displayAirState.states.flatMap((state, index) => [
             index ? h('tspan', { key: 'separator', fill: '#ffffff' }, '/') : null,
-            h('tspan', { key: state.label, fill: state.color }, state.label),
+            h('tspan', {
+              key: `${state.label}-${index}`,
+              fill: '#ffffff',
+              style: {
+                fill: '#ffffff',
+                textShadow: `1px 1px 0 ${state.shadow}`,
+                filter: `drop-shadow(1px 1px 0 ${state.shadow})`,
+              },
+            }, state.label),
           ]), airState.uncertain ? '？' : null) : null,
         )
       }),
@@ -909,7 +1135,7 @@ class Compass extends React.Component {
       route ? h('label', { className: 'compass-export-route' }, '路线',
         h('select', { value: route.key, 'aria-label': '导出路线', onChange: (event) => this.setState({ exportRoute: event.target.value, exportError: null }) },
           ...choices.routes.map((candidate) => h('option', { key: candidate.key, value: candidate.key },
-            `${candidate.nodes.join('→')}${candidate.boss ? ' · Boss' : ''} · ${candidate.probability == null ? '含能动选路' : formatPercent(candidate.probability, candidate.estimated)}`))),
+            `${candidate.nodes.join('→')}${candidate.boss ? ' · Boss' : ''} · ${candidate.probability == null ? '含能动选路' : formatProbability(candidate.probability, candidate.estimated, this.state.probabilityFormat)}`))),
       ) : null,
       choices?.blocked.length ? h('div', { className: 'compass-warnings' }, `未知分歧：${choices.blocked.join('、')}`) : null,
       battles?.length ? h('div', { className: 'compass-export-battles' },
@@ -1024,7 +1250,9 @@ class Compass extends React.Component {
           const displayedOutcomes = active && (decision?.matchedRuleIds?.length || 0) <= 1
             ? decision.outcomes
             : ruleOutcomes
-          const outcomes = displayedOutcomes.length ? displayedOutcomes.map(outcomeText).join(' / ') : '—'
+          const outcomes = displayedOutcomes.length
+            ? displayedOutcomes.map((outcome) => outcomeText(outcome, this.state.probabilityFormat)).join(' / ')
+            : '—'
           const rawLabel = predicateLabel(rule.predicate)
           const label = visibleRuleLabel(rule)
           const notes = rulePopoverNotes(rule, rawLabel, label)
@@ -1114,6 +1342,35 @@ class Compass extends React.Component {
             }, option.label)),
           )
           : null,
+        h('div', { className: 'compass-option-group', role: 'group', 'aria-label': '概率标签格式' },
+          h('span', { className: 'compass-option-label' }, '概率'),
+          ...[
+            ['percent', '%'],
+            ['decimal', '小数'],
+          ].map(([value, label]) => h('button', {
+            key: value,
+            type: 'button',
+            className: this.state.probabilityFormat === value ? 'is-active' : '',
+            'aria-pressed': this.state.probabilityFormat === value,
+            onClick: () => this.setState({ probabilityFormat: value }),
+          }, label)),
+        ),
+        h('label', { className: 'compass-option-toggle' },
+          h('input', {
+            type: 'checkbox',
+            checked: this.state.showEstimatedAir,
+            onChange: (event) => this.setState({ showEstimatedAir: event.target.checked }),
+          }),
+          h('span', null, '推测制空'),
+        ),
+        h('label', { className: 'compass-option-toggle' },
+          h('input', {
+            type: 'checkbox',
+            checked: this.state.showEnemyAvatars,
+            onChange: (event) => this.setState({ showEnemyAvatars: event.target.checked }),
+          }),
+          h('span', null, '敌舰头像'),
+        ),
         h('span', {
           className: 'compass-toolbar-fleet',
           title: `舰队 ${this.state.deckId}：${fleetSummary(context)}；${mapLosText}`,
@@ -1152,6 +1409,8 @@ exports.pluginWillUnload = stopPlugin
 exports.__test = {
   calculatePoiLos33,
   cellFromDetail,
+  edgeVisualStyle,
+  formatProbability,
   handleGameResponse,
   kcnavNodeTypesFromMap,
   localNodeTypesForMap,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poi-plugin-compass",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "通常海域舰队罗盘",
   "main": "index.js",
   "repository": {
@@ -52,7 +52,7 @@
     "icon": "fa/compass",
     "priority": 20,
     "apiVer": {
-      "11.99.99": "0.1.3"
+      "11.99.99": "0.1.4"
     }
   },
   "peerDependencies": {