@jjlmoya/utils-tabletop 1.6.0 → 1.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-tabletop",
-    "version": "1.6.0",
+    "version": "1.8.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",

package/src/entries.ts

@@ -12,6 +12,8 @@ export { fantasyRunesTranslator } from './tool/fantasy-runes-translator/entry';
 export type { FantasyRunesTranslatorUI, FantasyRunesTranslatorLocaleContent } from './tool/fantasy-runes-translator/entry';
 export { investigationBoard } from './tool/investigation-board/entry';
 export type { InvestigationBoardUI, InvestigationBoardLocaleContent } from './tool/investigation-board/entry';
+export { lunarTideTracker } from './tool/lunar-tide-tracker/entry';
+export type { LunarTideUI, LunarTideLocaleContent } from './tool/lunar-tide-tracker/entry';
 export { tabletopCategory } from './category';
 
 import { diceRollerSimulator } from './tool/dice-roller-simulator/entry';
@@ -22,6 +24,17 @@ import { initiativeTracker } from './tool/rpg-initiative-tracker/entry';
 import { fantasyRunesTranslator } from './tool/fantasy-runes-translator/entry';
 import { decisionWheel } from './tool/decision-wheel/entry';
 import { investigationBoard } from './tool/investigation-board/entry';
+import { lunarTideTracker } from './tool/lunar-tide-tracker/entry';
 
-export const ALL_ENTRIES = [diceRollerSimulator, boardGameTimer, firstPlayerSelector, scoreTracker, initiativeTracker, fantasyRunesTranslator, decisionWheel, investigationBoard];
+export const ALL_ENTRIES = [
+  diceRollerSimulator,
+  boardGameTimer,
+  firstPlayerSelector,
+  scoreTracker,
+  initiativeTracker,
+  fantasyRunesTranslator,
+  decisionWheel,
+  investigationBoard,
+  lunarTideTracker,
+];
 

package/src/index.ts

@@ -5,6 +5,7 @@ export { diceRollerSimulator, DICE_ROLLER_SIMULATOR_TOOL } from './tool/dice-rol
 export { boardGameTimer, BOARD_GAME_TIMER_TOOL } from './tool/board-game-timer';
 export { fantasyRunesTranslator, FANTASY_RUNES_TRANSLATOR_TOOL } from './tool/fantasy-runes-translator';
 export { investigationBoard, INVESTIGATION_BOARD_TOOL } from './tool/investigation-board';
+export { lunarTideTracker, LUNAR_TIDE_TRACKER_TOOL } from './tool/lunar-tide-tracker';
 
 
 export type {

package/src/tests/locale_completeness.test.ts

@@ -22,7 +22,7 @@ describe('Locale Completeness Validation', () => {
   });
 
   it('all tools registered', () => {
-    expect(ALL_TOOLS.length).toBe(8);
+    expect(ALL_TOOLS.length).toBe(9);
   });
 
 

package/src/tests/tool_validation.test.ts

@@ -5,7 +5,7 @@ import { tabletopCategory } from '../data';
 describe('Tool Validation Suite', () => {
   describe('Library Registration', () => {
     it('should have tools in ALL_TOOLS', () => {
-      expect(ALL_TOOLS.length).toBe(8);
+      expect(ALL_TOOLS.length).toBe(9);
     });
 
 

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

@@ -3,8 +3,8 @@ import type { InvestigationBoardLocaleContent } from '../entry';
 
 export const content: InvestigationBoardLocaleContent = {
   slug: "verschwoerungsbrett-ersteller",
-  title: "Verschwörungsbrett Ersteller",
-  description: "Entwerfen Sie interaktive Verschwörungsbretter und Ermittlungskarten. Verbinden Sie Charaktere, Hinweise, Orte und verfolgen Sie Beziehungen mit benutzerdefinierten Links.",
+  title: "Verschwörungsbrett Ersteller: Online Detektiv RPG Ermittlungskarten",
+  description: "Erstellen Sie interaktive Verschwörungsbretter und RPG-Ermittlungskarten. Verbinden Sie Verdächtige, Hinweise und Tatorte mit farbigen Fäden.",
   ui: {
   "title": "Verschwörungsbrett Ersteller",
   "addCard": "Karte hinzufügen",
@@ -39,8 +39,8 @@ export const content: InvestigationBoardLocaleContent = {
   "immersive": "Vollbild"
 },
   seo: [
-    { type: 'title', text: "Verschwörungsbrett Ersteller für Tabletop und Detektiv RPG Spiele", level: 2 },
-    { type: 'paragraph', html: "Erstellen Sie immersive Ermittlungskarten und Verschwörungsbretter für Ihre Tabletop-Rollenspiele. Ziehen Sie Hinweise, Orte und Charaktere per Drag-and-Drop und verbinden Sie diese mit benutzerdefinierten Fäden, um komplexe Geheimnisse zu visualisieren." },
+    { type: 'title', text: "Online Verschwörungsbrett Ersteller: Organisieren Sie Detektiv-RPG-Hinweise", level: 2 },
+    { type: 'paragraph', html: "Das Entwirren eines komplexen Geflechts aus Lügen, das Verfolgen von Alibis von Verdächtigen und das Verknüpfen von Beweisen am Tatort kann jede Detektiv-RPG-Gruppe überfordern. Egal, ob Sie eine Call of Cthulhu-Kampagne, ein Cyberpunk-Krimi-Spiel, ein Detektiv-Abenteuer in D&D leiten oder einen Thriller schreiben - unser Online-Verschwörungsbrett-Ersteller ist das ultimative Werkzeug. Ziehen, kategorisieren und verknüpfen Sie Hinweise, NPCs und physische Beweise auf einer unbegrenzten digitalen Korktafel. Nutzen Sie farbcodierte Beziehungsfäden, um sofort zu sehen, wie Verdächtige mit Tatorten, Alibis und geheimen Motiven zusammenhängen. So gehören unübersichtliche Papierzettel der Vergangenheit an und Ihre Spieler bleiben vollständig in die Ermittlung eingetaucht." },
     {
       type: 'stats',
       items: [
@@ -50,35 +50,94 @@ export const content: InvestigationBoardLocaleContent = {
       ],
       columns: 3
     },
-    { type: 'title', text: "Wie man eine Ermittlungskarte aufbaut", level: 2 },
-    { type: 'paragraph', html: "Fügen Sie benutzerdefinierte Karten hinzu, die Hinweise, Charaktere, Gegenstände und Orte darstellen. Ziehen Sie sie auf dem Raster in Position. Wählen Sie zwei Karten aus, um sie mit einem farbigen Beziehungsfaden zu verbinden. Doppelklicken Sie auf Knoten oder Fäden, um detaillierte Informationen anzuzeigen." }
-  ],
-  faq: [
+    { type: 'title', text: "Tipps zur Strukturierung Ihrer Detektiv-RPG-Ermittlungskarte", level: 2 },
+    { type: 'tip', title: "Die Drei Hinweise Regel", html: "Fügen Sie für jede Schlussfolgerung oder Deduktion, die die Spieler ziehen sollen, mindestens drei verschiedene Hinweise auf dem Ermittlungsbrett hinzu. Verbinden Sie diese mit benutzerdefinierten farbigen Fäden, um alternative Argumentationslinien aufzuzeigen. Verwenden Sie Charakterkarten für Verdächtige und Zeugen, Ortskarten für Tatorte und Gegenstandskarten für physische Beweise oder Dokumente. Halten Sie die Notizen stets mit den Entdeckungen der Spieler auf dem neuesten Stand." },
+    { type: 'title', text: "Digitale Verschwörungsbretter im Vergleich zu physischen Korktafeln mit rotem Faden", level: 2 },
     {
-      question: "Wie füge ich Verbindungslinien hinzu?",
-      answer: "Klicken Sie im Bedienfeld auf Verbindung hinzufügen, wählen Sie die Ausgangs- und Zielkarten aus, weisen Sie eine Textbeschriftung und eine Farbe zu und speichern Sie sie."
+      type: 'proscons',
+      title: "Digitale Verschwörungsbretter im Vergleich zu physischen Korktafeln mit rotem Faden",
+      items: [
+        { pro: "Unbegrenzte Brettgröße, um so viele Hinweise, Verdächtige und Charakterbeziehungen wie nötig ohne Platzmangel hinzuzufügen.", con: "Erfordert einen Bildschirm, ein Tablet oder ein digitales Gerät während der Spielrunde." },
+        { pro: "Sofortige Suche und Kategoriefilter, um bestimmte Zeugen oder Hinweise während der Runden sofort zu finden.", con: "Es fehlt das haptische Gefühl von echtem roten Faden und Pins an einer echten Wand." },
+        { pro: "Speichern, Laden und Teilen Sie Karten digital, ohne physischen Platz zwischen den Spieleabenden einzunehmen.", con: "Erfordert Internetzugang oder lokalen Speicher des Browsers, um den Zustand des Bretts zu sichern." }
+      ]
     },
+    { type: 'title', text: "Auswahl der Kartenkategorien für Ihre Ermittlungskarte", level: 3 },
     {
-      question: "Kann ich Karten auf dem Handy ziehen?",
-      answer: "Ja, das Board unterstützt Touch-Events, um Karten auf Smartphones und Tablets reibungslos zu ziehen und zu bewegen."
-    }
-  ],
-  bibliography,
-  howTo: [
+      type: 'comparative',
+      items: [
+        {
+          title: "Charakterknoten",
+          description: "Stellt NPCs, Verdächtige, Zeugen oder Organisationen dar. Heben Sie Beziehungen mit farbigen Linien hervor.",
+          icon: 'mdi:account-group',
+          highlight: true,
+          points: [
+            "Verdächtigen-Alibis und Motive verfolgen",
+            "Familien- und Fraktionsverbindungen verknüpfen",
+            "Zeugenaussagen im Detail festhalten"
+          ]
+        },
+        {
+          title: "Hinweisknoten",
+          description: "Stellt physische Beweise, Berichte, Alibis oder Gerüchte dar, die von den Spielern entdeckt wurden.",
+          icon: 'mdi:magnify',
+          highlight: false,
+          points: [
+            "Obduktionsberichte und forensische Analysen",
+            "Physische Beweismittel vom Tatort",
+            "Aufgeschnappte Gerüchte und Geheimnisse"
+          ]
+        },
+        {
+          title: "Ortsknoten",
+          description: "Tatorte, Häuser von Verdächtigen, geheime Verstecke oder Städte.",
+          icon: 'mdi:map-marker',
+          highlight: false,
+          points: [
+            "Tatortfotos und Umgebungskarten",
+            "Wohnorte wichtiger NPCs",
+            "Geheime Unterschlüpfe und Portale"
+          ]
+        }
+      ],
+      columns: 3
+    },
+    { type: 'title', text: "Glossar zur Verschwörungskartierung", level: 3 },
     {
-      name: "Ermittlungskarten hinzufügen",
-      text: "Erstellen Sie Karten, die NPCs, Hinweise, Tatorte oder Gegenstände darstellen."
+      type: 'glossary',
+      items: [
+        { term: "Ermittlungsknoten", definition: "Jede Karte auf dem Brett, die eine Person, einen Ort, einen Hinweis oder einen Gegenstand darstellt." },
+        { term: "Beziehungsfaden", definition: "Eine farbige Linie, die zwei Karten verbindet und zeigt, wie sie zusammenhängen (z. B. Verdächtig, Alibi, Eigentümer)." },
+        { term: "Vollbildmodus", definition: "Ein Layout, das die Steuerungselemente ausblendet, um den Arbeitsbereich auf Mobilgeräten oder Tablets zu maximieren." },
+        { term: "Hervorhebungspfad", definition: "Ein visueller Pfad, der nur die verbundenen Knoten einer ausgewählten Karte anzeigt und den Rest dimmt." }
+      ]
     },
     {
-      name: "Beziehungen verknüpfen",
-      text: "Erstellen Sie Verbindungslinien zwischen Karten, um zu zeigen, wie Hinweise zusammenhängen."
+      type: 'diagnostic',
+      variant: 'info',
+      title: "Leistungstipp für Mobilgeräte",
+      icon: 'mdi:information-outline',
+      badge: 'GRID TIP',
+      html: "Wenn das Ziehen von Knoten auf älteren Tablets langsam ist, aktivieren Sie den Vollbildmodus. Stellen Sie sicher, dass das Einrasten am Raster aktiviert ist (Karten rasten alle 15px ein), um das Brett mit minimalem Aufwand ordentlich zu halten."
     }
   ],
+  faq: [
+    { question: "Wie füge ich Verbindungslinien hinzu?", answer: "Klicken Sie auf Verbindung hinzufügen oder wählen Sie eine Karte aus, klicken Sie auf das Link-Symbol und wählen Sie die Zielkarte." },
+    { question: "Kann ich Karten auf dem Handy ziehen?", answer: "Ja, das Board unterstützt Touch-Events, um Karten auf Smartphones und Tablets reibungslos zu ziehen und zu bewegen." },
+    { question: "Kann ich benutzerdefinierte Kartenfarben verwenden?", answer: "Ja. Doppelklicken Sie auf eine Karte, wählen Sie Custom in der Kategorie und wählen Sie eine Highlight-Farbe." },
+    { question: "Speichert das Board meine Arbeit?", answer: "Ja. Ihr Fortschritt wird automatisch im lokalen Speicher Ihres Browsers unter dem aktuellen Brettnamen gespeichert." },
+    { question: "Wie kann ich zoomen und mich auf dem Brett bewegen?", answer: "Verwenden Sie Pinch-to-Zoom-Gesten oder das Mausrad zum Zoomen. Ziehen Sie den Hintergrund, um das Brett zu bewegen." }
+  ],
+  bibliography,
+  howTo: [
+    { name: "Ermittlungskarten hinzufügen", text: "Erstellen Sie Karten, die NPCs, Hinweise, Tatorte oder Gegenstände darstellen." },
+    { name: "Beziehungen verknüpfen", text: "Erstellen Sie Verbindungslinien zwischen Karten, um zu zeigen, wie Hinweise zusammenhängen." }
+  ],
   schemas: [
     {
       '@context': 'https://schema.org',
       '@type': 'SoftwareApplication',
-      'name': "Verschwörungsbrett Ersteller",
+      'name': "Verschwörungsbrett Ersteller: Online Detektiv RPG Ermittlungskarten",
       'operatingSystem': 'All',
       'applicationCategory': 'UtilitiesApplication',
       'browserRequirements': 'Requires HTML5 SVG support. Requires JavaScript.'
@@ -92,7 +151,7 @@ export const content: InvestigationBoardLocaleContent = {
           'name': "Wie füge ich Verbindungslinien hinzu?",
           'acceptedAnswer': {
             '@type': 'Answer',
-            'text': "Klicken Sie im Bedienfeld auf Verbindung hinzufügen, wählen Sie die Ausgangs- und Zielkarten aus, weisen Sie eine Textbeschriftung und eine Farbe zu und speichern Sie sie."
+            'text': "Klicken Sie auf Verbindung hinzufügen oder wählen Sie eine Karte aus, klicken Sie auf das Link-Symbol und wählen Sie die Zielkarte."
           }
         },
         {
@@ -102,6 +161,30 @@ export const content: InvestigationBoardLocaleContent = {
             '@type': 'Answer',
             'text': "Ja, das Board unterstützt Touch-Events, um Karten auf Smartphones und Tablets reibungslos zu ziehen und zu bewegen."
           }
+        },
+        {
+          '@type': 'Question',
+          'name': "Kann ich benutzerdefinierte Kartenfarben verwenden?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "Ja. Doppelklicken Sie auf eine Karte, wählen Sie Custom in der Kategorie und wählen Sie eine Highlight-Farbe."
+          }
+        },
+        {
+          '@type': 'Question',
+          'name': "Speichert das Board meine Arbeit?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "Ja. Ihr Fortschritt wird automatisch im lokalen Speicher Ihres Browsers unter dem aktuellen Brettnamen gespeichert."
+          }
+        },
+        {
+          '@type': 'Question',
+          'name': "Wie kann ich zoomen und mich auf dem Brett bewegen?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "Verwenden Sie Pinch-to-Zoom-Gesten oder das Mausrad zum Zoomen. Ziehen Sie den Hintergrund, um das Brett zu bewegen."
+          }
         }
       ]
     },

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

@@ -2,86 +2,145 @@ import { bibliography } from '../bibliography';
 import type { InvestigationBoardLocaleContent } from '../entry';
 
 export const content: InvestigationBoardLocaleContent = {
-  slug: 'investigation-board',
-  title: 'Conspiracy Board Maker',
-  description: 'Design interactive conspiracy boards and investigation maps. Connect characters, clues, locations, and trace relationships with customized links.',
+  slug: "investigation-board",
+  title: "Conspiracy Board Maker: Online Detective RPG Clue & Relationship Map Organizer",
+  description: "Design interactive digital conspiracy boards, virtual cork boards with red string, and RPG investigation maps. Connect clues, suspects, and locations for tabletop mystery campaigns.",
   ui: {
-    title: 'Conspiracy Board Maker',
-    addCard: 'Add Card',
-    searchPlaceholder: 'Search cards by name or clues',
-    filterAll: 'All Categories',
-    filterCharacter: 'Characters',
-    filterClue: 'Clues',
-    filterLocation: 'Locations',
-    filterItem: 'Items',
-    cardName: 'Card Name',
-    cardCategory: 'Category',
-    cardDescription: 'Description',
-    cardNotes: 'Private Notes',
-    cardTags: 'Tags separated by commas',
-    cardColor: 'Card Highlight Color',
-    save: 'Save Changes',
-    delete: 'Delete',
-    cancel: 'Cancel',
-    clearBoard: 'Clear Board',
-    connectionsTitle: 'Relationships Map',
-    addConnection: 'Add Connection',
-    connectionLabel: 'Relationship Label',
-    connectionColor: 'Line Color',
-    sourceCard: 'From Card',
-    targetCard: 'To Card',
-    close: 'Close',
-    character: 'Character',
-    clue: 'Clue',
-    location: 'Location',
-    item: 'Item',
-    custom: 'Custom',
-    immersive: 'Fullscreen',
-  },
+  "title": "Conspiracy Board Maker",
+  "addCard": "Add Card",
+  "searchPlaceholder": "Search cards by name or clues",
+  "filterAll": "All Categories",
+  "filterCharacter": "Characters",
+  "filterClue": "Clues",
+  "filterLocation": "Locations",
+  "filterItem": "Items",
+  "cardName": "Card Name",
+  "cardCategory": "Category",
+  "cardDescription": "Description",
+  "cardNotes": "Private Notes",
+  "cardTags": "Tags separated by commas",
+  "cardColor": "Card Highlight Color",
+  "save": "Save Changes",
+  "delete": "Delete",
+  "cancel": "Cancel",
+  "clearBoard": "Clear Board",
+  "connectionsTitle": "Relationships Map",
+  "addConnection": "Add Connection",
+  "connectionLabel": "Relationship Label",
+  "connectionColor": "Line Color",
+  "sourceCard": "From Card",
+  "targetCard": "To Card",
+  "close": "Close",
+  "character": "Character",
+  "clue": "Clue",
+  "location": "Location",
+  "item": "Item",
+  "custom": "Custom",
+  "immersive": "Fullscreen"
+},
   seo: [
-    { type: 'title', text: 'Conspiracy Board Maker for Tabletop and Detective RPG Games', level: 2 },
-    { type: 'paragraph', html: 'Create immersive investigation maps and conspiracy boards for your tabletop roleplaying games. Drag and drop clues, locations, and characters, then connect them with customized threads to visualize complex mysteries.' },
+    { type: 'title', text: "Online Conspiracy Board Maker: Organize Detective RPG Clues & Relationship Maps", level: 2 },
+    { type: 'paragraph', html: "Unraveling a complex web of lies, tracking suspect alibis, and connecting crime scene evidence can overwhelm any detective RPG group. Whether you are running a Call of Cthulhu campaign, a Cyberpunk murder mystery, a homebrew D&D detective quest, or writing a thriller novel, our online conspiracy board maker is the ultimate tool. Drag, drop, categorize, and link clues, NPCs, and physical evidence on an infinite digital cork board. Use color-coded relationship threads to instantly see how suspects relate to crime scenes, alibis, and hidden motives, eliminating messy paper notes and keeping players fully immersed in the investigation." },
     {
       type: 'stats',
       items: [
-        { value: 'Unlimited', label: 'Nodes Board' },
-        { value: '4', label: 'Categories' },
-        { value: 'Drag and Drop', label: 'Interface' },
+        { value: "Unlimited", label: "Nodes Board" },
+        { value: "4", label: "Categories" },
+        { value: "Drag-and-Drop", label: "Interface" }
       ],
-      columns: 3,
+      columns: 3
     },
-    { type: 'title', text: 'How to Build an Investigation Map', level: 2 },
-    { type: 'paragraph', html: 'Add custom cards representing clues, characters, items, and locations. Drag them into positions on the grid. Select two cards to link them with a colored relationship thread. Double click nodes or threads to view detailed information.' },
-  ],
-  faq: [
+    { type: 'title', text: "Tips for Structuring Your Detective RPG Mystery Board", level: 2 },
+    { type: 'tip', title: "The Three Clue Rule", html: "For every conclusion or deduction you want the players to make, add at least three distinct clues to the board. Connect them using custom colored threads to show alternative lines of reasoning. Use Character cards for suspects and witnesses, Locations for crime scenes, and Items for physical evidence or documents. Keep notes updated with player discoveries." },
+    { type: 'title', text: "Digital Conspiracy Boards vs Physical Cork Boards", level: 2 },
+    {
+      type: 'proscons',
+      title: "Digital Conspiracy Boards vs Physical Cork Boards",
+      items: [
+        { pro: "Infinite canvas size to add as many clues and character relationships as needed without space limits.", con: "Requires a screen, tablet, or digital device during the tabletop session." },
+        { pro: "Instant search and category filters to locate specific witnesses or clues during sessions.", con: "Lacks the tactile feel of physical red string and pins on a wall." },
+        { pro: "Save, load, and share maps digitally without taking up physical space between game nights.", con: "Requires internet access or local storage to persist the board state." }
+      ]
+    },
+    { type: 'title', text: "Choosing Card Categories for Your Mystery Map", level: 3 },
     {
-      question: 'How do I add connection lines?',
-      answer: 'Click Add Connection in the control panel, choose the source and target cards, assign a text label and color, and save it.',
+      type: 'comparative',
+      items: [
+        {
+          title: "Character Nodes",
+          description: "Used to represent NPCs, suspects, witnesses, or organizations. Highlight relationships with colored lines.",
+          icon: 'mdi:account-group',
+          highlight: true,
+          points: [
+            "Track suspect alibis and motives",
+            "Link family and faction ties",
+            "Record witness testimonies"
+          ]
+        },
+        {
+          title: "Clue Nodes",
+          description: "Represent physical evidence, autopsy reports, alibis, or rumors discovered by the players during the campaign.",
+          icon: 'mdi:magnify',
+          highlight: false,
+          points: [
+            "Autopsy and forensic reports",
+            "Physical items from crime scenes",
+            "Heard rumors and secrets"
+          ]
+        },
+        {
+          title: "Location Nodes",
+          description: "Crime scenes, suspect houses, local hideouts, or cities where events take place.",
+          icon: 'mdi:map-marker',
+          highlight: false,
+          points: [
+            "Crime scene photos and maps",
+            "Residences of key NPCs",
+            "Secret hideouts and portals"
+          ]
+        }
+      ],
+      columns: 3
     },
+    { type: 'title', text: "Conspiracy Mapping Terminology Glossary", level: 3 },
     {
-      question: 'Can I drag cards on mobile?',
-      answer: 'Yes, the board supports touch events to drag and move cards around smoothly on smartphones and tablets.',
+      type: 'glossary',
+      items: [
+        { term: "Node", definition: "Any card on the canvas representing a person, location, clue, or item." },
+        { term: "Relationship Thread", definition: "A colored line linking two cards, indicating how they are connected (e.g. Investigating, Alibi, Owner)." },
+        { term: "Immersive Mode", definition: "A fullscreen layout that hides control panels, maximizing canvas workspace on mobile or tablets." },
+        { term: "Highlight Path", definition: "A visual path showing only the connected nodes and lines of a selected card, dimming the rest of the board." }
+      ]
     },
+    {
+      type: 'diagnostic',
+      variant: 'info',
+      title: "Performance Tip for Mobile Devices",
+      icon: 'mdi:information-outline',
+      badge: 'GRID TIP',
+      html: "If dragging nodes feels slow on older tablets or phones, toggle the fullscreen mode to hide unnecessary menus. Make sure grid snapping is enabled (cards snap to every 15px) for consistent alignment with minimal effort."
+    }
+  ],
+  faq: [
+    { question: "How do I add cards?", answer: "Click Add Card in the control panel or long press on any empty space on the background canvas to open the context menu and select Add Card at that position." },
+    { question: "How do I connect two cards?", answer: "Click the link icon (chain) on a card, then click on the target card to create a connection. Or select Add Connection in the control panel to choose cards manually." },
+    { question: "Can I use custom card colors?", answer: "Yes. Open a card by double-clicking it, select Custom under the Category dropdown, pick your desired highlight color, and click Save Changes." },
+    { question: "Does the board save my work?", answer: "Yes. Your progress is saved automatically to your browser local storage under the current board name. You can create multiple boards using the dropdown selector." },
+    { question: "How do I zoom and pan the board?", answer: "Use pinch-to-zoom gestures or the mouse wheel to zoom in and out. Drag the background to pan the canvas around smoothly." }
   ],
   bibliography,
   howTo: [
-    {
-      name: 'Add Investigation Cards',
-      text: 'Create cards representing NPCs, clues, crime scenes, or items.',
-    },
-    {
-      name: 'Link Relationships',
-      text: 'Create connection lines between cards to show how clues relate.',
-    },
+    { name: "Add Investigation Cards", text: "Create cards representing NPCs, clues, crime scenes, or items." },
+    { name: "Link Relationships", text: "Create connection lines between cards to show how clues relate." }
   ],
   schemas: [
     {
       '@context': 'https://schema.org',
       '@type': 'SoftwareApplication',
-      'name': 'Conspiracy Board Maker',
+      'name': "Conspiracy Board Maker: Online Detective RPG Clue & Relationship Map Organizer",
       'operatingSystem': 'All',
       'applicationCategory': 'UtilitiesApplication',
-      'browserRequirements': 'Requires HTML5 SVG support. Requires JavaScript.',
+      'browserRequirements': 'Requires HTML5 SVG support. Requires JavaScript.'
     },
     {
       '@context': 'https://schema.org',
@@ -89,39 +148,62 @@ export const content: InvestigationBoardLocaleContent = {
       'mainEntity': [
         {
           '@type': 'Question',
-          'name': 'How do I add connection lines?',
+          'name': "How do I add cards?",
           'acceptedAnswer': {
             '@type': 'Answer',
-            'text': 'Click Add Connection in the control panel, choose the source and target cards, assign a text label and color, and save it.',
-          },
+            'text': "Click Add Card in the control panel or long press on any empty space on the background canvas to open the context menu and select Add Card at that position."
+          }
         },
         {
           '@type': 'Question',
-          'name': 'Can I drag cards on mobile?',
+          'name': "How do I connect two cards?",
           'acceptedAnswer': {
             '@type': 'Answer',
-            'text': 'Yes, the board supports touch events to drag and move cards around smoothly on smartphones and tablets.',
-          },
+            'text': "Click the link icon (chain) on a card, then click on the target card to create a connection. Or select Add Connection in the control panel to choose cards manually."
+          }
         },
-      ],
+        {
+          '@type': 'Question',
+          'name': "Can I use custom card colors?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "Yes. Open a card by double-clicking it, select Custom under the Category dropdown, pick your desired highlight color, and click Save Changes."
+          }
+        },
+        {
+          '@type': 'Question',
+          'name': "Does the board save my work?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "Yes. Your progress is saved automatically to your browser local storage under the current board name. You can create multiple boards using the dropdown selector."
+          }
+        },
+        {
+          '@type': 'Question',
+          'name': "How do I zoom and pan the board?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "Use pinch-to-zoom gestures or the mouse wheel to zoom in and out. Drag the background to pan the canvas around smoothly."
+          }
+        }
+      ]
     },
     {
       '@context': 'https://schema.org',
       '@type': 'HowTo',
-      'name': 'How to Use the Conspiracy Board Maker',
+      'name': "How to Use the Conspiracy Board Maker",
       'step': [
         {
           '@type': 'HowToStep',
-          'name': 'Add Investigation Cards',
-          'text': 'Create cards representing NPCs, clues, crime scenes, or items.',
+          'name': "Add Investigation Cards",
+          'text': "Create cards representing NPCs, clues, crime scenes, or items."
         },
         {
           '@type': 'HowToStep',
-          'name': 'Link Relationships',
-          'text': 'Create connection lines between cards to show how clues relate.',
-        },
-      ],
-    },
-  ],
-
+          'name': "Link Relationships",
+          'text': "Create connection lines between cards to show how clues relate."
+        }
+      ]
+    }
+  ]
 };