fix(web): explicit JSX spaces where Turbopack eats them - "onlyto" class of typos

Turbopack drops the ambient space between an inline element and adjacent
prose in certain multi-line JSX text layouts (Babel/SWC preserve it), so
the live portal rendered "onlyto reach you", "IsEnabledflag",
"...ps1script", "5 minutesfor GitHub's", "Unavailableand the cascade".
User-reported on the Contact section; the other five sites were found by
scanning the compiled bundle for space-less text nodes after elements.

Fix: explicit {" "} at each affected boundary - it compiles to its own
text-node and cannot be trimmed. Verified in a fresh build: all six sites
now emit ..."})," ","to reach... Sites whose gap comes from ml-*/mx-*
margins or flex gap were left alone.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Oliver Kieselbach
2026-08-02 17:31:04 +02:00
parent 86bb255b11
commit 2a5ad65dd7
6 changed files with 8 additions and 6 deletions
@@ -90,7 +90,7 @@ export function RestoreRowDiffModal({
This is an <strong>authentication / authorization</strong> table
(<code className="font-mono">GlobalAdmins</code>, <code className="font-mono">TenantAdmins</code>,{" "}
<code className="font-mono">McpUsers</code>). Restoring this row will overwrite the live{" "}
<code className="font-mono">IsEnabled</code> flag — confirm that the backup row&apos;s enable/disable
<code className="font-mono">IsEnabled</code>{" "}flag — confirm that the backup row&apos;s enable/disable
state is what you intend.
</div>
</div>
@@ -387,7 +387,7 @@ export function AdminConfigSettingsSection({
<span className="text-red-900 dark:text-red-100 font-medium">Cascade-Delete Kill-Switch (emergency)</span>
<p className="text-sm text-red-800 dark:text-gray-300 mt-1">
Global emergency stop for the cascade-deletion subsystem. When <strong>on</strong>: the cascade producer
returns <code className="text-xs bg-red-100 dark:bg-red-900 dark:text-red-200 px-1 rounded">503 Service Unavailable</code>
returns <code className="text-xs bg-red-100 dark:bg-red-900 dark:text-red-200 px-1 rounded">503 Service Unavailable</code>{" "}
and the cascade worker pauses on entry. Flip on if a runaway cascade or storage incident requires
halting all session-delete activity across all tenants. Default <strong>off</strong>.
</p>
@@ -183,7 +183,7 @@ export function ConfigReseedSection({
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<p className="text-sm text-blue-800 dark:text-blue-200">
Rules are loaded from <code className="px-1 bg-blue-100 dark:bg-blue-800 rounded text-xs">raw.githubusercontent.com</code>. After a merge to the repository, it may take up to <strong>5 minutes</strong> for GitHub&apos;s CDN cache to update. If you see stale rules after reseeding, wait a few minutes and try again.
Rules are loaded from <code className="px-1 bg-blue-100 dark:bg-blue-800 rounded text-xs">raw.githubusercontent.com</code>. After a merge to the repository, it may take up to <strong>5 minutes</strong>{" "}for GitHub&apos;s CDN cache to update. If you see stale rules after reseeding, wait a few minutes and try again.
</p>
</div>
</div>
@@ -328,7 +328,7 @@ export function MaintenanceSection({
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<p className="text-sm text-blue-800 dark:text-blue-200">
Rules are loaded from <code className="px-1 bg-blue-100 dark:bg-blue-800 rounded text-xs">raw.githubusercontent.com</code>. After a merge to the repository, it may take up to <strong>5 minutes</strong> for GitHub&apos;s CDN cache to update. If you see stale rules after reseeding, wait a few minutes and try again.
Rules are loaded from <code className="px-1 bg-blue-100 dark:bg-blue-800 rounded text-xs">raw.githubusercontent.com</code>. After a merge to the repository, it may take up to <strong>5 minutes</strong>{" "}for GitHub&apos;s CDN cache to update. If you see stale rules after reseeding, wait a few minutes and try again.
</p>
</div>
</div>
@@ -51,7 +51,9 @@ export function SectionContact() {
<div className="rounded-md bg-blue-50 border border-blue-100 p-4">
<p className="text-sm text-blue-900">
Used <strong>only</strong> to reach you about this service — a technical problem affecting your tenant, a
{/* {" "} is deliberate: Turbopack eats the ambient space after an inline element
when the following text runs over multiple lines — rendered "onlyto". */}
Used <strong>only</strong>{" "}to reach you about this service — a technical problem affecting your tenant, a
security matter, or a change that needs an administrator&apos;s attention. Never for marketing, and never
shared with anyone else.
</p>
@@ -124,7 +124,7 @@ export function SectionOptionalGraphCapabilities() {
Autopilot Monitor&apos;s default Microsoft Graph permissions are intentionally minimal. Optional features
(like resolving Intune Platform Script and Remediation display names in session timelines) require
additional permissions on the Autopilot Monitor service principal in your tenant. Grant them at any
time by running the small <span className="font-mono">Grant-AutopilotMonitorAddOn.ps1</span> script
time by running the small <span className="font-mono">Grant-AutopilotMonitorAddOn.ps1</span>{" "}script
with a Global Administrator (or Privileged Role Administrator) sign-in — the script does not change
the published app manifest, only your tenant&apos;s local grant.
</p>