@rpg-engine/long-bow 0.8.197 → 0.8.198

package/dist/long-bow.esm.js

@@ -15,7 +15,7 @@ import { camelCase, debounce } from 'lodash-es';
 import { observer } from 'mobx-react-lite';
 import { AiFillFilter, AiOutlineFilter, AiFillCaretRight } from 'react-icons/ai';
 import { HexColorPicker } from 'react-colorful';
-import { Clock } from 'pixelarticons/react/Clock';
+import { DateTime } from 'pixelarticons/react/DateTime';
 import { Settings2 } from 'pixelarticons/react/Settings2';
 import { ShoppingBag } from 'pixelarticons/react/ShoppingBag';
 import { ShoppingCart } from 'pixelarticons/react/ShoppingCart';
@@ -27,10 +27,9 @@ import { Search } from 'pixelarticons/react/Search';
 import { Delete } from 'pixelarticons/react/Delete';
 import 'rpgui/rpgui.css';
 import 'rpgui/rpgui.min.js';
-import { Coins } from 'pixelarticons/react/Coins';
-import { Box } from 'pixelarticons/react/Box';
 import { Crown } from 'pixelarticons/react/Crown';
 import { Gift } from 'pixelarticons/react/Gift';
+import { Package } from 'pixelarticons/react/Package';
 import capitalize from 'lodash-es/capitalize';
 
 function _arrayLikeToArray(r, a) {
@@ -631,7 +630,9 @@ var ButtonContainer = /*#__PURE__*/styled.button.withConfig({
 })(["height:45px;font-size:", ";"], uiFonts.size.small);
 
 var NO_IMAGE_SPRITE_KEY = 'others/no-image.png';
+var atlasSpriteAliases = /*#__PURE__*/new Map([['mysticstaff', 'staffs/mystic-lightning-staff.png'], ['silverarrow', 'ranged-weapons/silvermoon-arrow.png']]);
 var atlasBaseNameLookupCache = /*#__PURE__*/new WeakMap();
+var atlasNormalizedNameLookupCache = /*#__PURE__*/new WeakMap();
 var getBaseName = function getBaseName(spriteKey) {
   var normalizedKey = spriteKey.trim();
   if (!normalizedKey) {
@@ -643,6 +644,13 @@ var getBaseName = function getBaseName(spriteKey) {
   }
   return fileName.replace(/\.png$/, '');
 };
+var normalizeBaseName = function normalizeBaseName(spriteKey) {
+  var baseName = getBaseName(spriteKey);
+  if (!baseName) {
+    return null;
+  }
+  return baseName.replace(/([a-z0-9])([A-Z])/g, '$1-$2').replace(/[^a-zA-Z0-9]+/g, '').toLowerCase();
+};
 var getAtlasBaseNameLookup = function getAtlasBaseNameLookup(atlasJSON) {
   var _atlasJSON$frames;
   if (!atlasJSON || typeof atlasJSON !== 'object') {
@@ -663,8 +671,28 @@ var getAtlasBaseNameLookup = function getAtlasBaseNameLookup(atlasJSON) {
   atlasBaseNameLookupCache.set(atlasJSON, lookup);
   return lookup;
 };
+var getAtlasNormalizedNameLookup = function getAtlasNormalizedNameLookup(atlasJSON) {
+  var _atlasJSON$frames2;
+  if (!atlasJSON || typeof atlasJSON !== 'object') {
+    return new Map();
+  }
+  var cachedLookup = atlasNormalizedNameLookupCache.get(atlasJSON);
+  if (cachedLookup) {
+    return cachedLookup;
+  }
+  var frames = (_atlasJSON$frames2 = atlasJSON == null ? void 0 : atlasJSON.frames) != null ? _atlasJSON$frames2 : {};
+  var lookup = new Map();
+  Object.keys(frames).forEach(function (frameKey) {
+    var normalizedBaseName = normalizeBaseName(frameKey);
+    if (normalizedBaseName && !lookup.has(normalizedBaseName)) {
+      lookup.set(normalizedBaseName, frameKey);
+    }
+  });
+  atlasNormalizedNameLookupCache.set(atlasJSON, lookup);
+  return lookup;
+};
 var resolveAtlasSpriteKey = function resolveAtlasSpriteKey(atlasJSON, spriteKey) {
-  var _getAtlasBaseNameLook;
+  var _getAtlasNormalizedNa;
   if (!spriteKey) {
     return null;
   }
@@ -687,7 +715,19 @@ var resolveAtlasSpriteKey = function resolveAtlasSpriteKey(atlasJSON, spriteKey)
   if (!baseName) {
     return null;
   }
-  return (_getAtlasBaseNameLook = getAtlasBaseNameLookup(atlasJSON).get(baseName)) != null ? _getAtlasBaseNameLook : null;
+  var directBaseMatch = getAtlasBaseNameLookup(atlasJSON).get(baseName);
+  if (directBaseMatch) {
+    return directBaseMatch;
+  }
+  var normalizedBaseName = normalizeBaseName(normalizedKey);
+  if (!normalizedBaseName) {
+    return null;
+  }
+  var aliasedSpriteKey = atlasSpriteAliases.get(normalizedBaseName);
+  if (aliasedSpriteKey && frames[aliasedSpriteKey]) {
+    return aliasedSpriteKey;
+  }
+  return (_getAtlasNormalizedNa = getAtlasNormalizedNameLookup(atlasJSON).get(normalizedBaseName)) != null ? _getAtlasNormalizedNa : null;
 };
 
 var toUppercaseHexColor = function toUppercaseHexColor(color) {
@@ -45126,7 +45166,9 @@ var GroupedRowContainer = function GroupedRowContainer(_ref) {
   var mainRow = _ref.mainRow,
     subRows = _ref.subRows,
     _ref$badgeLabel = _ref.badgeLabel,
-    badgeLabel = _ref$badgeLabel === void 0 ? 'offers' : _ref$badgeLabel;
+    badgeLabel = _ref$badgeLabel === void 0 ? 'offers' : _ref$badgeLabel,
+    _ref$metaRightInset = _ref.metaRightInset,
+    metaRightInset = _ref$metaRightInset === void 0 ? 120 : _ref$metaRightInset;
   var _useState = useState(false),
     expanded = _useState[0],
     setExpanded = _useState[1];
@@ -45139,7 +45181,9 @@ var GroupedRowContainer = function GroupedRowContainer(_ref) {
         return !e;
       });
     } : undefined
-  }, mainRow, hasMultiple && React.createElement(GroupMeta, null, React.createElement(OfferBadge, null, totalCount, " ", badgeLabel), React.createElement(Chevron, {
+  }, mainRow, hasMultiple && React.createElement(GroupMeta, {
+    "$rightInset": metaRightInset
+  }, React.createElement(OfferBadge, null, totalCount, " ", badgeLabel), React.createElement(Chevron, {
     "$expanded": expanded
   }, "\u25B8"))), expanded && React.createElement(SubRows, null, subRows));
 };
@@ -45157,7 +45201,10 @@ var GroupHeader = /*#__PURE__*/styled.div.withConfig({
 var GroupMeta = /*#__PURE__*/styled.div.withConfig({
   displayName: "GroupedRowContainer__GroupMeta",
   componentId: "sc-12q03tq-2"
-})(["position:absolute;right:100px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;pointer-events:none;"]);
+})(["position:absolute;right:", ";top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;padding-left:10px;background:linear-gradient(to left,rgba(25,23,23,0.85),rgba(25,23,23,0));pointer-events:none;z-index:1;"], function (_ref3) {
+  var $rightInset = _ref3.$rightInset;
+  return $rightInset + "px";
+});
 var OfferBadge = /*#__PURE__*/styled.span.withConfig({
   displayName: "GroupedRowContainer__OfferBadge",
   componentId: "sc-12q03tq-3"
@@ -45165,8 +45212,8 @@ var OfferBadge = /*#__PURE__*/styled.span.withConfig({
 var Chevron = /*#__PURE__*/styled.span.withConfig({
   displayName: "GroupedRowContainer__Chevron",
   componentId: "sc-12q03tq-4"
-})(["display:inline-block;font-size:0.7rem;color:rgba(255,255,255,0.4);transition:transform 0.2s ease;transform:rotate(", ");"], function (_ref3) {
-  var $expanded = _ref3.$expanded;
+})(["display:inline-block;font-size:0.7rem;color:rgba(255,255,255,0.4);transition:transform 0.2s ease;transform:rotate(", ");"], function (_ref4) {
+  var $expanded = _ref4.$expanded;
   return $expanded ? '90deg' : '0deg';
 });
 var SubRows = /*#__PURE__*/styled.div.withConfig({
@@ -45491,7 +45538,8 @@ var GroupedBuyOrderRow = function GroupedBuyOrderRow(_ref2) {
   return React.createElement(GroupedRowContainer, {
     mainRow: makeRow(bestOrder),
     subRows: otherOrders.map(makeRow),
-    badgeLabel: "requests"
+    badgeLabel: "requests",
+    metaRightInset: 156
   });
 };
 // ── Styled components matching MarketplaceRows layout ──
@@ -45957,7 +46005,7 @@ var MarketplaceRows = function MarketplaceRows(_ref) {
     spriteKey: "others/definya-coin.png",
     imgScale: 1
   }))), React.createElement(DCPrice, null, formatDCAmount(dcEquivalentPrice)))))), React.createElement(ActionSection$1, null, React.createElement(CTAButton, {
-    icon: onMarketPlaceItemBuy ? React.createElement(Coins, {
+    icon: onMarketPlaceItemBuy ? React.createElement(Wallet, {
       width: 18,
       height: 18
     }) : React.createElement(Delete, {
@@ -46009,7 +46057,8 @@ var GroupedMarketplaceRow = function GroupedMarketplaceRow(_ref2) {
   return React.createElement(GroupedRowContainer, {
     mainRow: makeRow(bestListing),
     subRows: otherListings.map(makeRow),
-    badgeLabel: "offers"
+    badgeLabel: "offers",
+    metaRightInset: 132
   });
 };
 var ItemSection$1 = /*#__PURE__*/styled.div.withConfig({
@@ -46550,7 +46599,7 @@ var WrapperContainer$1 = /*#__PURE__*/styled.div.withConfig({
 var ItemComponentScrollWrapper$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "BuyPanel__ItemComponentScrollWrapper",
   componentId: "sc-1si8t7i-7"
-})(["overflow-y:scroll;overflow-x:hidden;height:390px;width:95%;margin:1rem auto 0 auto;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.05);border-radius:4px;@media (max-width:950px){height:250px;}"]);
+})(["display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;max-height:390px;min-height:120px;width:95%;margin:1rem auto 0 auto;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.05);border-radius:4px;@media (max-width:950px){max-height:250px;}"]);
 var MarketSection = /*#__PURE__*/styled.div.withConfig({
   displayName: "BuyPanel__MarketSection",
   componentId: "sc-1si8t7i-8"
@@ -46974,7 +47023,7 @@ var ManagmentPanel = function ManagmentPanel(_ref) {
   })), React.createElement(BalanceAmount$1, {
     "$disabled": false
   }, dcBalance), React.createElement(BalanceCurrencyLabel, null, "DC")), React.createElement(SmallCTAButton, {
-    icon: React.createElement(Coins, {
+    icon: React.createElement(Wallet, {
       width: 18,
       height: 18
     }),
@@ -48189,7 +48238,7 @@ var Marketplace = function Marketplace(props) {
     }, {
       id: 'history',
       label: 'History',
-      icon: React.createElement(Clock, {
+      icon: React.createElement(DateTime, {
         width: 18,
         height: 18
       })
@@ -48368,7 +48417,7 @@ var CharacterMarketplaceRows = function CharacterMarketplaceRows(_ref) {
     spriteKey: "others/definya-coin.png",
     imgScale: 1
   })), React.createElement(DCPrice$2, null, formatDCAmount(price))), isBeingBought && React.createElement(PendingBadge$1, null, "Sale Pending"))), React.createElement(ActionSection$2, null, React.createElement(CTAButton, {
-    icon: onCharacterBuy ? React.createElement(Coins, {
+    icon: onCharacterBuy ? React.createElement(Wallet, {
       width: 18,
       height: 18
     }) : undefined,
@@ -49832,146 +49881,150 @@ var COMBAT_COLOR = '#C5283D';
 var CRAFTING_COLOR = '#597DCE';
 var ATTRIBUTE_COLOR = '#6833A3';
 var LEVEL_COLOR = '#0E79B2';
+// Keep this copy aligned with ../rpg-api:
+// SkillIncrease.ts, BattleDamageCalculator.ts, BattleEvent.ts,
+// ResourceRequirementConstants.ts, PlantHarvest.ts,
+// ItemCraftableQueue.ts, ItemMinLevelCalculator.ts, NPCExperience.ts.
 var SKILL_INFO_DATA = {
   first: {
     name: 'Fist',
     color: COMBAT_COLOR,
-    description: 'Governs your effectiveness when fighting unarmed or with punch-type weapons. Your level directly scales unarmed attack damage and attack speed.',
-    howToTrain: 'Deal damage to enemies while fighting with no weapon equipped or while wearing leather gloves.',
-    notes: 'No equipment is required to train this skill — useful for new players. Berserker class receives a strong affinity bonus.'
+    description: 'Used for unarmed attacks. Higher Fist improves your chance to hit and the damage you deal while fighting empty-handed.',
+    howToTrain: 'Land non-spell hits with no weapon equipped.',
+    notes: 'Some gloves require Fist, but you train it by fighting unarmed. Berserkers learn it especially well.'
   },
   club: {
     name: 'Club',
     color: COMBAT_COLOR,
-    description: 'Determines your proficiency with mace-type weapons such as clubs and hammers. Higher level increases damage dealt and reduces attack interval.',
-    howToTrain: 'Deal damage to enemies while wielding any mace-type weapon.',
-    notes: 'Mace weapons deal more consistent damage than swords but have slower attack speed. Useful against heavily armored enemies.'
+    description: 'Used for maces and clubs. Higher Club improves your chance to hit and the damage you deal with those weapons.',
+    howToTrain: 'Land non-spell hits with a mace or club weapon equipped.',
+    notes: 'Some mace-type weapons require Club to equip. Warriors and Berserkers learn it faster than most classes.'
   },
   sword: {
     name: 'Sword',
     color: COMBAT_COLOR,
-    description: 'Governs your mastery of one-handed and two-handed swords. Level scales both the damage bonus and effective swing speed of sword attacks.',
-    howToTrain: 'Deal damage to enemies while wielding any sword-type weapon.',
-    notes: 'Swords are the most balanced combat skill — moderate damage, moderate speed. Knight class has an affinity bonus to sword progression.'
+    description: 'Used for swords. Higher Sword improves your chance to hit and the damage you deal with sword attacks.',
+    howToTrain: 'Land non-spell hits with a sword equipped.',
+    notes: 'Some swords require Sword to equip. Warriors and Berserkers are the natural Sword classes.'
   },
   axe: {
     name: 'Axe',
     color: COMBAT_COLOR,
-    description: 'Controls your skill with axe-type weapons. High axe level gives the biggest per-hit damage increase of any melee weapon type.',
-    howToTrain: 'Deal damage to enemies while wielding any axe-type weapon.',
-    notes: 'Axes have the highest damage ceiling of melee weapons but the slowest base attack speed. Best for burst damage on single targets.'
+    description: 'Used for axes. Higher Axe improves your chance to hit and the damage you deal with axe attacks.',
+    howToTrain: 'Land non-spell hits with an axe equipped.',
+    notes: 'Some axes require Axe to equip. Berserkers are the natural Axe class, with Warriors close behind.'
   },
   distance: {
     name: 'Distance',
     color: COMBAT_COLOR,
-    description: 'Measures your accuracy and damage with ranged weapons such as bows, crossbows, and spears. Level reduces miss chance and increases projectile damage.',
-    howToTrain: 'Deal damage to enemies using any ranged weapon.',
-    notes: 'Allows attacking from a safe range. Archer class receives a notable affinity bonus. Vigor level affects the delay between ranged shots.'
+    description: 'Used for ranged weapons and spears. Higher Distance improves your accuracy and damage, especially for Hunters.',
+    howToTrain: 'Land non-spell hits with a ranged weapon or spear.',
+    notes: 'Some ranged weapons and abilities also require Distance. Hunters rely on it the most for bows and spears.'
   },
   shielding: {
     name: 'Shielding',
     color: COMBAT_COLOR,
-    description: 'Represents your skill at blocking with shields. Higher level increases the percentage of incoming damage blocked per successful shield block and lowers block failure chance.',
-    howToTrain: 'Receive attacks from enemies while a shield is equipped in your off-hand slot.',
-    notes: 'Purely defensive — trains only when you are being hit, not when you attack. Any shield enables training. Paladin and Knight classes have affinity bonuses.'
+    description: 'Used when reducing incoming damage with a shield. With a shield equipped, Shielding boosts your defense and lets the shield absorb part of each hit.',
+    howToTrain: 'Take hits or blocks while a shield is equipped.',
+    notes: 'Shielding gains use a hard cooldown, so extra hits do not spam progress. Warriors benefit from it the most, with Berserkers also training it well.'
   },
   dagger: {
     name: 'Dagger',
     color: COMBAT_COLOR,
-    description: 'Governs your technique with daggers and short blades. Daggers are fast but deal less per-hit damage; high level compensates with additional attack speed and critical hit probability.',
-    howToTrain: 'Deal damage to enemies while wielding any dagger-type weapon.',
-    notes: 'Daggers have the fastest attack speed of any melee weapon type. Rogue class has a strong affinity bonus to dagger progression.'
+    description: 'Used for daggers. Higher Dagger improves your chance to hit and the damage you deal with dagger attacks.',
+    howToTrain: 'Land non-spell hits with a dagger equipped.',
+    notes: 'Some daggers require Dagger to equip. Rogues are the main Dagger class, and Hunters also train it well.'
   },
   fishing: {
     name: 'Fishing',
     color: CRAFTING_COLOR,
-    description: 'Determines your success rate and yield when fishing. Higher levels unlock catches of rarer fish species and reduce waiting time between bites.',
-    howToTrain: 'Use a fishing rod near any water body with a fish resource. Each successful catch grants Skill Points.',
-    notes: 'A fishing rod must be equipped. Caught fish can be cooked with the Cooking skill. Druid class has a 10% bonus.'
+    description: 'Governs fishing rewards and access to higher-tier catches. Higher Fishing lets you catch better fish and shell rewards.',
+    howToTrain: 'Successfully fish reward items such as fish or shell resources.',
+    notes: 'Higher-tier catches also depend on the rod you are using.'
   },
   farming: {
     name: 'Farming',
     color: CRAFTING_COLOR,
-    description: 'Controls your efficiency when cultivating crops. Level affects harvest quantity, double-harvest chance, and which rare crop varieties you can grow.',
-    howToTrain: 'Plant seeds in farming spots using a watering can, then harvest mature crops. Each harvest grants Skill Points.',
-    notes: 'Requires seeds (purchasable from farming NPCs) and a watering can. Crops must be watered at least once before harvest. Druid class has a 20% affinity bonus.'
+    description: 'Governs plant harvesting. Higher Farming increases crop yield and improves harvest rarity when plants are collected.',
+    howToTrain: 'Plant and harvest crops. Harvesting plants grants Farming SP.',
+    notes: 'Some seeds require Farming before you can plant them.'
   },
   mining: {
     name: 'Mining',
     color: CRAFTING_COLOR,
-    description: 'Governs your ability to extract ore and stone from rock nodes. Level determines which ore types you can mine and how many resources you yield per swing.',
-    howToTrain: 'Mine rock or ore nodes with a pickaxe. Each successful resource extraction grants Skill Points.',
-    notes: 'A pickaxe must be equipped. Higher mining levels unlock rarer ores found in deeper zones. Dwarf race has a 20% bonus.'
+    description: 'Governs mining rewards and unlocks higher-tier ore, stone, and gem drops.',
+    howToTrain: 'Mine resource nodes and successfully receive mining rewards.',
+    notes: 'Better mining rewards depend on both your Mining level and your pickaxe.'
   },
   lumberjacking: {
     name: 'Lumberjacking',
     color: CRAFTING_COLOR,
-    description: 'Controls your skill at chopping trees for wood. Level determines which tree types you can cut and the number of logs obtained per swing.',
-    howToTrain: 'Chop tree resource nodes with an axe equipped. Each log obtained grants Skill Points.',
-    notes: 'Any axe-type weapon doubles as a lumberjacking tool — there is no separate lumberjacking tool. Rarer wood types require higher skill and appear in higher-level zones.'
+    description: 'Governs woodcutting rewards and unlocks higher-tier wood drops.',
+    howToTrain: 'Chop resource nodes and successfully receive wood rewards.',
+    notes: 'Better wood tiers depend on both your Lumberjacking level and the tool you are using.'
   },
   blacksmithing: {
     name: 'Blacksmithing',
     color: CRAFTING_COLOR,
-    description: 'Determines your ability to craft metal equipment such as weapons and armor at forge stations. Higher level unlocks stronger recipes and improves crafted item quality.',
-    howToTrain: "Craft metal items at a blacksmith's forge using ingots and other materials. Each successful craft grants Skill Points.",
-    notes: 'Requires materials obtained from mining. Blacksmithing produces tradeable equipment items. Higher level recipes require rare ingots. Rogue class has a 10% bonus.'
+    description: 'Governs blacksmithing recipes and ingot processing. Higher Blacksmithing improves craft success and unlocks stronger smithing recipes.',
+    howToTrain: 'Successfully smelt bars or craft gear with Blacksmithing recipes.',
+    notes: 'You only gain SP from successful crafts.'
   },
   cooking: {
     name: 'Cooking',
     color: CRAFTING_COLOR,
-    description: 'Governs your ability to prepare food from raw ingredients. Cooked food restores HP or provides temporary stat buffs. Higher level produces more potent food.',
-    howToTrain: 'Cook raw food items at a cooking station or campfire. Each successful cook grants Skill Points.',
-    notes: 'Raw ingredients come from fishing, farming, and monster drops. Cooked meals restore more HP than potions at equivalent cost and can provide additional buffs.'
+    description: 'Governs cooking recipes. Higher Cooking improves craft success and unlocks recipes with higher cooking requirements.',
+    howToTrain: 'Successfully cook food with Cooking recipes.',
+    notes: 'You only gain SP from successful crafts.'
   },
   alchemy: {
     name: 'Alchemy',
     color: CRAFTING_COLOR,
-    description: 'Controls your skill at brewing potions and elixirs. Higher levels unlock stronger potion recipes, reduce failure chance, and increase the potency of brewed potions.',
-    howToTrain: 'Brew potions at an alchemy station using herbs, reagents, and vials. Each successful brew grants Skill Points.',
-    notes: 'Herb reagents are gathered from nature nodes across the world. High-level alchemy produces Greater and Superior potions that substantially outperform shop-bought equivalents. Druid has a 20% bonus.'
+    description: 'Governs alchemy recipes. Higher Alchemy improves craft success and unlocks recipes with higher alchemy requirements.',
+    howToTrain: 'Successfully brew potions or craft reagents with Alchemy recipes.',
+    notes: 'You only gain SP from successful crafts.'
   },
   magic: {
     name: 'Magic',
     color: ATTRIBUTE_COLOR,
-    description: 'Governs the power and efficiency of spells and magic-type weapons. Higher Magic level increases spell damage, spell range, and reduces mana consumption.',
-    howToTrain: 'Deal damage to enemies using spells from your spellbook, or fight while wielding a magic staff or wand.',
-    notes: 'Magic starts at level 0 and is one of the slower attributes to train since it requires active spell use. Sorcerer and Mage classes receive strong affinity bonuses. Also increases maximum mana.'
+    description: 'Used for spell power, rune scaling, staff or magic-weapon attacks, gear used by mage classes, and some carry-weight calculations.',
+    howToTrain: 'Cast spells or land non-spell hits with magic or staff weapons.',
+    notes: 'Sorcerers and Druids are the mage classes, and both lean on Magic and staves. They also use Magic instead of Strength for max carry weight.'
   },
   magicResistance: {
     name: 'Magic Resistance',
     color: ATTRIBUTE_COLOR,
-    description: 'Reduces the damage taken from incoming magical attacks and spells. Each level of magic resistance reduces a percentage of spell damage received.',
-    howToTrain: 'Receive magic damage from enemies (spells, magical attacks, staff hits aimed at you).',
-    notes: 'Purely defensive — trains only when you are the target of magical attacks. Cannot be trained offensively. Essential for characters that frequently face casters or magic creatures.'
+    description: 'Used when reducing incoming magic damage. Higher Magic Resistance improves your defense against spells and other magical attacks.',
+    howToTrain: 'Take damage from spells, magic weapons, runes, or other magical attacks.',
+    notes: 'This only trains on incoming magic damage, not on casting. Sorcerers and Druids improve it faster than other classes.'
   },
   strength: {
     name: 'Strength',
     color: ATTRIBUTE_COLOR,
-    description: 'Directly increases melee attack damage for all physical weapon types. Also increases how much weight your character can carry.',
-    howToTrain: 'Deal melee damage to enemies using any physical weapon or unarmed combat.',
-    notes: 'Applies to all physical weapon types regardless of which combat skill you use. Warrior and Berserker classes gain Strength faster due to class affinity.'
+    description: 'Used for physical damage, carry weight for non-mages, item requirements, and many strength-scaling abilities.',
+    howToTrain: 'Land non-spell hits with physical weapons or while fighting unarmed.',
+    notes: 'When you attack with magic or staff weapons, Strength is not trained. Warriors and Berserkers get the most out of it.'
   },
   resistance: {
     name: 'Resistance',
     color: ATTRIBUTE_COLOR,
-    description: 'Reduces incoming physical damage from melee and ranged attacks. Higher resistance provides a percentage reduction to the physical damage you receive per hit.',
-    howToTrain: 'Receive physical damage from enemies (melee hits, arrows, projectiles).',
-    notes: 'Passive defense — trains only when you take physical damage. Tank-oriented classes (Paladin, Knight) receive faster resistance growth. Stacks with Shielding for substantial physical damage reduction.'
+    description: 'Used in physical defense and damage reduction. Higher Resistance lowers the damage you take from non-magic attacks.',
+    howToTrain: 'Take non-magic damage from melee, ranged, or other physical attacks.',
+    notes: 'Shield users stack Resistance with Shielding for better mitigation. Warriors are strongest here, with Berserkers and Druids also holding up well.'
   },
   dexterity: {
     name: 'Dexterity',
     color: ATTRIBUTE_COLOR,
-    description: 'Increases your attack speed (reduces attack interval) and improves your chance to dodge incoming attacks. Also slightly improves accuracy with ranged weapons.',
-    howToTrain: 'Deal physical damage to enemies or successfully dodge incoming attacks.',
-    notes: 'Attack speed compounds with damage — more attacks per second means proportionally more total damage. One of the most impactful combat attributes. Archer and Rogue classes have strong dexterity affinity.'
+    description: 'Dexterity affects accuracy and blocking, and Hunters also rely on it heavily for ranged damage. Some Rogue and Hunter abilities scale from it.',
+    howToTrain: 'Make incoming attacks miss you. Each miss grants Dexterity SP.',
+    notes: 'Some accessories require Dexterity. Hunters and Rogues lean on it the most.'
   },
   level: {
     name: 'Character Level',
     color: LEVEL_COLOR,
-    description: 'Your overall character level, derived from total Experience Points (XP) accumulated. It summarizes your overall progress and may unlock access to certain areas or content.',
-    howToTrain: 'XP is gained by killing monsters, completing quests, and reaching skill level milestones. Unlike skill SP, all XP accumulates into a single shared pool that determines your character level.',
-    notes: 'Uses a cubic progression formula (level³ × 3 XP per level), so higher levels require exponentially more XP. Character level itself does not directly affect combat — individual skill levels handle that.'
+    description: 'Your overall character level. It affects attack, defense, damage, movement speed, health, mana, spell unlocks, and other progression systems.',
+    howToTrain: 'Gain XP from defeated enemies and other experience rewards.',
+    notes: 'Level-ups refresh derived stats such as max health and max mana and can unlock new spells.'
   }
 };
 
@@ -73483,7 +73536,7 @@ var Store = function Store(_ref) {
     items: {
       id: 'items',
       title: 'Items',
-      icon: React.createElement(Box, {
+      icon: React.createElement(Package, {
         width: 18,
         height: 18
       }),