@jjlmoya/utils-tabletop 1.13.0 → 1.15.0

package/src/tool/first-player-selector/i18n/ru.ts

@@ -26,7 +26,7 @@ const faq = [
   },
   {
     question: 'Можно ли использовать этот инструмент на компьютере?',
-    answer: 'Да! Если у вас устройство без сенсорного экрана, инструмент автоматически переключается в режим рулетки. Вы можете нажимать на экран, чтобы разместить цветные пины, представляющие игроков, а затем нажать кнопку «Начать выбор», чтобы запустить вращение колеса.',
+    answer: 'Да! Если у вас устройство без сенсорного экрана, инструмент автоматически переключается в режим рулетки. Вы можете нажимать на экран, чтобы разместить цветные пины, представляющие игроков, а затем нажать кнопку "Начать выбор", чтобы запустить вращение колеса.',
   },
   {
     question: 'Сколько игроков может участвовать?',
@@ -58,7 +58,7 @@ const faq = [
   },
   {
     question: 'Что произойдет, если только один игрок?',
-    answer: 'В обоих режимах для выбора требуется минимум два игрока. В режиме пальцев обратный отсчет не запустится, пока не будет обнаружено как минимум два пальца. В режиме рулетки кнопка «Начать выбор» остается неактивной, пока вы не разместите как минимум два пина.',
+    answer: 'В обоих режимах для выбора требуется минимум два игрока. В режиме пальцев обратный отсчет не запустится, пока не будет обнаружено как минимум два пальца. В режиме рулетки кнопка "Начать выбор" остается неактивной, пока вы не разместите как минимум два пина.',
   },
 ];
 
@@ -69,11 +69,11 @@ const howTo = [
   },
   {
     name: '�,апустите выбор',
-    text: 'Для режима пальцев выбор начинается автоматически после удержания в течение нескольких секунд. Для режима рулетки нажмите кнопку «Начать выбор», чтобы запустить вращение.',
+    text: 'Для режима пальцев выбор начинается автоматически после удержания в течение нескольких секунд. Для режима рулетки нажмите кнопку "Начать выбор", чтобы запустить вращение.',
   },
   {
     name: 'Узнайте победителя',
-    text: 'Победитель выделяется пульсирующим эффектом, взрывом частиц и звуковыми фанфарами. Нажмите «Сбросить» или уберите все пальцы, чтобы попробовать снова.',
+    text: 'Победитель выделяется пульсирующим эффектом, взрывом частиц и звуковыми фанфарами. Нажмите "Сбросить" или уберите все пальцы, чтобы попробовать снова.',
   },
 ];
 
@@ -95,7 +95,7 @@ export const content: ToolLocaleContent<FirstPlayerSelectorUI> = {
       columns: 3,
     },
     { type: 'title', text: 'Правила настольных игр против цифровых рандомизаторов: Сенсорная революция', level: 2 },
-    { type: 'paragraph', html: 'Многие современные правила настольных игр включают тематические правила определения первого игрока, такие как «самый молодой игрок ходит первым», «последний посетивший ферму ходит первым» или «самый высокий игрок ходит первым». Хотя это забавно в первых партиях, такие правила быстро становятся повторяющимися, статичными и несправедливыми для постоянных игровых групп. Физические рандомизаторы, такие как броски кубиков или вытягивание карт, увеличивают время подготовки и подвержены человеческой предвзятости или плохому перемешиванию. Механика пальцевого выбора решает эту проблему, предлагая быстрый сенсорный рандомизатор, который выбирает первого игрока за секунды без необходимости в дополнительных картах или кубиках.' },
+    { type: 'paragraph', html: 'Многие современные правила настольных игр включают тематические правила определения первого игрока, такие как "самый молодой игрок ходит первым", "последний посетивший ферму ходит первым" или "самый высокий игрок ходит первым". Хотя это забавно в первых партиях, такие правила быстро становятся повторяющимися, статичными и несправедливыми для постоянных игровых групп. Физические рандомизаторы, такие как броски кубиков или вытягивание карт, увеличивают время подготовки и подвержены человеческой предвзятости или плохому перемешиванию. Механика пальцевого выбора решает эту проблему, предлагая быстрый сенсорный рандомизатор, который выбирает первого игрока за секунды без необходимости в дополнительных картах или кубиках.' },
     {
       type: 'table',
       headers: ['Метод выбора', 'Скорость и подготовка', 'Качество случайности', 'Лучше всего подходит для'],

package/src/tool/hidden-role-dealer/hidden-role-dealer.css

@@ -602,3 +602,84 @@
   letter-spacing: 0.05em;
   text-transform: uppercase;
 }
+
+@media (max-width: 600px) {
+  main:has(.hrd-card),
+  .tool-page:has(.hrd-card),
+  .section-tool:has(.hrd-card),
+  .tool-page:has(.hrd-card) .utility-header,
+  .tool-page:has(.hrd-card) .utility-header-title,
+  .tool-page:has(.hrd-card) .utility-header-base,
+  .tool-page:has(.hrd-card) .utility-header-highlight,
+  .tool-page:has(.hrd-card) .utility-header-description {
+    min-width: 0;
+    max-width: 100%;
+    overflow-wrap: anywhere;
+  }
+
+  main:has(.hrd-card) {
+    overflow-x: hidden;
+  }
+
+  .tool-page:has(.hrd-card) .utility-header-title {
+    font-size: clamp(2rem, 12vw, 3rem);
+    letter-spacing: 0;
+  }
+
+  .hrd-card {
+    padding: 1rem;
+    border-radius: 1rem;
+    max-width: 100%;
+    min-width: 0;
+  }
+
+  .hrd-setup-section,
+  .hrd-players-container,
+  .hrd-reveal-screen,
+  .hrd-card-container {
+    min-width: 0;
+  }
+
+  .hrd-section-title,
+  .hrd-input-row,
+  .hrd-deal-action-panel {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  .hrd-input,
+  .hrd-select,
+  .hrd-btn-primary,
+  .hrd-btn-secondary {
+    min-width: 0;
+    width: 100%;
+  }
+
+  .hrd-wizard-container {
+    min-height: 360px;
+    padding: 2rem 0.5rem;
+  }
+
+  .hrd-player-highlight,
+  .hrd-role-name,
+  .hrd-role-card.hrd-compact-card .hrd-role-name,
+  .hrd-epic-word {
+    font-size: clamp(1.5rem, 10vw, 2.25rem);
+    overflow-wrap: anywhere;
+  }
+
+  .hrd-hold-button-wrapper {
+    width: 170px;
+    height: 170px;
+  }
+
+  .hrd-hold-progress-ring {
+    width: 190px;
+    height: 190px;
+  }
+
+  .hrd-role-card,
+  .hrd-role-card.hrd-compact-card {
+    padding: 1.5rem 1rem;
+  }
+}

package/src/tool/hidden-role-dealer/i18n/fr.ts

@@ -96,7 +96,7 @@ const ui: HiddenRoleDealerUI = {
   teamImpostor: 'Imposteur',
   teamCrewmate: 'Équipier',
   impostorSharedSecretLabel: 'Information Secrète Partagée',
-  impostorSharedSecretPlaceholder: 'ex. Lieu : Restaurant, ou Mot : Pomme',
+  impostorSharedSecretPlaceholder: 'ex. Lieu: Restaurant, ou Mot: Pomme',
   impostorModeLabel: 'Mode de Calcul des Imposteurs',
   impostorModeFixed: 'Nombre Fixe',
   impostorModePercentage: 'Pourcentage',
@@ -116,7 +116,7 @@ const ui: HiddenRoleDealerUI = {
   impostorWriterDescHost: 'L\'hôte non-joueur utilise un mot aléatoire ou prédéfini.',
   impostorWriterDescPreround: 'Le pré-tour permet à tous les joueurs d\'écrire des mots en secret, puis en choisit un au hasard.',
   impostorWriterDescPlayer: 'Le joueur sélectionné écrit le mot et ne peut pas être imposteur.',
-  preroundPassTitle: 'Pré-tour : Passez l\'appareil à',
+  preroundPassTitle: 'Pré-tour: Passez l\'appareil à',
   preroundInputPrompt: 'Écrivez secrètement un mot ou un lieu :',
   preroundPassHint: 'Gardez le mot secret pour les autres joueurs !',
   btnSubmitWord: 'Envoyer le Mot',
@@ -154,7 +154,7 @@ const howTo = [
 
 export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
   slug: 'distributeur-roles-caches-secrets',
-  title: 'Distributeur de Rôles Cachés : Attribution Secrète d\'Identités',
+  title: 'Distributeur de Rôles Cachés: Attribution Secrète d\'Identités',
   description: 'Distribuez les rôles secrets localement pour vos jeux de société comme Loup-Garou, Avalon, Secret Hitler ou Imposteur sans cartes physiques.',
   ui,
   seo: [

package/src/tool/hidden-role-dealer/i18n/ru.ts

@@ -13,7 +13,7 @@ const ui: HiddenRoleDealerUI = {
   presetCustom: 'Пользовательская игра',
   dealRoles: 'Раздать тайные роли',
   clearPlayers: 'Очистить список',
-  instructions: 'Введите имена игроков, настройте тайные роли и нажмите «Раздать тайные роли».',
+  instructions: 'Введите имена игроков, настройте тайные роли и нажмите "Раздать тайные роли".',
   passTo: 'Передайте устройство',
   holdToReveal: 'Удерживайте для просмотра',
   releasingResets: 'Удерживайте нажатие для просмотра...',

package/src/tool/hidden-role-dealer/i18n/zh.ts

@@ -13,7 +13,7 @@ const ui: HiddenRoleDealerUI = {
   presetCustom: '自定义设置',
   dealRoles: '分发秘密身份',
   clearPlayers: '清空玩家',
-  instructions: '输入玩家名称，配置秘密身份，然后点击“分发秘密身份”。',
+  instructions: '输入玩家名称，配置秘密身份，然后点击"分发秘密身份"。',
   passTo: '将设备递给',
   holdToReveal: '按住以显示',
   releasingResets: '继续按住以显示...',

package/src/tool/investigation-board/i18n/fr.ts

@@ -3,7 +3,7 @@ import type { InvestigationBoardLocaleContent } from '../entry';
 
 export const content: InvestigationBoardLocaleContent = {
   slug: "createur-de-tableau-de-conspiration",
-  title: "Créateur de Tableau de Conspiration : Cartes d'Enquête RPG de Détective en Ligne",
+  title: "Créateur de Tableau de Conspiration: Cartes d'Enquête RPG de Détective en Ligne",
   description: "Concevez des tableaux de conspiration interactifs et des cartes d'enquête pour vos jeux de rôle. Connectez des personnages, indices et lieux avec des fils colorés.",
   ui: {
   "title": "Créateur de Tableau de Conspiration",
@@ -39,7 +39,7 @@ export const content: InvestigationBoardLocaleContent = {
   "immersive": "Plein écran"
 },
   seo: [
-    { type: 'title', text: "Créateur de Tableau de Conspiration en Ligne : Organisez les Indices de JdR", level: 2 },
+    { type: 'title', text: "Créateur de Tableau de Conspiration en Ligne: Organisez les Indices de JdR", level: 2 },
     { type: 'paragraph', html: "Démêler un réseau complexe de mensonges, suivre les alibis des suspects et relier les indices d'une scène de crime peut rapidement submerger un groupe de jeu de rôle. Que vous meniez une campagne de L'Appel de Cthulhu, un mystère cyberpunk, une enquête policière dans D&D ou que vous écriviez un thriller, notre créateur de tableau de conspiration en ligne est l'outil ultime. Glissez, déposez, catégorisez et reliez les indices, les PNJ et les preuves matérielles sur un tableau de liège numérique infini. Utilisez des fils de relation colorés pour voir instantanément comment les suspects sont liés aux scènes de crime, aux alibis et aux motivations secrètes, éliminant les notes papier et gardant les joueurs immergés." },
     {
       type: 'stats',
@@ -107,7 +107,7 @@ export const content: InvestigationBoardLocaleContent = {
       type: 'glossary',
       items: [
         { term: "Nœud d'enquête", definition: "Toute carte sur le tableau représentant une personne, un lieu, un indice ou un objet." },
-        { term: "Fil de relation", definition: "Une ligne colorée reliant deux cartes pour indiquer leur lien (ex : Suspect, Alibi, Propriétaire)." },
+        { term: "Fil de relation", definition: "Une ligne colorée reliant deux cartes pour indiquer leur lien (ex: Suspect, Alibi, Propriétaire)." },
         { term: "Mode Immersif", definition: "Un affichage plein écran qui masque les menus de contrôle pour maximiser l'espace sur mobile ou tablette." },
         { term: "Chemin mis en valeur", definition: "Un chemin visuel affichant uniquement les nœuds et les lignes connectés à la carte sélectionnée, estompant le reste." }
       ]
@@ -137,7 +137,7 @@ export const content: InvestigationBoardLocaleContent = {
     {
       '@context': 'https://schema.org',
       '@type': 'SoftwareApplication',
-      'name': "Créateur de Tableau de Conspiration : Cartes d'Enquête RPG de Détective en Ligne",
+      'name': "Créateur de Tableau de Conspiration: Cartes d'Enquête RPG de Détective en Ligne",
       'operatingSystem': 'All',
       'applicationCategory': 'UtilitiesApplication',
       'browserRequirements': 'Requires HTML5 SVG support. Requires JavaScript.'

package/src/tool/investigation-board/i18n/ru.ts

@@ -122,9 +122,9 @@ export const content: InvestigationBoardLocaleContent = {
     }
   ],
   faq: [
-    { question: "Как добавить линии связи?", answer: "Нажмите «Добавить связь» на панели управления или выберите карточку, кликните на иконку ссылки (цепь) и выберите цель." },
+    { question: "Как добавить линии связи?", answer: "Нажмите Добавить связь на панели управления или выберите карточку, кликните на иконку ссылки (цепь) и выберите цель." },
     { question: "Можно ли перетаскивать карточки на телефоне?", answer: "Да, доска поддерживает сенсорные жесты для плавного перетаскивания и перемещения карточек на смартфонах и планшетах." },
-    { question: "Можно ли использовать свои цвета карточек?", answer: "Да. Дважды кликните по карточке, выберите «Особый» в категории и настройте цвет выделения." },
+    { question: "Можно ли использовать свои цвета карточек?", answer: "Да. Дважды кликните по карточке, выберите Особый в категории и настройте цвет выделения." },
     { question: "Сохраняет ли доска мою работу?", answer: "Да. Прогресс автоматически сохраняется в локальном хранилище вашего браузера под текущим именем доски." },
     { question: "Как масштабировать и перемещаться по доске?", answer: "Используйте жесты сжатия (pinch) для зума или колесо мыши. Перетаскивайте фон для перемещения по холсту." }
   ],
@@ -151,7 +151,7 @@ export const content: InvestigationBoardLocaleContent = {
           'name': "Как добавить линии связи?",
           'acceptedAnswer': {
             '@type': 'Answer',
-            'text': "Нажмите «Добавить связь» на панели управления или выберите карточку, кликните на иконку ссылки (цепь) и выберите цель."
+            'text': "Нажмите Добавить связь на панели управления или выберите карточку, кликните на иконку ссылки (цепь) и выберите цель."
           }
         },
         {
@@ -167,7 +167,7 @@ export const content: InvestigationBoardLocaleContent = {
           'name': "Можно ли использовать свои цвета карточек?",
           'acceptedAnswer': {
             '@type': 'Answer',
-            'text': "Да. Дважды кликните по карточке, выберите «Особый» в категории и настройте цвет выделения."
+            'text': "Да. Дважды кликните по карточке, выберите Особый в категории и настройте цвет выделения."
           }
         },
         {

package/src/tool/investigation-board/i18n/zh.ts

@@ -122,7 +122,7 @@ export const content: InvestigationBoardLocaleContent = {
     }
   ],
   faq: [
-    { question: "如何添加连接线？", answer: "点击控制面板中的“添加连接”，或点击卡片上的链接图标，然后选择目标卡片。" },
+    { question: "如何添加连接线？", answer: "点击控制面板中的'添加连接'，或点击卡片上的链接图标，然后选择目标卡片。" },
     { question: "我可以在手机上拖动卡片吗？", answer: "可以，画板支持触摸手势，可在智能手机和平板电脑上流畅地拖动和移动卡片。" },
     { question: "我可以使用自定义的卡片颜色吗？", answer: "可以。双击卡片，在类别下选择 Custom，然后选择高亮颜色。" },
     { question: "画板会保存我的工作吗？", answer: "会。您的进度会自动保存在浏览器的本地存储中，保存在当前画板名称下。" },
@@ -151,7 +151,7 @@ export const content: InvestigationBoardLocaleContent = {
           'name': "如何添加连接线？",
           'acceptedAnswer': {
             '@type': 'Answer',
-            'text': "点击控制面板中的“添加连接”，或点击卡片上的链接图标，然后选择目标卡片。"
+            'text': "点击控制面板中的'添加连接'，或点击卡片上的链接图标，然后选择目标卡片。"
           }
         },
         {

package/src/tool/investigation-board/investigation-board.css

@@ -792,8 +792,88 @@
 }
 
 @media (max-width: 768px) {
+  main:has(.investigation-board-main),
+  .tool-page:has(.investigation-board-main),
+  .section-tool:has(.investigation-board-main),
+  .tool-page:has(.investigation-board-main) .utility-header,
+  .tool-page:has(.investigation-board-main) .utility-header-title,
+  .tool-page:has(.investigation-board-main) .utility-header-base,
+  .tool-page:has(.investigation-board-main) .utility-header-highlight,
+  .tool-page:has(.investigation-board-main) .utility-header-description {
+    min-width: 0;
+    max-width: 100%;
+    overflow-wrap: anywhere;
+  }
+
+  main:has(.investigation-board-main) {
+    overflow-x: hidden;
+  }
+
+  .tool-page:has(.investigation-board-main) .utility-header-title {
+    font-size: clamp(2rem, 12vw, 3rem);
+    letter-spacing: 0;
+  }
+
+  .investigation-board-main {
+    height: 520px;
+    min-height: 520px;
+  }
+
+  .control-panel {
+    padding: 0.5rem;
+  }
+
+  .board-management-row,
+  .search-filter-row,
+  .action-buttons-row,
+  .zoom-controls {
+    max-width: calc(100% - 1rem);
+  }
+
+  .board-management-row {
+    left: 0.5rem;
+    right: 0.5rem;
+    width: auto;
+    flex-wrap: wrap;
+  }
+
+  .board-management-row select {
+    flex: 1 1 7rem;
+    width: auto;
+  }
+
+  .search-filter-row {
+    top: 4.25rem;
+    right: 0.5rem;
+  }
+
+  .filter-group {
+    max-width: 155px;
+  }
+
+  .action-buttons-row {
+    left: 0.5rem;
+    right: 0.5rem;
+    transform: none;
+    justify-content: center;
+    flex-wrap: wrap;
+    width: auto;
+  }
+
+  .action-buttons-row .btn {
+    flex: 1 1 5.5rem;
+    padding: 0.3rem 0.45rem;
+  }
+
+  .board-node {
+    width: min(220px, calc(100vw - 4rem));
+    padding: 0.75rem;
+  }
+
   .zoom-controls {
     bottom: 4.5rem;
-    right: 0.75rem;
+    left: 50%;
+    right: auto;
+    transform: translateX(-50%);
   }
 }

package/src/tool/lunar-tide-tracker/i18n/fr.ts

@@ -49,7 +49,7 @@ export const content: LunarTideLocaleContent = {
     { type: 'title', text: 'À quoi sert le champ Décalage de départ', level: 2 },
     { type: 'paragraph', html: 'Le <strong>Décalage de départ</strong> décale la phase initiale d\'une lune au jour 0 de campagne. Un décalage de 0 commence à la nouvelle lune. Un décalage égal à la moitié de la période orbitale commence à la pleine lune. Utilisez-le pour reproduire la phase décrite dans votre scène d\'ouverture ou pour que deux lunes ne commencent pas alignées.' },
     { type: 'title', text: 'Ce que le niveau de marée signifie pour votre partie', level: 2 },
-    { type: 'paragraph', html: 'Le niveau de marée combine l\'attraction gravitationnelle de toutes les lunes actives selon leurs phases actuelles. Une <strong>vive-eau</strong> (au-dessus de 75%) se produit quand les lunes sont presque alignées. Une <strong>morte-eau</strong> (en dessous de 30%) survient quand les lunes sont en phases opposées. Liez cela à n\'importe quel système mécanique : bonus aux jets de sauvegarde, seuils de métamorphose lycanthropique ou sévérité des tempêtes.' },
+    { type: 'paragraph', html: 'Le niveau de marée combine l\'attraction gravitationnelle de toutes les lunes actives selon leurs phases actuelles. Une <strong>vive-eau</strong> (au-dessus de 75%) se produit quand les lunes sont presque alignées. Une <strong>morte-eau</strong> (en dessous de 30%) survient quand les lunes sont en phases opposées. Liez cela à n\'importe quel système mécanique: bonus aux jets de sauvegarde, seuils de métamorphose lycanthropique ou sévérité des tempêtes.' },
     {
       type: 'comparative',
       items: [
@@ -102,10 +102,10 @@ export const content: LunarTideLocaleContent = {
     {
       type: 'diagnostic',
       variant: 'info',
-      title: 'Conseil : Configurer une phase précise pour la session 1',
+      title: 'Conseil: Configurer une phase précise pour la session 1',
       icon: 'mdi:information-outline',
       badge: 'CONSEIL DE CONFIGURATION',
-      html: 'Si votre campagne commence sous un croissant de lune, réglez le décalage à environ 20% de la période orbitale. Pour une pleine lune, utilisez 50% de la période comme décalage. Exemple : lune de 28 jours débutant pleine, décalage 14. Avancez le compteur au jour actuel de campagne et la prévision affichera automatiquement les 10 prochains jours.'
+      html: 'Si votre campagne commence sous un croissant de lune, réglez le décalage à environ 20% de la période orbitale. Pour une pleine lune, utilisez 50% de la période comme décalage. Exemple: lune de 28 jours débutant pleine, décalage 14. Avancez le compteur au jour actuel de campagne et la prévision affichera automatiquement les 10 prochains jours.'
     }
   ],
   faq: [
@@ -116,7 +116,7 @@ export const content: LunarTideLocaleContent = {
     { question: 'Puis-je l\'utiliser pour L\'Appel de Cthulhu ou des campagnes d\'horreur ?', answer: 'Oui. Utilisez une lune de 29 jours et réglez le décalage pour que la pleine lune tombe sur le climax de la session. Le suivi de marée peut représenter l\'influence du Mythe ou des pics de sensibilité psychique.' },
     { question: 'Comment fonctionne la prévision sur 10 jours ?', answer: 'La prévision affiche la phase lunaire de chaque lune active sous forme de point coloré pour chacun des 10 prochains jours de campagne. Le pourcentage indiqué est le niveau de marée combiné. Les jours avec des valeurs élevées sont de bons candidats pour des rencontres dramatiques.' },
     { question: 'Puis-je suivre une lune avec un cycle très court, comme 7 jours ?', answer: 'Oui. Réglez la période orbitale sur 7. La lune accomplira un cycle complet chaque semaine de temps de jeu. Utile pour les mondes où la magie lunaire se réinitialise chaque semaine.' },
-    { question: 'Comment reproduire la phase lunaire d\'un module d\'aventure publié ?', answer: 'Notez la phase décrite et comptez combien de jours du cycle cela représente. Divisez par la période orbitale et utilisez ce résultat comme décalage. Exemple : premier quartier au jour 0 d\'un cycle de 28 jours signifie un décalage de 7.' }
+    { question: 'Comment reproduire la phase lunaire d\'un module d\'aventure publié ?', answer: 'Notez la phase décrite et comptez combien de jours du cycle cela représente. Divisez par la période orbitale et utilisez ce résultat comme décalage. Exemple: premier quartier au jour 0 d\'un cycle de 28 jours signifie un décalage de 7.' }
   ],
   bibliography,
   howTo: [