apps/box: Diagnostics — Raw diagnostics card branches on pluginPresence

The Raw diagnostics card was hardcoded to "Unavailable until Blox AI
is installed" regardless of plugin state. User reported the bug:
"plugin shows installed in the Blox AI plugin card, but Raw
diagnostics still says Unavailable until Blox AI is installed."

Branch the card on pluginPresence:

- 'notInstalledOrUnavailable': original Phase 5 copy — "Unavailable
  until Blox AI is installed" + the explainer about what the section
  will do once the plugin is there. Encourages install.
- 'installed': new copy — "Coming soon — raw state-file dump from
  your Blox will appear here in a future app version." + a disabled
  button labelled "Fetch raw diagnostics (coming soon)". Honest about
  the feature itself being deferred to a future app version, while
  not blaming the user's plugin state for the unavailability.
- 'checking': don't render the card. Otherwise the initial pre-fetch
  state flashes the wrong message for a frame, same shape of bug as
  the earlier listActivePlugins flicker.

i18n: add `diagnostics.rawDiagnosticsComingSoon` and
`diagnostics.rawDiagnosticsComingSoonButton`. Keep the original two
keys (`rawDiagnosticsPluginRequired`, `rawDiagnosticsUnavailable`)
for the not-installed branch.

Tests: 32/32 Diagnostics jest tests pass (was 30; added 2 new
i18n key-existence checks). Pre-existing ApprovalModal.test.tsx
module-resolve failure unrelated.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Author: ehsan6sha

apps/box/src/i18n/locales/en/translation.json

@@ -25,6 +25,8 @@
       "rawDiagnosticsTitle": "Raw diagnostics (for support)",
       "rawDiagnosticsPluginRequired": "When Blox AI is installed, this section will let you fetch your Blox's diagnostic state files and send them to support.",
       "rawDiagnosticsUnavailable": "Unavailable until Blox AI is installed",
+      "rawDiagnosticsComingSoon": "Coming soon — raw state-file dump from your Blox will appear here in a future app version.",
+      "rawDiagnosticsComingSoonButton": "Fetch raw diagnostics (coming soon)",
       "chat": {
         "ctaTitle": "Let Blox AI figure it out",
         "ctaSubtitle": "Describe what's wrong in a sentence; Blox AI will run diagnostics and suggest fixes you can approve.",

apps/box/src/screens/Diagnostics/Diagnostics.screen.tsx

@@ -468,21 +468,45 @@ export const DiagnosticsScreen: React.FC = () => {
 
                 <FxSpacer height={12} />
 
-                {/* ───────── Support diagnostics (deferred-to-plugin shell) ───────── */}
-                <FxCard>
-                    <FxCard.Title>
-                        {t('diagnostics.rawDiagnosticsTitle')}
-                    </FxCard.Title>
-                    <FxBox paddingVertical="8">
-                        <FxText variant="bodySmallRegular">
-                            {t('diagnostics.rawDiagnosticsPluginRequired')}
-                        </FxText>
-                        <FxSpacer height={8} />
-                        <FxButton disabled>
-                            {t('diagnostics.rawDiagnosticsUnavailable')}
-                        </FxButton>
-                    </FxBox>
-                </FxCard>
+                {/* ───────── Support diagnostics (deferred-to-plugin shell) ─────────
+                    Two states:
+                      - plugin NOT installed → "Unavailable until Blox AI is installed"
+                        (the original Phase 5 copy; encourages install)
+                      - plugin installed → "Coming soon — raw state-file dump …"
+                        (the feature itself is still deferred to a future app version;
+                        the plugin install is no longer the blocker)
+                    Don't render anything while presence is still 'checking' — would
+                    flash the wrong message between mount and the first fetch. */}
+                {pluginPresence !== 'checking' && (
+                    <FxCard>
+                        <FxCard.Title>
+                            {t('diagnostics.rawDiagnosticsTitle')}
+                        </FxCard.Title>
+                        <FxBox paddingVertical="8">
+                            {pluginPresence === 'installed' ? (
+                                <>
+                                    <FxText variant="bodySmallRegular">
+                                        {t('diagnostics.rawDiagnosticsComingSoon')}
+                                    </FxText>
+                                    <FxSpacer height={8} />
+                                    <FxButton disabled>
+                                        {t('diagnostics.rawDiagnosticsComingSoonButton')}
+                                    </FxButton>
+                                </>
+                            ) : (
+                                <>
+                                    <FxText variant="bodySmallRegular">
+                                        {t('diagnostics.rawDiagnosticsPluginRequired')}
+                                    </FxText>
+                                    <FxSpacer height={8} />
+                                    <FxButton disabled>
+                                        {t('diagnostics.rawDiagnosticsUnavailable')}
+                                    </FxButton>
+                                </>
+                            )}
+                        </FxBox>
+                    </FxCard>
+                )}
             </FxBox>
         </FxKeyboardAwareScrollView>
     );

apps/box/src/screens/Diagnostics/__tests__/Diagnostics.test.tsx

@@ -113,6 +113,8 @@ describe('i18n strings present', () => {
         'diagnostics.rawDiagnosticsTitle',
         'diagnostics.rawDiagnosticsPluginRequired',
         'diagnostics.rawDiagnosticsUnavailable',
+        'diagnostics.rawDiagnosticsComingSoon',
+        'diagnostics.rawDiagnosticsComingSoonButton',
     ];
 
     function lookup(path: string): unknown {