Improve hunt crafting voice and bazaar affordances

web3blind · web3blind · commit 55985016c265 · 2026-07-13T16:37:09.000Z
diff --git a/app/index.html b/app/index.html
@@ -120,8 +120,8 @@
     <script src="js/config.js?v=20260712a"></script>
 
     <!-- I18n -->
-    <script src="js/i18n/ru.js?v=20260713e"></script>
-    <script src="js/i18n/en.js?v=20260713e"></script>
+    <script src="js/i18n/ru.js?v=20260713f"></script>
+    <script src="js/i18n/en.js?v=20260713f"></script>
 
     <!-- Utilities -->
     <script src="js/utils/helpers.js?v=20260621l"></script>
@@ -180,27 +180,27 @@
     <script src="js/ui/components/toast.js?v=20260711b"></script>
     <script src="js/ui/components/modal.js"></script>
     <script src="js/ui/components/nav.js?v=20260713a"></script>
-    <script src="js/ui/components/battle-narrator.js?v=20260713a"></script>
+    <script src="js/ui/components/battle-narrator.js?v=20260713b"></script>
 
     <!-- UI Screens -->
     <script src="js/ui/screens/landing.js"></script>
     <script src="js/ui/screens/login.js?v=20260711a"></script>
     <script src="js/ui/screens/onboarding.js"></script>
     <script src="js/ui/screens/home.js?v=20260713d"></script>
     <script src="js/ui/screens/character.js?v=20260713b"></script>
-    <script src="js/ui/screens/hunt.js?v=20260713c"></script>
+    <script src="js/ui/screens/hunt.js?v=20260713d"></script>
     <script src="js/ui/screens/inventory.js?v=20260621l"></script>
     <script src="js/ui/screens/chronicle.js?v=20260712a"></script>
     <script src="js/ui/screens/duel.js"></script>
     <script src="js/ui/screens/arena.js?v=20260621d"></script>
     <script src="js/ui/screens/guild.js?v=20260621l"></script>
     <script src="js/ui/screens/map.js?v=20260621h"></script>
-    <script src="js/ui/screens/marketplace.js?v=20260713a"></script>
-    <script src="js/ui/screens/crafting.js?v=20260621j"></script>
+    <script src="js/ui/screens/marketplace.js?v=20260713b"></script>
+    <script src="js/ui/screens/crafting.js?v=20260713a"></script>
     <script src="js/ui/screens/quests.js?v=20260712a"></script>
     <script src="js/ui/screens/world-boss.js"></script>
-    <script src="js/ui/screens/settings.js?v=20260713a"></script>
-    <script src="js/ui/screens/help.js?v=20260712a"></script>
+    <script src="js/ui/screens/settings.js?v=20260713b"></script>
+    <script src="js/ui/screens/help.js?v=20260713a"></script>
     <script src="js/ui/screens/leaderboard.js?v=20260712c"></script>
     <script src="js/ui/screens/temple.js?v=20260713a"></script>
 
diff --git a/app/js/i18n/en.js b/app/js/i18n/en.js
@@ -357,13 +357,13 @@ var LangEN = {
     narrator_test: 'Test narrator',
     narrator_test_message: 'Battle Narrator is online. This is the selected voice for hunts and duels.',
     narrator_voice_gender: 'Narrator voice',
-    narrator_voice_male: 'Male',
+    narrator_voice_male: 'Low / male if available',
     narrator_voice_female: 'Female',
     narrator_voice_timbre: 'Narrator timbre',
-    narrator_timbre_rough: 'Rough and low',
+    narrator_timbre_rough: 'Low, without heavy distortion',
     narrator_timbre_neutral: 'Neutral',
     narrator_timbre_soft: 'Soft',
-    narrator_voice_hint: 'Default is a low male voice. Available voices depend on the browser and system; if the exact voice is missing, the game still adjusts pitch and speech rate.',
+    narrator_voice_hint: 'Female usually sounds more natural. A true low male voice depends on browser/system voices; if none is available, the game only slightly lowers pitch and rate to avoid a distorted female voice.',
     narrator_pve_attack: 'You used {spell}. {creature} takes {damage} damage.',
     narrator_critical: 'Critical hit!',
     narrator_hunt_victory: 'Victory! {creature} defeated. {xp} XP gained.',
diff --git a/app/js/i18n/ru.js b/app/js/i18n/ru.js
@@ -357,13 +357,13 @@ var LangRU = {
     narrator_test: 'Проверить рассказчика',
     narrator_test_message: 'Боевой рассказчик на связи. Сейчас прозвучит выбранный голос для охоты и дуэлей.',
     narrator_voice_gender: 'Голос рассказчика',
-    narrator_voice_male: 'Мужской',
+    narrator_voice_male: 'Низкий / мужской, если доступен',
     narrator_voice_female: 'Женский',
     narrator_voice_timbre: 'Тембр рассказчика',
-    narrator_timbre_rough: 'Хриплый и низкий',
+    narrator_timbre_rough: 'Низкий, без сильного искажения',
     narrator_timbre_neutral: 'Нейтральный',
     narrator_timbre_soft: 'Мягкий',
-    narrator_voice_hint: 'По умолчанию выбран мужской низкий голос. Доступные голоса зависят от браузера и системы; если нужного голоса нет, игра всё равно меняет высоту и темп речи.',
+    narrator_voice_hint: 'Женский голос обычно звучит естественнее. Низкий мужской зависит от системных голосов браузера; если настоящего мужского голоса нет, игра лишь слегка снижает высоту и темп, чтобы не превращать речь в искажённый женский голос.',
     narrator_pve_attack: 'Ты использовал {spell}. {creature} получает {damage} урона.',
     narrator_critical: 'Критический удар!',
     narrator_hunt_victory: 'Победа! {creature} повержен. Получено {xp} опыта.',
diff --git a/app/js/ui/components/battle-narrator.js b/app/js/ui/components/battle-narrator.js
@@ -135,8 +135,8 @@ var BattleNarrator = (function() {
             var voice = _selectVoice(lang);
             utterance.lang = lang;
             if (voice) utterance.voice = voice;
-            utterance.rate = (voiceTimbre === 'rough') ? 0.88 : (voiceTimbre === 'soft' ? 0.96 : 1);
-            utterance.pitch = (voiceGender === 'male') ? (voiceTimbre === 'rough' ? 0.65 : 0.82) : (voiceTimbre === 'rough' ? 0.9 : 1.08);
+            utterance.rate = (voiceTimbre === 'rough') ? 0.92 : (voiceTimbre === 'soft' ? 0.98 : 1);
+            utterance.pitch = (voiceGender === 'male') ? (voiceTimbre === 'rough' ? 0.84 : 0.9) : (voiceTimbre === 'rough' ? 0.96 : 1.08);
             utterance.volume = 1;
             window.speechSynthesis.cancel();
             window.speechSynthesis.speak(utterance);
diff --git a/app/js/ui/screens/crafting.js b/app/js/ui/screens/crafting.js
@@ -257,6 +257,8 @@ var CraftingScreen = (function() {
             return html;
         }
 
+        html += '<button class="btn btn-secondary btn-sm craft-tab-back-btn" aria-label="' + t('craft_back') + '">' + t('craft_back') + '</button>';
+
         // Enchantable items (equipped or in bag, with slots available)
         html += '<h2>' + t('enchant_title') + '</h2>';
         html += '<p class="enchant-desc">' + t('enchant_desc') + '</p>';
diff --git a/app/js/ui/screens/help.js b/app/js/ui/screens/help.js
@@ -13,7 +13,7 @@ var HelpScreen = (function() {
             { key: 'mana',        icon: '\u2728' },
             { key: 'hp',          icon: '\u2764\uFE0F' },
             { key: 'quests',      icon: '\uD83D\uDCDC' },
-            { key: 'hunt',        icon: '\u2694\uFE0F' },
+            { key: 'hunt',        icon: '\uD83C\uDFF9' },
             { key: 'armageddon',  icon: '\u26A0\uFE0F' },
             { key: 'crafting',    icon: '\uD83D\uDD28' },
             { key: 'marketplace', icon: '\uD83C\uDFEA' },
diff --git a/app/js/ui/screens/hunt.js b/app/js/ui/screens/hunt.js
@@ -44,7 +44,7 @@ var HuntScreen = (function() {
                     (needsRest ? t('hunt_rest_button') : t('hunt_rest_full')) +
                 '</button>' +
             '</section>' +
-            '<h2>' + t('hunt_choose_creature') + '</h2>';
+            '<h2>🐾 ' + t('hunt_choose_creature') + '</h2>';
 
         if (!creatures.length) {
             html += '<div class="creature-list" role="status" aria-live="polite">' +
@@ -68,7 +68,7 @@ var HuntScreen = (function() {
             html += '</div>';
         }
 
-        html += '<h2>' + t('hunt_choose_spell') + '</h2>' +
+        html += '<h2>🪄 ' + t('hunt_choose_spell') + '</h2>' +
             '<div class="spell-grid" role="radiogroup" aria-label="' + t('hunt_choose_spell') + '">';
 
         for (var j = 0; j < spells.length; j++) {
diff --git a/app/js/ui/screens/marketplace.js b/app/js/ui/screens/marketplace.js
@@ -219,7 +219,7 @@ var MarketplaceScreen = (function() {
                 var sRarity = ItemSystem.getRarityInfo(sItem.rarity);
                 var itemIds = group.items.map(function(it) { return it.id; }).join(',');
                 html += '<div class="market-sell-item ' + Helpers.rarityClass(sItem.rarity) + '" role="listitem" data-item="' + sItem.id + '">';
-                html += '<span class="sell-item-name rarity-color-' + sRarity.name + '">' + sRarity.symbol + ' ' + Helpers.escapeHtml(sName) +
+                html += '<span class="sell-item-name rarity-color-' + sRarity.name + '">' + _marketItemIcon(sItem) + ' ' + sRarity.symbol + ' ' + Helpers.escapeHtml(sName) +
                     (group.items.length > 1 ? ' <span class="sell-item-count">×' + group.items.length + '</span>' : '') + '</span>';
                 html += '<div class="sell-item-controls">';
                 html += '<label for="price-' + sItem.id + '" class="sr-only">' + t('market_set_price') + '</label>';
@@ -519,6 +519,27 @@ var MarketplaceScreen = (function() {
         return true;
     }
 
+    function _marketItemIcon(item) {
+        if (!item) return '✦';
+        var byType = {
+            chronicle_ink: '🖋️',
+            flame_votive_mark: '🔥',
+            labor_votive_mark: '🔨',
+            health_scroll: '📜',
+            mana_potion: '⚡',
+            fire_dust: '✦',
+            sparkdust: '✨',
+            shadow_shard: '◈'
+        };
+        if (byType[item.type]) return byType[item.type];
+        var template = ItemSystem.getItemTemplate(item.type);
+        if (template && template.category === 'material') return '✦';
+        if (template && template.category === 'scroll') return '📜';
+        if (template && template.category === 'focus') return '🪄';
+        if (template && template.category === 'ward') return '🛡️';
+        return '✦';
+    }
+
     function _groupSellableItems(items) {
         var byKey = {};
         var groups = [];
diff --git a/app/manifest.json b/app/manifest.json
@@ -3,7 +3,7 @@
     "short_name": "VizMagic",
     "description": "Viz Magic — accessible browser RPG on the VIZ blockchain",
     "id": "https://vizmagic.web3blind.xyz/",
-    "start_url": "/?pwa=viz-magic-v53",
+    "start_url": "/?pwa=viz-magic-v54",
     "scope": "/",
     "display": "standalone",
     "display_override": ["standalone", "minimal-ui"],
diff --git a/app/sw.js b/app/sw.js
@@ -1,5 +1,5 @@
 // Viz Magic — Service Worker
-var CACHE_NAME = 'viz-magic-v53';
+var CACHE_NAME = 'viz-magic-v54';
 var ASSETS = [
     '/',
     '/index.html',
diff --git a/tests/player-bug-regressions.test.js b/tests/player-bug-regressions.test.js
@@ -345,7 +345,7 @@ test('high-traffic UI narration, screen announcements, and inventory stat labels
 
 test('service worker updates quickly and keeps navigations network-first', function () {
   const swJs = read('app/sw.js');
-  assert.ok(/viz-magic-v53/.test(swJs), 'service worker cache version should be bumped');
+  assert.ok(/viz-magic-v54/.test(swJs), 'service worker cache version should be bumped');
   assert.ok(/self\.skipWaiting\(\)/.test(swJs), 'service worker should activate new cache without waiting for all tabs to close');
   assert.ok(/self\.clients\.claim\(\)/.test(swJs), 'service worker should claim clients after activation');
   assert.ok(/event\.request\.mode === 'navigate'[\s\S]*fetch\(event\.request\)/.test(swJs), 'navigation requests should prefer network to avoid stale cached index');
@@ -394,7 +394,7 @@ test('mobile entry helpers cover keyboard paste, home-screen shortcut, nav parit
   assert.ok(/SoundManager\.setVolume\(sfxVolume \/ 100\)/.test(read('app/js/ui/screens/settings.js')), 'settings should apply stored SFX volume on render');
   assert.ok(/localStorage\.setItem\(STORAGE_PREFIX \+ 'sfx_volume'/.test(read('app/js/ui/sound.js')), 'sound manager should persist SFX volume');
   assert.ok(/var volume = _getStoredNumber\('sfx_volume', 0\.5\)/.test(read('app/js/ui/sound.js')), 'sound manager should restore persisted SFX volume');
-  assert.ok(/viz-magic-v53/.test(read('app/sw.js')), 'service worker cache should be bumped for UI changes');
+  assert.ok(/viz-magic-v54/.test(read('app/sw.js')), 'service worker cache should be bumped for UI changes');
 });
 
 
@@ -456,8 +456,8 @@ test('magical weather is labelled and affects hunts', function () {
   assert.ok(/forecast-card-effect/.test(homeJs + mainCss), 'forecast effect column needs its own thematic icon/card');
   assert.ok(/function getCurrentFestival/.test(worldEventsJs), 'magical holidays should sometimes appear in the forecast');
   assert.ok(/festival_today_prefix/.test(homeJs + ruJs + enJs), 'forecast holidays should have localized copy');
-  assert.ok(/i18n\/ru.js\?v=20260713e/.test(indexHtml), 'Russian weather copy must be cache-busted');
-  assert.ok(/i18n\/en.js\?v=20260713e/.test(indexHtml), 'English weather copy must be cache-busted');
+  assert.ok(/i18n\/ru.js\?v=20260713f/.test(indexHtml), 'Russian weather copy must be cache-busted');
+  assert.ok(/i18n\/en.js\?v=20260713f/.test(indexHtml), 'English weather copy must be cache-busted');
   assert.ok(/home.js\?v=20260713d/.test(indexHtml), 'home forecast layout must be cache-busted');
   assert.ok(/quests.js\?v=20260712a/.test(indexHtml), 'quest-limit UX must be cache-busted');
   assert.ok(/nav.js\?v=20260713a/.test(indexHtml), 'bottom tray nav must be cache-busted');
@@ -524,7 +524,7 @@ test('reported mobile UX issues have explicit fixes', function () {
 
 test('PWA icon and HP heart use expressive color accents', function () {
   assert.ok(/viz-magic-192\.png\?v=20260713a/.test(indexHtml), 'PWA icon link should be cache-busted after plus placement/color update');
-  assert.ok(/viz-magic-v53/.test(read('app/manifest.json')), 'manifest start URL should change so launchers can refresh icons');
+  assert.ok(/viz-magic-v54/.test(read('app/manifest.json')), 'manifest start URL should change so launchers can refresh icons');
   assert.ok(/label:'❤️ HP'/.test(homeJs), 'HP label should use a red heart emoji variant');
 });
 
@@ -541,7 +541,7 @@ test('character screen uses current home-scale vitals and growth explainers', fu
 
 
 test('hunt screen exposes explicit camp rest promised by Help', function () {
-  assert.ok(/hunt.js\?v=20260713c/.test(indexHtml), 'hunt screen should be cache-busted');
+  assert.ok(/hunt.js\?v=20260713d/.test(indexHtml), 'hunt screen should be cache-busted');
   assert.ok(/broadcast.js\?v=20260713a/.test(indexHtml), 'broadcast helper should be cache-busted for restAction');
   assert.ok(/state-engine.js\?v=20260713b/.test(indexHtml), 'state-engine should be cache-busted for processRestResult');
   assert.ok(/function restAction\(callback\)/.test(broadcastJs), 'broadcast helper should expose restAction');
@@ -555,13 +555,13 @@ test('hunt screen exposes explicit camp rest promised by Help', function () {
 test('narrator voice preferences support gender and timbre', function () {
   const settingsJs = read('app/js/ui/screens/settings.js');
   const narratorJs = read('app/js/ui/components/battle-narrator.js');
-  assert.ok(/battle-narrator.js\?v=20260713a/.test(indexHtml), 'battle narrator should be cache-busted');
-  assert.ok(/settings.js\?v=20260713a/.test(indexHtml), 'settings should be cache-busted');
+  assert.ok(/battle-narrator.js\?v=20260713b/.test(indexHtml), 'battle narrator should be cache-busted');
+  assert.ok(/settings.js\?v=20260713b/.test(indexHtml), 'settings should be cache-busted');
   assert.ok(/narrator-voice-gender/.test(settingsJs), 'settings should expose narrator gender select');
   assert.ok(/narrator-voice-timbre/.test(settingsJs), 'settings should expose narrator timbre select');
   assert.ok(/setVoiceOptions/.test(narratorJs), 'narrator should persist selectable voice options');
-  assert.ok(/voiceGender = 'male'/.test(narratorJs) && /voiceTimbre = 'rough'/.test(narratorJs), 'default narrator voice should be low male/rough');
-  assert.ok(/utterance\.pitch = \(voiceGender === 'male'\)/.test(narratorJs), 'narrator should adjust pitch by selected gender/timbre');
+  assert.ok(/voiceGender = 'male'/.test(narratorJs) && /voiceTimbre = 'rough'/.test(narratorJs), 'default narrator voice should be low/male-if-available');
+  assert.ok(/voiceTimbre === 'rough' \? 0\.84 : 0\.9/.test(narratorJs), 'low narrator voice should avoid harsh pseudo-male pitch distortion');
   assert.ok(/speechSynthesis\.getVoices/.test(narratorJs), 'narrator should try to select a matching system voice');
   assert.ok(/narrator_voice_hint/.test(settingsJs + ruJs + enJs), 'settings should explain browser voice limitations');
 });
@@ -600,14 +600,14 @@ test('temple offering gives immediate heard-prayer feedback', function () {
 
 
 test('hunt rest uses home-scale HP values', function () {
-  assert.ok(/hunt.js\?v=20260713c/.test(indexHtml), 'hunt screen should be cache-busted for HP display scale');
+  assert.ok(/hunt.js\?v=20260713d/.test(indexHtml), 'hunt screen should be cache-busted for HP display scale');
   assert.ok(/HUNT_HP_DISPLAY_MAX = 5000/.test(huntJs), 'hunt rest should use the same 5000 HP display scale');
   assert.ok(/hpShown[\s\S]*HUNT_HP_DISPLAY_MAX/.test(huntJs), 'hunt rest description should render scaled HP instead of raw max HP');
 });
 
 
 test('marketplace groups identical sellable items and supports quantity listing', function () {
-  assert.ok(/marketplace.js\?v=20260713a/.test(indexHtml), 'marketplace screen should be cache-busted');
+  assert.ok(/marketplace.js\?v=20260713b/.test(indexHtml), 'marketplace screen should be cache-busted');
   assert.ok(/function _groupSellableItems/.test(marketplaceJs), 'sell tab should group identical items');
   assert.ok(/sell-item-count/.test(marketplaceJs), 'sell tab should display grouped item count');
   assert.ok(/sell-qty-input/.test(marketplaceJs), 'sell tab should expose quantity input');
@@ -624,6 +624,30 @@ test('hunt and arena icons are distinct', function () {
   assert.ok(/id: 'hunt'[\s\S]*icon: '\\uD83C\\uDFF9'/.test(navJs), 'bottom Hunt tab should use bow icon');
 });
 
+
+test('hunt headings and help use updated thematic icons', function () {
+  assert.ok(/hunt.js\?v=20260713d/.test(indexHtml), 'hunt screen should be cache-busted for heading icons');
+  assert.ok(/<h2>🐾 ' \+ t\('hunt_choose_creature'\)/.test(huntJs), 'hunt creature heading should have a thematic tracking icon');
+  assert.ok(/<h2>🪄 ' \+ t\('hunt_choose_spell'\)/.test(huntJs), 'hunt spell heading should use a magic wand icon');
+  assert.ok(/help.js\?v=20260713a/.test(indexHtml), 'help screen should be cache-busted for hunt icon');
+  assert.ok(/key: 'hunt'[\s\S]*\\uD83C\\uDFF9/.test(helpJs), 'help Hunt section should use bow icon, not arena swords');
+});
+
+
+test('crafting enchant tab has a back button to recipes', function () {
+  assert.ok(/crafting.js\?v=20260713a/.test(indexHtml), 'crafting screen should be cache-busted for tab back button');
+  assert.ok(/craft-tab-back-btn/.test(craftingJs), 'non-recipe crafting tabs should expose a back button');
+  assert.ok(/currentTab = 'recipes'[\s\S]*selectedRecipe = null/.test(craftingJs), 'crafting tab back button should return to recipes');
+});
+
+
+test('marketplace sell items have semantic item icons', function () {
+  assert.ok(/marketplace.js\?v=20260713b/.test(indexHtml), 'marketplace screen should be cache-busted for sell icons');
+  assert.ok(/function _marketItemIcon/.test(marketplaceJs), 'sell rows should compute semantic item icons');
+  assert.ok(/chronicle_ink:\s*'🖋️'/.test(marketplaceJs), 'Chronicle Ink should have an ink icon in sell rows');
+  assert.ok(/_marketItemIcon\(sItem\)/.test(marketplaceJs), 'sell row should render the item icon before the name');
+});
+
 if (process.exitCode) {
   process.exit(process.exitCode);
 }

Original file line number	Diff line number	Diff line change
`@@ -257,6 +257,8 @@ var CraftingScreen = (function() {`
`257`	`257`	`return html;`
`258`	`258`	`}`
`259`	`259`
	`260`	`+ html += '<button class="btn btn-secondary btn-sm craft-tab-back-btn" aria-label="' + t('craft_back') + '">' + t('craft_back') + '</button>';`
	`261`	`+`
`260`	`262`	`// Enchantable items (equipped or in bag, with slots available)`
`261`	`263`	`html += '<h2>' + t('enchant_title') + '</h2>';`
`262`	`264`	`html += '<p class="enchant-desc">' + t('enchant_desc') + '</p>';`