poi-plugin-koushu-rate 2.0.12 → 2.0.13

package/index.js

@@ -17,8 +17,8 @@ const LEVEL_TWO_ROWS = [
   { range: "★6→7", label: "90%", p: 0.90, source: "phase1" },
   { range: "★7→8", label: "82%", p: 0.82, source: "phase1" },
   { range: "★8→9", label: "77%", p: 0.77, source: "phase1" },
-  { range: "★9→MAX", label: "67%", p: 0.67, source: "phase1" },
-  { range: "MAX→进化", label: "62%", p: 0.62, source: "upgrade" },
+  { range: "★9→max", label: "67%", p: 0.67, source: "phase1" },
+  { range: "max→进化", label: "62%", p: 0.62, source: "upgrade" },
 ];
 
 const PLAN_LEVELS_6 = [
@@ -160,10 +160,10 @@ const CSS = `
 }
 .kr2-title-row {
   display: flex;
-  align-items: center;
-  justify-content: space-between;
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: flex-start;
   gap: 12px;
-  flex-wrap: wrap;
 }
 .kr2-title {
   font-size: 18px;
@@ -202,7 +202,7 @@ const CSS = `
   display: flex;
   gap: 6px;
   flex-wrap: wrap;
-  margin-top: 0;
+  margin-top: 12px;
 }
 .kr2-day {
   padding: 5px 12px;
@@ -224,10 +224,10 @@ const CSS = `
 .kr2-nav {
   display: flex;
   gap: 6px;
-  margin-top: 12px;
-  margin-bottom: 20px;
+  margin: 0;
 }
 .kr2-nav-btn {
+  min-width: 110px;
   padding: 7px 18px;
   border: 1px solid #5f6b7c;
   border-radius: 6px;
@@ -235,6 +235,7 @@ const CSS = `
   color: #f6f7f9;
   cursor: pointer;
   font-size: 13px;
+  text-align: center;
 }
 .kr2-nav-btn:hover {
   background: #383e47;
@@ -333,6 +334,40 @@ const CSS = `
 .kr2-plan-table tbody tr:last-child td {
   border-bottom: 0;
 }
+.kr2-plan-main-table {
+  table-layout: fixed;
+  width: 100%;
+}
+.kr2-plan-main-table th,
+.kr2-plan-main-table td {
+  vertical-align: middle;
+}
+.kr2-plan-main-table th:nth-child(1),
+.kr2-plan-main-table td:nth-child(1) { width: 40px; }
+.kr2-plan-main-table th:nth-child(2),
+.kr2-plan-main-table td:nth-child(2) { width: 170px; }
+.kr2-plan-main-table th:nth-child(3),
+.kr2-plan-main-table td:nth-child(3) { width: 90px; }
+.kr2-plan-main-table th:nth-child(4),
+.kr2-plan-main-table td:nth-child(4) { width: 190px; }
+.kr2-plan-main-table th:nth-child(5),
+.kr2-plan-main-table td:nth-child(5) { width: 105px; }
+.kr2-plan-main-table th:nth-child(6),
+.kr2-plan-main-table td:nth-child(6) { width: 90px; }
+.kr2-plan-main-table th:nth-child(7),
+.kr2-plan-main-table td:nth-child(7) { width: 90px; }
+.kr2-plan-main-table td.kr2-plan-mat-col {
+  white-space: normal;
+  word-break: break-word;
+}
+.kr2-plan-target-group {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  flex-wrap: wrap;
+  width: 100%;
+}
 .kr2-plan-current {
   font-size: 12px;
 }
@@ -368,7 +403,17 @@ const CSS = `
 .kr2-plan-table .kr2-plan-name-inner {
   display: flex;
   align-items: center;
-  gap: 8px;
+  flex-wrap: wrap;
+  gap: 4px 8px;
+}
+.kr2-plan-evo-target-line {
+  color: #4fc3f7;
+  font-weight: 700;
+  white-space: normal;
+  word-break: break-word;
+}
+.kr2-plan-evo-target-name {
+  color: #4fc3f7;
 }
 .kr2-plan-table .kr2-icon {
   width: 24px;
@@ -443,6 +488,212 @@ const CSS = `
   color: #d6dce3;
   margin-bottom: 8px;
 }
+.kr2-plan-target-btn {
+  min-width: 56px;
+  height: 24px;
+  padding: 0 8px;
+  border: 1px solid #5f6b7c;
+  border-radius: 4px;
+  background: #2f343c;
+  color: #f6f7f9;
+  font-size: 12px;
+  text-align: center;
+  cursor: pointer;
+}
+.kr2-plan-target-btn.kr2-plan-target-active {
+  background: #2d72d2;
+  border-color: #2d72d2;
+  color: #fff;
+}
+.kr2-level-max-blue {
+  color: #4fc3f7;
+  font-weight: 700;
+}
+.kr2-plan-evo-wrap {
+  display: inline-block;
+  vertical-align: middle;
+}
+.kr2-plan-evo-btn {
+  min-width: 56px;
+  height: 24px;
+  padding: 0 8px;
+  border: 1px solid #5f6b7c;
+  border-radius: 4px;
+  background: #2f343c;
+  color: #f6f7f9;
+  font-size: 12px;
+  text-align: center;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.kr2-plan-evo-btn:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+.kr2-plan-evo-btn.kr2-plan-evo-active {
+  background: #2d72d2;
+  border-color: #2d72d2;
+  color: #fff;
+}
+.kr2-evo-modal {
+  width: 420px;
+  max-width: 100%;
+}
+.kr2-evo-scroll {
+  max-height: 280px;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 12px;
+}
+.kr2-evo-option {
+  padding: 8px 10px;
+  border: 1px solid #5f6b7c;
+  border-radius: 4px;
+  background: #2f343c;
+  color: #f6f7f9;
+  text-align: left;
+  font-size: 13px;
+  cursor: pointer;
+}
+.kr2-evo-option:hover {
+  background: #383e47;
+}
+.kr2-evo-option.kr2-evo-option-active {
+  background: #1d3048;
+  border-color: #4f9dcc;
+  color: #d6e4f5;
+}
+
+.kr2-strong {
+  margin-top: 12px;
+  flex: 1;
+  min-height: 60vh;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.kr2-strong-table {
+  border-collapse: separate;
+  border-spacing: 0;
+}
+.kr2-strong-cat-th {
+  position: relative;
+  cursor: pointer;
+  user-select: none;
+}
+.kr2-strong-cat-title {
+  margin-right: 4px;
+}
+.kr2-strong-cat-arrow {
+  color: #abb3bf;
+  font-size: 11px;
+}
+.kr2-strong-cat-menu {
+  position: absolute;
+  top: calc(100% + 4px);
+  left: 0;
+  z-index: 40;
+  min-width: 180px;
+  background: #252a31;
+  border: 1px solid #5f6b7c;
+  border-radius: 6px;
+  padding: 6px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.kr2-strong-cat-option {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: #f6f7f9;
+  font-size: 12px;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.kr2-strong-cat-option input {
+  margin: 0;
+}
+
+.kr2-strong-cat {
+  white-space: nowrap;
+}
+.kr2-strong-table th,
+.kr2-strong-table td {
+  text-align: center;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+.kr2-strong-table tbody tr:last-child td {
+  border-bottom: 0;
+}
+.kr2-strong-equip {
+  text-align: left !important;
+  white-space: normal;
+}
+.kr2-strong-level {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  vertical-align: middle;
+  min-width: 30px;
+  height: 20px;
+  color: #4fc3f7;
+  font-weight: 700;
+}
+.kr2-strong-target {
+  color: #ffffff;
+  font-weight: 700;
+}
+.kr2-strong-stock {
+  white-space: normal;
+}
+.kr2-strong-stock-name {
+  color: #ffffff;
+  font-weight: 700;
+}
+.kr2-strong-stock-ok {
+  color: #f6f7f9;
+}
+.kr2-strong-stock-short {
+  color: #ff6b6b;
+  font-weight: 700;
+}
+.kr2-strong-stock-missing {
+  color: #abb3bf;
+}
+.kr2-strong-stock-notfound {
+  color: #ff6b6b;
+  font-weight: 700;
+}
+.kr2-strong-stock-notfound .kr2-strong-stock-name {
+  color: #ff6b6b;
+}
+.kr2-strong-stock-clear {
+  color: #4fc3f7;
+  font-weight: 700;
+}
+.kr2-strong-clear-row {
+  background: rgba(79, 195, 247, 0.14);
+}
+.kr2-strong-owned {
+  color: #f6f7f9;
+  font-weight: 700;
+}
+.kr2-strong-owned.kr2-strong-stock-short {
+  color: #ff6b6b;
+}
+.kr2-strong-owned.kr2-strong-stock-clear {
+  color: #4fc3f7;
+}
+.kr2-strong-clear-row td {
+  color: #4fc3f7;
+}
+.kr2-strong-clear-row .kr2-strong-target,
+.kr2-strong-clear-row .kr2-strong-stock-name,
+.kr2-strong-clear-row .kr2-strong-owned {
+  color: #4fc3f7;
+}
 .kr2-search {
   width: 240px;
   padding: 6px 10px;
@@ -509,20 +760,24 @@ const CSS = `
   overflow-y: scroll;
 }
 .kr2-plan::-webkit-scrollbar,
+.kr2-strong::-webkit-scrollbar,
 .kr2-list::-webkit-scrollbar {
   width: 10px;
   height: 10px;
 }
 .kr2-plan::-webkit-scrollbar-track,
+.kr2-strong::-webkit-scrollbar-track,
 .kr2-list::-webkit-scrollbar-track {
   background: #1c2127;
 }
 .kr2-plan::-webkit-scrollbar-thumb,
+.kr2-strong::-webkit-scrollbar-thumb,
 .kr2-list::-webkit-scrollbar-thumb {
   background: #5f6b7c;
   border-radius: 5px;
 }
 .kr2-plan::-webkit-scrollbar-thumb:hover,
+.kr2-strong::-webkit-scrollbar-thumb:hover,
 .kr2-list::-webkit-scrollbar-thumb:hover {
   background: #8b95a1;
 }
@@ -1944,6 +2199,8 @@ function buildRows(staticData, masterEquips, fallbackNames, akashi, recommendati
     upgradesByEquip[key].push(
       Object.assign({}, r, {
         targetName: String(targetMaster.api_name || targetFallback.name || ("装备 " + r.upgrade_id)),
+        targetCategory: String(targetMaster.api_type_name || targetFallback.type || ""),
+        targetBase: baseById[targetId] || null,
         secretaries: secretaries.slice(),
       })
     )
@@ -2168,7 +2425,7 @@ function planInventoryLevels(row, inventoryByEquip) {
   return out
 }
 
-function planCopyCosts(row, target, current) {
+function planCopyCosts(row, target, current, upgradeId) {
   const levels = target === "max" ? PLAN_LEVELS_MAX : PLAN_LEVELS_6
   const out = { screws: 0, dev: 0, fuel: 0, ammo: 0, steel: 0, bauxite: 0, materials: [] }
   for (const lv of levels) {
@@ -2192,10 +2449,31 @@ function planCopyCosts(row, target, current) {
       out.materials.push({ item: m, count: m.count || 1 })
     }
   }
+  if (upgradeId != null && target === "max") {
+    const upg = (row.upgrades || []).find((u) => String(u.upgrade_id) === String(upgradeId))
+    if (upg) {
+      const rec = buildRecommendation(upg.consume_improvement_min, upg.consume_improvement_max, 0.62)
+      const ensure = rec.tone === "ensure"
+      const expected = Number.isFinite(rec.expected) ? rec.expected : upg.consume_improvement_min / 0.62
+      const screws = ensure ? upg.consume_improvement_max : expected
+      const attempts = ensure ? 1 : expected
+      const dev = ensure ? upg.consume_development_max : upg.consume_development_min * attempts
+      out.screws += screws
+      out.dev += dev
+      const base = upg.targetBase || row.base || {}
+      out.fuel += (base.consume_fuel || 0) * attempts
+      out.ammo += (base.consume_ammo || 0) * attempts
+      out.steel += (base.consume_steel || 0) * attempts
+      out.bauxite += (base.consume_bauxite || 0) * attempts
+      for (const m of upg.materials || []) {
+        out.materials.push({ item: m, count: m.count || 1 })
+      }
+    }
+  }
   return out
 }
 
-function planRowCosts(row, target, qty, inventoryByEquip) {
+function planRowCosts(row, target, qty, inventoryByEquip, upgradeId) {
   const count = Math.max(1, Math.min(99, Math.round(Number(qty) || 1)))
   let starts = []
   if (count === 1) {
@@ -2206,7 +2484,7 @@ function planRowCosts(row, target, qty, inventoryByEquip) {
   }
   const out = { screws: 0, dev: 0, fuel: 0, ammo: 0, steel: 0, bauxite: 0, materials: [] }
   for (const current of starts) {
-    const c = planCopyCosts(row, target, current)
+    const c = planCopyCosts(row, target, current, upgradeId)
     out.screws += c.screws
     out.dev += c.dev
     out.fuel += c.fuel
@@ -2282,11 +2560,80 @@ function planMaterialDevExpected(costs, kcDevData) {
   return total
 }
 
-function PlanningPage({ rows, inventoryByEquip, useItemCounts, selection, onToggle, onTarget, onQty, onSelectAll, onMaterialClick, kcDevData, includeDevExpected, onToggleIncludeDevExpected }) {
+class EvolutionButton extends React.Component {
+  state = { open: false, selected: null }
+
+  open = () => {
+    const branches = this.props.branches || []
+    if (branches.length <= 1) {
+      const id = branches[0] ? String(branches[0].upgrade_id) : null
+      if (id == null || !this.props.onSelect) return
+      this.props.onSelect(this.props.rowId, this.props.value === id ? null : id)
+      return
+    }
+    this.setState({ open: true, selected: this.props.value || null })
+  }
+
+  close = () => {
+    if (this.props.onSelect) this.props.onSelect(this.props.rowId, this.state.selected)
+    this.setState({ open: false })
+  }
+
+  render() {
+    const branches = this.props.branches || []
+    if (branches.length === 0) {
+      return React.createElement("button", { type: "button", className: "kr2-plan-evo-btn", disabled: true }, "无进化")
+    }
+    const active = !!this.props.value
+    const selected = branches.find((b) => String(b.upgrade_id) === String(this.props.value))
+    const label = "进化"
+    return React.createElement(
+      "div",
+      { className: "kr2-plan-evo-wrap" },
+      React.createElement("button", { type: "button", className: "kr2-plan-evo-btn" + (active ? " kr2-plan-evo-active" : ""), onClick: this.open }, label),
+      this.state.open
+        ? React.createElement(
+            "div",
+            { className: "kr2-modal-backdrop", onClick: this.close },
+            React.createElement(
+              "div",
+              { className: "kr2-modal kr2-evo-modal", onClick: (e) => e.stopPropagation() },
+              React.createElement(
+                "div",
+                { className: "kr2-modal-head" },
+                React.createElement("div", { className: "kr2-modal-title" }, "选择进化分支"),
+                React.createElement(
+                  "div",
+                  { className: "kr2-modal-actions" },
+                  React.createElement("button", { className: "kr2-button", onClick: this.close }, "关闭")
+                )
+              ),
+              React.createElement(
+                "div",
+                { className: "kr2-evo-scroll" },
+                branches.map((b) =>
+                  React.createElement(
+                    "button",
+                    { key: String(b.upgrade_id), type: "button", className: "kr2-evo-option" + (this.state.selected === String(b.upgrade_id) ? " kr2-evo-option-active" : ""), onClick: () => this.setState({ selected: String(b.upgrade_id) }) },
+                    b.targetName
+                  )
+                )
+              )
+            )
+          )
+        : null
+    )
+  }
+}
+
+function PlanningPage({ rows, inventoryByEquip, useItemCounts, selection, onToggle, onTarget, onQty, onSelectAll, onMaterialClick, kcDevData, includeDevExpected, onToggleIncludeDevExpected, onEvo }) {
   const planRows = rows.map((row) => {
     const sel = (selection || {})[row.id] || { selected: true, target: "max", qty: 1 }
-    const costs = planRowCosts(row, sel.target, sel.qty, inventoryByEquip)
-    return { row, sel, costs, matDev: planMaterialDevExpected(costs, kcDevData), display: planCurrentDisplay(row, sel, inventoryByEquip) }
+    const evoUpgradeId = sel.evoUpgradeId || null
+    const evoBranch = evoUpgradeId ? (row.upgrades || []).find((u) => String(u.upgrade_id) === String(evoUpgradeId)) : null
+    const target = evoUpgradeId ? "max" : sel.target
+    const costs = planRowCosts(row, target, sel.qty, inventoryByEquip, evoUpgradeId)
+    return { row, sel, costs, matDev: planMaterialDevExpected(costs, kcDevData), display: planCurrentDisplay(row, sel, inventoryByEquip), target, evoUpgradeId, evoBranch }
   })
   const selected = planRows.filter((p) => p.sel.selected)
   const totals = { screws: 0, dev: 0, fuel: 0, ammo: 0, steel: 0, bauxite: 0 }
@@ -2351,7 +2698,7 @@ function PlanningPage({ rows, inventoryByEquip, useItemCounts, selection, onTogg
     ),
     React.createElement(
       "table",
-      { className: "kr2-table kr2-plan-table" },
+      { className: "kr2-table kr2-plan-table kr2-plan-main-table" },
       React.createElement(
         "thead",
         null,
@@ -2377,22 +2724,17 @@ function PlanningPage({ rows, inventoryByEquip, useItemCounts, selection, onTogg
             "tr",
             { key: p.row.id },
             React.createElement("td", null, React.createElement("input", { type: "checkbox", checked: !!p.sel.selected, onChange: () => onToggle(p.row.id) })),
-            React.createElement("td", { className: "kr2-plan-name" }, React.createElement("span", { className: "kr2-plan-name-inner" }, React.createElement(SlotitemIcon, { slotitemId: p.row.icon, className: "kr2-icon" }), " ", p.row.name)),
+            React.createElement("td", { className: "kr2-plan-name" }, React.createElement("span", { className: "kr2-plan-name-inner" }, React.createElement(SlotitemIcon, { slotitemId: p.row.icon, className: "kr2-icon" }), " ", p.row.name, p.evoBranch ? React.createElement("span", { className: "kr2-plan-evo-target-line" }, "→ ", React.createElement("span", { className: "kr2-plan-evo-target-name" }, p.evoBranch.targetName)) : null)),
             React.createElement("td", { className: Math.round(Number(p.sel.qty || 1)) === 1 ? "kr2-plan-current" : "kr2-plan-current-stock" }, p.display),
             React.createElement(
               "td",
               null,
               React.createElement(
-                "label",
-                { style: { marginRight: 8 } },
-                React.createElement("input", { type: "radio", name: "plan-" + p.row.id, checked: p.sel.target !== "max", onChange: () => onTarget(p.row.id, "6") }),
-                "+6"
-              ),
-              React.createElement(
-                "label",
-                null,
-                React.createElement("input", { type: "radio", name: "plan-" + p.row.id, checked: p.sel.target === "max", onChange: () => onTarget(p.row.id, "max") }),
-                "MAX"
+                "div",
+                { className: "kr2-plan-target-group" },
+                React.createElement("button", { type: "button", className: "kr2-plan-target-btn" + (!p.evoUpgradeId && p.target !== "max" ? " kr2-plan-target-active" : ""), onClick: () => onTarget(p.row.id, "6") }, "+6"),
+              React.createElement("button", { type: "button", className: "kr2-plan-target-btn" + (!p.evoUpgradeId && p.target === "max" ? " kr2-plan-target-active" : ""), onClick: () => onTarget(p.row.id, "max") }, "max"),
+                React.createElement(EvolutionButton, { rowId: p.row.id, branches: p.row.upgrades || [], value: p.evoUpgradeId, onSelect: onEvo })
               )
             ),
             React.createElement(
@@ -2447,6 +2789,161 @@ function PlanningPage({ rows, inventoryByEquip, useItemCounts, selection, onTogg
   )
 }
 
+class StrongPage extends React.Component {
+  catRef = React.createRef()
+  state = {
+    categoryOpen: false,
+    selectedCategories: readStrongCategories(),
+    catPos: null,
+  }
+
+  toggleCategoryOpen = () => {
+    if (this.state.categoryOpen) {
+      this.setState({ categoryOpen: false, catPos: null })
+      return
+    }
+    const el = this.catRef.current
+    if (!el) return
+    const rect = el.getBoundingClientRect()
+    this.setState({
+      categoryOpen: true,
+      catPos: { top: rect.bottom + 4, left: rect.left, width: rect.width },
+    })
+  }
+
+  toggleCategory = (name) => {
+    const all = Array.from(new Set((this.props.rows || []).map((row) => row.category).filter(Boolean)))
+    this.setState((prev) => {
+      let next
+      if (prev.selectedCategories == null) {
+        next = all.filter((c) => c !== name)
+      } else if (prev.selectedCategories.indexOf(name) >= 0) {
+        next = prev.selectedCategories.filter((c) => c !== name)
+      } else {
+        next = prev.selectedCategories.concat([name])
+      }
+      if (next.length === all.length) next = null
+      saveStrongCategories(next)
+      return { selectedCategories: next }
+    })
+  }
+
+  render() {
+    const { rows, inventoryByEquip, selection } = this.props
+    const inventoryLoaded = inventoryByEquip && Object.keys(inventoryByEquip).length > 0
+    const entries = []
+    const levelText = (level) => {
+      const n = Number(level)
+      if (n >= 10) return "max"
+      return "+" + String(n)
+    }
+    for (const row of rows || []) {
+      const sel = (selection || {})[row.id] || { selected: true, target: "max", qty: 1 }
+      const qty = Math.max(1, Math.min(99, Math.round(Number(sel.qty) || 1)))
+      const evoUpgradeId = sel.evoUpgradeId || null
+      const evoUpgrade = evoUpgradeId ? (row.upgrades || []).find((u) => String(u.upgrade_id) === String(evoUpgradeId)) : null
+      const displayRow = evoUpgrade
+        ? Object.assign({}, row, { id: row.id + ":evo:" + evoUpgrade.upgrade_id, name: evoUpgrade.targetName, category: evoUpgrade.targetCategory || row.category })
+        : row
+      const invId = evoUpgrade ? String(evoUpgrade.upgrade_id) : row.id
+      const targetLevelValue = evoUpgrade ? 0 : (sel.target === "max" ? 10 : 6)
+      const targetLevel = levelText(targetLevelValue)
+      const inv = (inventoryByEquip || {})[invId]
+      const levels = []
+      if (inv && inv.levels) {
+        for (const level of Object.keys(inv.levels)) {
+          const count = Math.max(0, Math.round(Number(inv.levels[level]) || 0))
+          if (count > 0) levels.push({ level: Number(level), count })
+        }
+        levels.sort((a, b) => b.level - a.level)
+      }
+      const rowEntries = []
+      if (levels.length === 0) {
+        rowEntries.push({ key: displayRow.id + ":none", row: displayRow, targetLevel, targetLevelValue, inventoryLevel: null, stock: inventoryLoaded ? 0 : null, notFound: true })
+      } else {
+        for (const lv of levels) rowEntries.push({ key: displayRow.id + ":" + String(lv.level), row: displayRow, targetLevel, targetLevelValue, inventoryLevel: lv.level, stock: lv.count })
+      }
+      const base = Math.floor(qty / rowEntries.length)
+      let remainder = qty % rowEntries.length
+      for (const item of rowEntries) {
+        item.qty = base + (remainder > 0 ? 1 : 0)
+        if (remainder > 0) remainder -= 1
+      }
+      for (const item of rowEntries) {
+        if (item.qty > 0) entries.push(item)
+      }
+    }
+    for (const item of entries) {
+      item.clear = item.qty > 0 && item.stock != null && item.inventoryLevel === item.targetLevelValue && item.stock >= item.qty
+      item.levelShort = item.inventoryLevel != null && item.inventoryLevel < item.targetLevelValue
+      item.countShort = item.stock != null && item.qty > 0 && item.stock < item.qty
+      item.countEnough = item.stock != null && item.stock >= item.qty
+    }
+    entries.sort((a, b) => (b.clear ? 1 : 0) - (a.clear ? 1 : 0))
+    const categories = Array.from(new Set(entries.map((item) => item.row.category).filter(Boolean))).sort((a, b) => a.localeCompare(b, "zh-Hans-CN"))
+    const selectedCategories = this.state.selectedCategories
+    const visibleEntries = selectedCategories == null ? entries : entries.filter((item) => selectedCategories.indexOf(item.row.category) >= 0)
+    const stockText = (item) => {
+      const nameNode = React.createElement("span", { className: "kr2-strong-stock-name" }, item.row.name)
+      if (item.notFound || item.stock == null) return nameNode
+      const levelPart = levelText(item.inventoryLevel)
+      return React.createElement("span", null, nameNode, " ", levelPart)
+    }
+    const stockClass = (item) => item.notFound || item.stock == null ? "kr2-strong-stock-notfound" : item.clear ? "kr2-strong-stock-clear" : item.levelShort ? "kr2-strong-stock-short" : "kr2-strong-stock-ok"
+    const ownedClass = (item) => item.stock == null ? "kr2-strong-stock-missing" : item.clear || item.countEnough ? "kr2-strong-stock-clear" : item.countShort ? "kr2-strong-stock-short" : "kr2-strong-stock-ok"
+    const catStyle = this.state.catPos ? { position: "fixed", top: this.state.catPos.top, left: this.state.catPos.left, minWidth: Math.max(180, this.state.catPos.width) } : null
+    const categoryHead = React.createElement(
+      "th",
+      { className: "kr2-strong-cat-th", ref: this.catRef, onClick: this.toggleCategoryOpen },
+      React.createElement("span", { className: "kr2-strong-cat-title" }, "装备分类"),
+      React.createElement("span", { className: "kr2-strong-cat-arrow" }, this.state.categoryOpen ? "▲" : "▼"),
+      this.state.categoryOpen
+        ? React.createElement(
+            "div",
+            { className: "kr2-strong-cat-menu", style: catStyle, onClick: (e) => e.stopPropagation() },
+            categories.map((cat) =>
+              React.createElement(
+                "label",
+                { key: cat, className: "kr2-strong-cat-option" },
+                React.createElement("input", { type: "checkbox", checked: selectedCategories == null || selectedCategories.indexOf(cat) >= 0, onChange: () => this.toggleCategory(cat) }),
+                cat
+              )
+            )
+          )
+        : null
+    )
+    return React.createElement(
+      "div",
+      { className: "kr2-strong" },
+      React.createElement(
+        "table",
+        { className: "kr2-table kr2-plan-table kr2-strong-table" },
+        React.createElement(
+          "thead",
+          null,
+          React.createElement("tr", null, categoryHead, React.createElement("th", null, "目标装备"), React.createElement("th", null, "目标数"), React.createElement("th", null, "库存"), React.createElement("th", null, "完成数"))
+        ),
+        React.createElement(
+          "tbody",
+          null,
+          visibleEntries.length === 0
+            ? React.createElement("tr", null, React.createElement("td", { colSpan: 5 }, "无匹配分类"))
+            : visibleEntries.map((item) =>
+                React.createElement(
+                  "tr",
+                  { key: item.key, className: item.clear ? "kr2-strong-clear-row" : null },
+                  React.createElement("td", { className: "kr2-strong-cat" }, item.row.category || "-"),
+                  React.createElement("td", { className: "kr2-strong-equip" }, item.row.name, " ", React.createElement("span", { className: "kr2-strong-level" }, item.targetLevel)),
+                  React.createElement("td", { className: "kr2-strong-target" }, String(item.qty)),
+                  React.createElement("td", { className: "kr2-strong-stock " + stockClass(item) }, stockText(item)),
+                  React.createElement("td", { className: "kr2-strong-owned " + ownedClass(item) }, item.stock == null ? "--" : item.clear ? "clear!" : String(item.stock))
+                )
+              )
+        )
+      )
+    )
+  }
+}
 function RateCell({ range, open, onToggle, tone }) {
   return React.createElement(
     "span",
@@ -2536,12 +3033,15 @@ class LevelTwoTable extends React.Component {
     const phase1 = this.props.phase1
     const upgrades = this.props.upgrades || null
     const rows = []
-    const pushRateRow = (step, range, label, key, p, subText, evolTarget) => {
+    const pushRateRow = (step, range, label, key, p, subText, evolTarget, maxBlue) => {
       const normal = step ? step.consume_improvement_min : null
       const certain = step ? step.consume_improvement_max : null
       const rec = buildRecommendation(normal, certain, p)
       const materials = step ? step.materials || [] : []
       const hasMaterials = materials.some((item) => item && (item.item_name || item.item_material_key || item.item_equipment_id != null))
+      const rangeNode = maxBlue
+        ? React.createElement("span", null, "★9→", React.createElement("span", { className: "kr2-level-max-blue" }, "max"))
+        : range
       rows.push(
         React.createElement(
           "tr",
@@ -2561,7 +3061,7 @@ class LevelTwoTable extends React.Component {
                   ),
                   React.createElement("div", { className: "kr2-evol-secretaries" }, subText)
                 )
-              : range
+              : rangeNode
           ),
           React.createElement("td", null, label),
           React.createElement("td", null, normal == null ? "--" : String(normal)),
@@ -2597,7 +3097,7 @@ class LevelTwoTable extends React.Component {
         return
       }
       const step = rate.source === "phase0" ? phase0 : phase1
-      pushRateRow(step, rate.range, rate.label, rate.range, rate.p)
+      pushRateRow(step, rate.range, rate.label, rate.range, rate.p, "", "", rate.range === "★9→max" && !upgrades)
     })
 
     return React.createElement(
@@ -2713,7 +3213,7 @@ function EquipmentRow({ row, expanded, onToggle, onMaterialClick, inventoryByEqu
             { className: "kr2-level" },
             React.createElement(
               LevelSection,
-              { title: "6→MAX", defaultOpen: true, resourceText: "成功率 95 / 90 / 82 / 77 / 67 / 62 %" },
+              { title: "6→max", defaultOpen: true, resourceText: "成功率 95 / 90 / 82 / 77 / 67 / 62 %" },
               React.createElement(LevelTwoTable, { phase0: row.phase0, phase1: row.phase1, upgrades: row.upgrades, onMaterialClick, inventoryByEquip, useItemCounts, onInventoryClick })
             )
           )
@@ -2805,6 +3305,100 @@ function saveFavorites(favorites) {
   saveFavoritesToLocalStorage(favorites)
 }
 
+const UI_STATE_STORAGE_KEY = "poi-plugin-koushu-rate:ui-state";
+const FAVORITES_ONLY_STORAGE_KEY = "poi-plugin-koushu-rate:favorites-only";
+const UI_STATE_FILE_NAME = "ui-state.json";
+
+function getUiStateFilePath() {
+  try {
+    let remote = null
+    try {
+      remote = require("@electron/remote")
+    } catch (_) {}
+    if (!remote) {
+      try {
+        remote = require("electron").remote
+      } catch (_) {}
+    }
+    const app = remote && (remote.app || (remote.default && remote.default.app))
+    if (app && typeof app.getPath === "function") {
+      return path.join(String(app.getPath("userData")), "poi-plugin-koushu-rate", UI_STATE_FILE_NAME)
+    }
+  } catch (_) {}
+  return null
+}
+
+function readUiStateFromLocalStorage() {
+  const out = {}
+  try {
+    const storage = typeof localStorage !== "undefined" ? localStorage : (typeof window !== "undefined" ? window.localStorage : null)
+    if (!storage) return out
+    const raw = storage.getItem(UI_STATE_STORAGE_KEY)
+    if (raw) {
+      const parsed = JSON.parse(raw)
+      if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) Object.assign(out, parsed)
+    }
+    const legacy = storage.getItem(FAVORITES_ONLY_STORAGE_KEY)
+    if (legacy != null && out.favoritesOnly == null) out.favoritesOnly = legacy === "1"
+  } catch (_) {}
+  return out
+}
+
+function writeUiStateToLocalStorage(state) {
+  try {
+    const storage = typeof localStorage !== "undefined" ? localStorage : (typeof window !== "undefined" ? window.localStorage : null)
+    if (storage) storage.setItem(UI_STATE_STORAGE_KEY, JSON.stringify(state || {}))
+  } catch (_) {}
+}
+
+function readUiState() {
+  const file = getUiStateFilePath()
+  let fileState = {}
+  if (file) {
+    try {
+      if (fs.existsSync(file)) {
+        const parsed = JSON.parse(fs.readFileSync(file, "utf8"))
+        if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) fileState = parsed
+      }
+    } catch (_) {}
+  }
+  return Object.assign({}, fileState, readUiStateFromLocalStorage())
+}
+
+function saveUiState(patch) {
+  const next = Object.assign({}, readUiState(), patch || {})
+  for (const key of ["query", "day", "category", "activeTab"]) delete next[key]
+  const file = getUiStateFilePath()
+  if (file) {
+    try {
+      fs.mkdirSync(path.dirname(file), { recursive: true })
+      fs.writeFileSync(file, JSON.stringify(next, null, 2), "utf8")
+    } catch (_) {}
+  }
+  writeUiStateToLocalStorage(next)
+  try {
+    const storage = typeof localStorage !== "undefined" ? localStorage : (typeof window !== "undefined" ? window.localStorage : null)
+    if (storage) storage.setItem(FAVORITES_ONLY_STORAGE_KEY, next.favoritesOnly ? "1" : "0")
+  } catch (_) {}
+  return next
+}
+
+function readFavoritesOnly() {
+  return !!readUiState().favoritesOnly
+}
+
+function saveFavoritesOnly(value) {
+  saveUiState({ favoritesOnly: !!value })
+}
+
+function readStrongCategories() {
+  const value = readUiState().strongCategories
+  return Array.isArray(value) ? value : null
+}
+
+function saveStrongCategories(value) {
+  saveUiState({ strongCategories: Array.isArray(value) ? value : null })
+}
 const PLAN_SELECTION_STORAGE_KEY = "poi-plugin-koushu-rate:plan-selection";
 
 function readPlanSelection() {
@@ -2866,8 +3460,8 @@ class KoushuRateApp extends React.Component {
     useItemCounts: {},
     kcDevData: null,
     favorites: readFavorites(),
-    favoritesOnly: false,
-    starSort: null,
+    favoritesOnly: readFavoritesOnly(),
+    starSort: readUiState().starSort || null,
     activeTab: "list",
     planSelection: readPlanSelection(),
     includeDevExpected: readPlanIncludeDev(),
@@ -2957,13 +3551,19 @@ class KoushuRateApp extends React.Component {
   }
 
   toggleFavoritesOnly = () => {
-    this.setState((prev) => ({ favoritesOnly: !prev.favoritesOnly }))
+    this.setState((prev) => {
+      const favoritesOnly = !prev.favoritesOnly
+      saveFavoritesOnly(favoritesOnly)
+      return { favoritesOnly }
+    })
   }
 
   toggleStarSort = () => {
-    this.setState((prev) => ({
-      starSort: prev.starSort === "desc" ? "asc" : prev.starSort === "asc" ? null : "desc",
-    }))
+    this.setState((prev) => {
+      const starSort = prev.starSort === "desc" ? "asc" : prev.starSort === "asc" ? null : "desc"
+      saveUiState({ starSort })
+      return { starSort }
+    })
   }
 
   toggleCategory = () => {
@@ -3053,7 +3653,18 @@ class KoushuRateApp extends React.Component {
   setPlanTarget = (id, target) => {
     this.setState((prev) => {
       const cur = prev.planSelection[id] || this.planDefaultSel(id)
-      const planSelection = Object.assign({}, prev.planSelection, { [id]: Object.assign({}, cur, { target }) })
+      const next = Object.assign({}, cur, { target, evoUpgradeId: null })
+      const planSelection = Object.assign({}, prev.planSelection, { [id]: next })
+      savePlanSelection(planSelection)
+      return { planSelection }
+    })
+  }
+
+  setPlanEvo = (id, upgradeId) => {
+    this.setState((prev) => {
+      const cur = prev.planSelection[id] || this.planDefaultSel(id)
+      const next = Object.assign({}, cur, { target: "max", evoUpgradeId: upgradeId == null ? null : String(upgradeId) })
+      const planSelection = Object.assign({}, prev.planSelection, { [id]: next })
       savePlanSelection(planSelection)
       return { planSelection }
     })
@@ -3161,6 +3772,7 @@ class KoushuRateApp extends React.Component {
       React.createElement(
         "div",
         { className: "kr2-header" },
+
         React.createElement(
           "div",
           { className: "kr2-title-row" },
@@ -3204,7 +3816,14 @@ class KoushuRateApp extends React.Component {
           ),
           React.createElement(
             "div",
-            { className: "kr2-toolbar", style: this.state.activeTab === "plan" ? { display: "none" } : null },
+            { className: "kr2-nav" },
+            React.createElement("button", { className: "kr2-nav-btn" + (this.state.activeTab === "list" ? " kr2-nav-active" : ""), onClick: () => this.setActiveTab("list") }, "改修列表"),
+            React.createElement("button", { className: "kr2-nav-btn" + (this.state.activeTab === "plan" ? " kr2-nav-active" : ""), onClick: () => this.setActiveTab("plan") }, "素材计算"),
+            React.createElement("button", { className: "kr2-nav-btn" + (this.state.activeTab === "strong" ? " kr2-nav-active" : ""), onClick: () => this.setActiveTab("strong") }, "我变强了！")
+          ),
+          React.createElement(
+            "div",
+            { className: "kr2-toolbar", style: this.state.activeTab === "plan" || this.state.activeTab === "strong" ? { display: "none" } : null },
             React.createElement("input", {
               className: "kr2-search",
               value: this.state.query,
@@ -3246,15 +3865,10 @@ class KoushuRateApp extends React.Component {
               : null
           )
         ),
+
         React.createElement(
           "div",
-          { className: "kr2-nav" },
-          React.createElement("button", { className: "kr2-nav-btn" + (this.state.activeTab === "list" ? " kr2-nav-active" : ""), onClick: () => this.setActiveTab("list") }, "改修列表"),
-          React.createElement("button", { className: "kr2-nav-btn" + (this.state.activeTab === "plan" ? " kr2-nav-active" : ""), onClick: () => this.setActiveTab("plan") }, "素材计算")
-        ),
-        React.createElement(
-          "div",
-          { className: "kr2-days", style: this.state.activeTab === "plan" ? { display: "none" } : null },
+          { className: "kr2-days", style: this.state.activeTab === "plan" || this.state.activeTab === "strong" ? { display: "none" } : null },
           React.createElement(
             "button",
             { className: "kr2-day" + (day === ALL_DAYS_KEY ? " kr2-day-active" : ""), onClick: () => this.setState({ day: ALL_DAYS_KEY }) },
@@ -3279,7 +3893,7 @@ class KoushuRateApp extends React.Component {
         : null,
       React.createElement(
         "div",
-        { className: "kr2-list-head", style: this.state.activeTab === "plan" ? { display: "none" } : null },
+        { className: "kr2-list-head", style: this.state.activeTab === "plan" || this.state.activeTab === "strong" ? { display: "none" } : null },
         React.createElement("span", { className: "kr2-head-name" }, "装备"),
         React.createElement("span", { className: "kr2-head-secretary" }, "秘书舰"),
         React.createElement("span", { className: "kr2-head-meta" }, "可改修日期"),
@@ -3296,7 +3910,7 @@ class KoushuRateApp extends React.Component {
       ),
       React.createElement(
         "div",
-        { className: "kr2-list", style: this.state.activeTab === "plan" ? { display: "none" } : null },
+        { className: "kr2-list", style: this.state.activeTab === "plan" || this.state.activeTab === "strong" ? { display: "none" } : null },
         rows.length === 0
           ? React.createElement("div", { className: "kr2-empty" }, favoritesOnly ? "还没有收藏装备" : "没有匹配的装备")
           : rows.map((row) =>
@@ -3323,6 +3937,7 @@ class KoushuRateApp extends React.Component {
             selection: this.state.planSelection || {},
             onToggle: this.togglePlanRow,
             onTarget: this.setPlanTarget,
+            onEvo: this.setPlanEvo,
             onQty: this.setPlanQty,
             onSelectAll: this.selectAllPlan,
             onMaterialClick: this.openKcDevPopup,
@@ -3331,6 +3946,13 @@ class KoushuRateApp extends React.Component {
             onToggleIncludeDevExpected: this.toggleIncludeDevExpected,
           })
         : null,
+      this.state.activeTab === "strong"
+        ? React.createElement(StrongPage, {
+            rows: this.state.rows.filter((row) => !!this.state.favorites[row.id]),
+            inventoryByEquip,
+            selection: this.state.planSelection || {},
+          })
+        : null,
       kcDevPopup
         ? React.createElement(
             "div",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poi-plugin-koushu-rate",
-  "version": "2.0.12",
+  "version": "2.0.13",
   "description": "全装备改修资材计算与推荐",
   "main": "index.js",
   "files": [