Improve system detection diagnostics and error messaging

Add detailed console logging in _detectSystem() showing each system
returned by the API with its foundry_system_id and enabled status.
Log specific failure reasons: system found but disabled, no matching
foundry_system_id, or no systems installed at all.

Update Characters tab and Status tab to show actionable troubleshooting
steps instead of generic "no match" messages.

https://claude.ai/code/session_01J3F55nRmeFHTtK4BnYgGGk

Author: claude

scripts/sync-manager.mjs

@@ -219,6 +219,13 @@ export class SyncManager {
       const result = await this.api.get('/systems');
       const systems = result.data || [];
 
+      // Log API response for debugging system matching issues.
+      console.debug(`Chronicle: /systems API returned ${systems.length} system(s)`);
+      for (const s of systems) {
+        console.debug(`  - ${s.id} (foundry_id: ${s.foundry_system_id ?? 'MISSING'}, enabled: ${s.enabled})`);
+      }
+      console.debug(`Chronicle: Looking for foundry_system_id: "${this._foundrySystemId}"`);
+
       // Match by foundry_system_id returned from the API.
       const match = systems.find(
         (s) => s.foundry_system_id === this._foundrySystemId && s.enabled
@@ -231,7 +238,19 @@ export class SyncManager {
         console.debug(`Chronicle: System matched — Foundry "${this._foundrySystemId}" → Chronicle "${match.id}"`);
       } else {
         await setSetting('detectedSystem', '');
-        console.debug(`Chronicle: No Chronicle system matches Foundry system "${this._foundrySystemId}"`);
+        // Provide diagnostic info about why matching failed.
+        const byFoundryId = systems.find(s => s.foundry_system_id === this._foundrySystemId);
+        if (byFoundryId && !byFoundryId.enabled) {
+          console.warn(`Chronicle: System "${byFoundryId.id}" matches Foundry system "${this._foundrySystemId}" but is not enabled for this campaign`);
+          this.logActivity('warning', `System "${byFoundryId.name}" found but not enabled for this campaign`);
+        } else if (systems.length > 0) {
+          const ids = systems.map(s => s.foundry_system_id || '(none)').join(', ');
+          console.warn(`Chronicle: No system has foundry_system_id="${this._foundrySystemId}". Available: ${ids}`);
+          this.logActivity('warning', `No Chronicle system matches Foundry system "${this._foundrySystemId}"`);
+        } else {
+          console.warn('Chronicle: No game systems installed in Chronicle');
+          this.logActivity('warning', 'No game systems installed in Chronicle');
+        }
       }
     } catch (err) {
       console.warn('Chronicle: Failed to detect system match', err);

templates/sync-dashboard.hbs

@@ -585,11 +585,12 @@
       {{else}}
       <div class="dashboard-empty-tab">
         <i class="fa-solid fa-puzzle-piece fa-2x"></i>
-        <p>Character sync requires a matching game system.</p>
-        <p class="hint">
-          Chronicle doesn't have a system pack for <strong>{{#if foundrySystem}}{{foundrySystem}}{{else}}this system{{/if}}</strong> yet.
-          Use the <em>Copy System Debug</em> button on the Status tab to generate a snapshot you can paste into Claude AI to help build one.
-        </p>
+        <p>No Chronicle system matches your Foundry game system{{#if foundrySystem}} (<code>{{foundrySystem}}</code>){{/if}}.</p>
+        <ul class="hint" style="text-align: left; margin-top: 0.5rem;">
+          <li>Is the game system package installed in Chronicle? (Admin &rarr; Packages)</li>
+          <li>Is it enabled for this campaign? (Campaign Settings &rarr; Game System)</li>
+          <li>Check the browser console for detailed diagnostics.</li>
+        </ul>
       </div>
       {{/if}}
     </div>
@@ -740,7 +741,7 @@
               </span>
               {{else}}
               <span class="system-value system-no-match">
-                <i class="fa-solid fa-circle-xmark" style="color: #f87171"></i> No Match
+                <i class="fa-solid fa-circle-xmark" style="color: #f87171"></i> No match &mdash; check Packages &amp; Campaign Settings
               </span>
               {{/if}}
             </div>