@rpg-engine/long-bow 0.8.196 → 0.8.198

package/dist/components/Marketplace/GroupedRowContainer.d.ts

@@ -3,5 +3,6 @@ export interface IGroupedRowContainerProps {
     mainRow: React.ReactNode;
     subRows: React.ReactNode[];
     badgeLabel?: string;
+    metaRightInset?: number;
 }
 export declare const GroupedRowContainer: React.FC<IGroupedRowContainerProps>;

package/dist/long-bow.cjs.development.js

@@ -23,7 +23,7 @@ var lodash = require('lodash');
 var mobxReactLite = require('mobx-react-lite');
 var ai = require('react-icons/ai');
 var reactColorful = require('react-colorful');
-var Clock = require('pixelarticons/react/Clock');
+var DateTime = require('pixelarticons/react/DateTime');
 var Settings2 = require('pixelarticons/react/Settings2');
 var ShoppingBag = require('pixelarticons/react/ShoppingBag');
 var ShoppingCart = require('pixelarticons/react/ShoppingCart');
@@ -35,10 +35,9 @@ var Search = require('pixelarticons/react/Search');
 var Delete = require('pixelarticons/react/Delete');
 require('rpgui/rpgui.css');
 require('rpgui/rpgui.min.js');
-var Coins = require('pixelarticons/react/Coins');
-var Box = require('pixelarticons/react/Box');
 var Crown = require('pixelarticons/react/Crown');
 var Gift = require('pixelarticons/react/Gift');
+var Package = require('pixelarticons/react/Package');
 var capitalize = _interopDefault(require('lodash/capitalize'));
 
 function _arrayLikeToArray(r, a) {
@@ -638,7 +637,9 @@ var ButtonContainer = /*#__PURE__*/styled__default.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) {
@@ -650,6 +651,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') {
@@ -670,8 +678,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;
   }
@@ -694,7 +722,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) {
@@ -45129,7 +45169,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 = React.useState(false),
     expanded = _useState[0],
     setExpanded = _useState[1];
@@ -45142,7 +45184,9 @@ var GroupedRowContainer = function GroupedRowContainer(_ref) {
         return !e;
       });
     } : undefined
-  }, mainRow, hasMultiple && React__default.createElement(GroupMeta, null, React__default.createElement(OfferBadge, null, totalCount, " ", badgeLabel), React__default.createElement(Chevron, {
+  }, mainRow, hasMultiple && React__default.createElement(GroupMeta, {
+    "$rightInset": metaRightInset
+  }, React__default.createElement(OfferBadge, null, totalCount, " ", badgeLabel), React__default.createElement(Chevron, {
     "$expanded": expanded
   }, "\u25B8"))), expanded && React__default.createElement(SubRows, null, subRows));
 };
@@ -45160,7 +45204,10 @@ var GroupHeader = /*#__PURE__*/styled__default.div.withConfig({
 var GroupMeta = /*#__PURE__*/styled__default.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__default.span.withConfig({
   displayName: "GroupedRowContainer__OfferBadge",
   componentId: "sc-12q03tq-3"
@@ -45168,8 +45215,8 @@ var OfferBadge = /*#__PURE__*/styled__default.span.withConfig({
 var Chevron = /*#__PURE__*/styled__default.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__default.div.withConfig({
@@ -45494,7 +45541,8 @@ var GroupedBuyOrderRow = function GroupedBuyOrderRow(_ref2) {
   return React__default.createElement(GroupedRowContainer, {
     mainRow: makeRow(bestOrder),
     subRows: otherOrders.map(makeRow),
-    badgeLabel: "requests"
+    badgeLabel: "requests",
+    metaRightInset: 156
   });
 };
 // ── Styled components matching MarketplaceRows layout ──
@@ -45960,7 +46008,7 @@ var MarketplaceRows = function MarketplaceRows(_ref) {
     spriteKey: "others/definya-coin.png",
     imgScale: 1
   }))), React__default.createElement(DCPrice, null, shared.formatDCAmount(dcEquivalentPrice)))))), React__default.createElement(ActionSection$1, null, React__default.createElement(CTAButton, {
-    icon: onMarketPlaceItemBuy ? React__default.createElement(Coins.Coins, {
+    icon: onMarketPlaceItemBuy ? React__default.createElement(Wallet.Wallet, {
       width: 18,
       height: 18
     }) : React__default.createElement(Delete.Delete, {
@@ -46012,7 +46060,8 @@ var GroupedMarketplaceRow = function GroupedMarketplaceRow(_ref2) {
   return React__default.createElement(GroupedRowContainer, {
     mainRow: makeRow(bestListing),
     subRows: otherListings.map(makeRow),
-    badgeLabel: "offers"
+    badgeLabel: "offers",
+    metaRightInset: 132
   });
 };
 var ItemSection$1 = /*#__PURE__*/styled__default.div.withConfig({
@@ -46553,7 +46602,7 @@ var WrapperContainer$1 = /*#__PURE__*/styled__default.div.withConfig({
 var ItemComponentScrollWrapper$1 = /*#__PURE__*/styled__default.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__default.div.withConfig({
   displayName: "BuyPanel__MarketSection",
   componentId: "sc-1si8t7i-8"
@@ -46977,7 +47026,7 @@ var ManagmentPanel = function ManagmentPanel(_ref) {
   })), React__default.createElement(BalanceAmount$1, {
     "$disabled": false
   }, dcBalance), React__default.createElement(BalanceCurrencyLabel, null, "DC")), React__default.createElement(SmallCTAButton, {
-    icon: React__default.createElement(Coins.Coins, {
+    icon: React__default.createElement(Wallet.Wallet, {
       width: 18,
       height: 18
     }),
@@ -48192,7 +48241,7 @@ var Marketplace = function Marketplace(props) {
     }, {
       id: 'history',
       label: 'History',
-      icon: React__default.createElement(Clock.Clock, {
+      icon: React__default.createElement(DateTime.DateTime, {
         width: 18,
         height: 18
       })
@@ -48371,7 +48420,7 @@ var CharacterMarketplaceRows = function CharacterMarketplaceRows(_ref) {
     spriteKey: "others/definya-coin.png",
     imgScale: 1
   })), React__default.createElement(DCPrice$2, null, shared.formatDCAmount(price))), isBeingBought && React__default.createElement(PendingBadge$1, null, "Sale Pending"))), React__default.createElement(ActionSection$2, null, React__default.createElement(CTAButton, {
-    icon: onCharacterBuy ? React__default.createElement(Coins.Coins, {
+    icon: onCharacterBuy ? React__default.createElement(Wallet.Wallet, {
       width: 18,
       height: 18
     }) : undefined,
@@ -49834,146 +49883,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.'
   }
 };
 
@@ -49987,9 +50040,7 @@ var SkillInfoModal = function SkillInfoModal(_ref) {
     onPointerDown: onClose
   }), React__default.createElement(ModalContainer$7, null, React__default.createElement(ModalContent$7, {
     onPointerDown: stopPropagation
-  }, React__default.createElement(Header$d, null, React__default.createElement(ColorBar, {
-    "$color": info.color
-  }), React__default.createElement(Title$i, {
+  }, React__default.createElement(Header$d, null, React__default.createElement(Title$i, {
     "$color": info.color
   }, info.name), React__default.createElement(CloseButton$f, {
     onPointerDown: onClose
@@ -50011,35 +50062,28 @@ var Header$d = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "SkillInfoModal__Header",
   componentId: "sc-pqkzdj-3"
 })(["display:flex;align-items:center;gap:8px;"]);
-var ColorBar = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "SkillInfoModal__ColorBar",
-  componentId: "sc-pqkzdj-4"
-})(["width:3px;height:1rem;background:", ";border-radius:2px;flex-shrink:0;"], function (_ref2) {
-  var $color = _ref2.$color;
-  return $color;
-});
 var Title$i = /*#__PURE__*/styled__default.h3.withConfig({
   displayName: "SkillInfoModal__Title",
-  componentId: "sc-pqkzdj-5"
-})(["margin:0;flex:1;font-family:'Press Start 2P',cursive;font-size:0.65rem;color:", ";"], function (_ref3) {
-  var $color = _ref3.$color;
+  componentId: "sc-pqkzdj-4"
+})(["margin:0;flex:1;font-family:'Press Start 2P',cursive;font-size:0.65rem;color:", ";"], function (_ref2) {
+  var $color = _ref2.$color;
   return $color;
 });
 var CloseButton$f = /*#__PURE__*/styled__default.button.withConfig({
   displayName: "SkillInfoModal__CloseButton",
-  componentId: "sc-pqkzdj-6"
+  componentId: "sc-pqkzdj-5"
 })(["background:none;border:none;color:rgba(255,255,255,0.6);cursor:pointer;font-size:1rem;padding:4px;display:flex;align-items:center;pointer-events:auto;&:hover{color:#ffffff;}"]);
 var Section$4 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "SkillInfoModal__Section",
-  componentId: "sc-pqkzdj-7"
+  componentId: "sc-pqkzdj-6"
 })(["display:flex;flex-direction:column;gap:6px;"]);
 var Label$7 = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "SkillInfoModal__Label",
-  componentId: "sc-pqkzdj-8"
+  componentId: "sc-pqkzdj-7"
 })(["font-size:0.5rem;font-weight:bold;text-transform:uppercase;letter-spacing:0.05em;color:rgba(255,255,255,0.45);"]);
 var Text$1 = /*#__PURE__*/styled__default.p.withConfig({
   displayName: "SkillInfoModal__Text",
-  componentId: "sc-pqkzdj-9"
+  componentId: "sc-pqkzdj-8"
 })(["font-size:0.55rem;line-height:1.6;color:rgba(255,255,255,0.85);margin:0;"]);
 
 var skillProps = {
@@ -73494,7 +73538,7 @@ var Store = function Store(_ref) {
     items: {
       id: 'items',
       title: 'Items',
-      icon: React__default.createElement(Box.Box, {
+      icon: React__default.createElement(Package.Package, {
         width: 18,
         height: 18
       }),