fix(frontend): center gate dialogs on the app area, not the browser viewport

Embedded in the Omics Portal the SPA sits to the right of the portal sidebar, but dialogs used `fixed left-1/2` — centered on the whole browser window, so gates rendered visibly off-center (overlapping the sidebar). - AppShell publishes the app area's horizontal geometry (--app-area-left/width) as CSS vars on <html> via ResizeObserver + window resize. - DialogContent centers on those vars (falls back to the viewport when the app is standalone, where the two coincide). - ArtifactGateWidget: narrower — cap at 52rem instead of 70vw. - tools/replay: resume now returns {id, alreadyActive} JSON — the post-f979ada frontend reads result.alreadyActive and a bare 204 broke replay resume. Verified on the replay harness: with a simulated 300px portal sidebar the gate centers on the app area (center 790 = 300 + 980/2); standalone unchanged. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-19 17:08:20 +02:00
parent 87cb806dfc
commit 803b98de36
5 changed files with 33 additions and 4 deletions
@@ -30,7 +30,7 @@ export function ArtifactGateWidget({ descriptor, onRespond, sessionId }: WidgetP
    <Dialog open>
      <DialogContent
        showCloseButton={false}
-        className="grid h-[70vh] w-[70vw] max-w-[70vw] grid-rows-[auto_1fr_auto] gap-3.5 sm:max-w-[70vw]"
+        className="grid h-[70vh] w-[min(52rem,calc(var(--app-area-width,100vw)-3rem))] max-w-none grid-rows-[auto_1fr_auto] gap-3.5 sm:max-w-none"
      >
        <DialogTitle className="text-lg leading-snug">
          {descriptor.title ?? "Artifact review"}