fix: modals being stuck opaque on firefox

[jog1t]

Fixes RVT-5902

This pull request refactors dialog animation logic and improves modal state management in the cloud context. The most notable changes are the migration of dialog animations from utility classes to CSS keyframes, resulting in cleaner React component code, and the simplification of URL search state updates when closing cloud modals.

Dialog UI and Animation Refactor:

• Added custom keyframe animations for dialog overlay and content transitions to dialog.module.css, replacing previous utility-based animation classes.
• Updated dialog.tsx to use new CSS module classes for dialog overlay and content, removing complex utility class logic and improving maintainability. [1] [2] [3]

Cloud Modal State Management:

• Simplified the state update logic in _cloud.tsx by removing unnecessary properties (organization, dc, config, displayName) from the URL search state when closing modals, ensuring only relevant modal state is cleared. [1] [2] [3] [4] [5]

[jog1t]

This change is part of the following stack:

• fix: new project flow incorrect redirect #4341
  • fix: docs-button #4342
    • fix: runner configs being outdated when editing again #4343
      • fix: modals being stuck opaque on firefox #4344 ◀
        • feat(frontend): add additional debug information when actor inspector fails to load #4346
          • feat: add deployments route #4357

_{Change managed by git-spice.}

[railway-app]

🚅 Deployed to the rivet-pr-4344 environment in rivet-frontend

Service	Status	Web	Updated (UTC)
frontend-inspector	😴 Sleeping (View Logs)	Web	Mar 11, 2026 at 10:14 pm
frontend-cloud	😴 Sleeping (View Logs)	Web	Mar 11, 2026 at 10:12 pm
ladle	❌ Build Failed (View Logs)	Web	Mar 11, 2026 at 1:41 pm
website	😴 Sleeping (View Logs)	Web	Mar 3, 2026 at 10:50 pm
mcp-hub	✅ Success (View Logs)	Web	Mar 3, 2026 at 10:41 pm

[linear]

RVT-5902 weird bug when you zoom in and zoom out with edit provider modal opened

[claude]

PR Review: fix: modals being stuck opaque on firefox

SUMMARY:
This PR fixes the Firefox opacity issue by migrating dialog animations from Tailwind utility classes to CSS keyframes/modules. It also includes Rivet Cloud compute integration UI, font migration from Manrope to Open Sans, Slider/Stepper fixes, and modal state management improvements.

BUGS:

1. upsert-deployment-form.tsx - Inverted validation logic in superRefine
   The condition is inverted. Current code fires when tag IS provided (wrong). Should fire when tag is MISSING:

• Wrong: if (data.image.repository && !!data.image.tag)
• Right: if (data.image.repository && !data.image.tag)

2. upsert-deployment-form.tsx - Debug console.log left in production code inside superRefine

CODE QUALITY:

3. connect-rivet-frame.tsx - Mutation fires automatically on mount via useEffect with upsertManagedPool. If this is intentional (setup wizard), a comment would help.

4. upsert-deployment-frame.tsx - Hardcoded maxCount: 1000, minCount: 0, displayName: "default" without user input. Should use named constants.

POSITIVE CHANGES:

• Dialog animation fix using CSS keyframes correctly addresses the Firefox incompatibility with Tailwind animate-in/animate-out utilities
• Modal state cleanup removing organization, dc, config, displayName from URL search on close
• FIXME removal with proper types replacing value: any casts
• Slider fix handling both value and defaultValue for controlled/uncontrolled usage
• Stepper visibility with StepVisibilityContext is clean
• actor-inspector-context.tsx type field addition matches router.ts

[pkg-pr-new]

More templates

• actor-actions
• actor-actions-vercel
• ai-agent
• ai-agent-vercel
• example-ai-and-user-generated-actors-freestyle
• chat-room
• chat-room-vercel
• example-cloudflare-workers
• example-cloudflare-workers-hono
• collaborative-document
• collaborative-document-vercel
• cross-actor-actions
• cross-actor-actions-vercel
• example-cursors
• example-cursors-raw-websocket
• example-cursors-raw-websocket-vercel
• example-cursors-vercel
• custom-serverless
• example-elysia
• example-experimental-durable-streams-ai-agent
• example-experimental-durable-streams-ai-agent-vercel
• geo-distributed-database
• geo-distributed-database-vercel
• hello-world
• hello-world-vercel
• example-hono
• hono-react
• hono-react-vercel
• example-kitchen-sink
• example-kitchen-sink-vercel
• multi-region-vercel
• multiplayer-game
• example-multiplayer-game-patterns
• example-multiplayer-game-patterns-vercel
• multiplayer-game-vercel
• native-websockets
• native-websockets-vercel
• next-js
• per-tenant-database
• per-tenant-database-vercel
• example-raw-fetch-handler
• example-raw-fetch-handler-vercel
• example-raw-websocket-handler
• example-raw-websocket-handler-proxy
• example-raw-websocket-handler-proxy-vercel
• example-raw-websocket-handler-vercel
• example-react
• example-react-vercel
• sandbox
• sandbox-coding-agent
• sandbox-coding-agent-vercel
• sandbox-vercel
• scheduling
• scheduling-vercel
• example-sqlite-drizzle
• example-sqlite-raw
• state
• state-vercel
• example-stream
• example-stream-vercel
• example-trpc

@rivetkit/cloudflare-workers

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/cloudflare-workers@4344

@rivetkit/framework-base

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/framework-base@4344

@rivetkit/next-js

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/next-js@4344

@rivetkit/react

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/react@4344

rivetkit

pnpm add https://pkg.pr.new/rivet-dev/rivet/rivetkit@4344

@rivetkit/sql-loader

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/sql-loader@4344

@rivetkit/sqlite-vfs

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/sqlite-vfs@4344

@rivetkit/traces

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/traces@4344

@rivetkit/workflow-engine

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/workflow-engine@4344

@rivetkit/virtual-websocket

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/virtual-websocket@4344

@rivetkit/engine-runner

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/engine-runner@4344

@rivetkit/engine-runner-protocol

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/engine-runner-protocol@4344

commit: df026c5