exp(studio): Minor UI changes and fix for span events list

[Josh-Walker-GM]

Changes

• Switches more of the general UI components to be tremor based.
• Fixes an issue where span events would crash the span page.
• Provides a modal to show event information
• Highlights the error status of spans when they are listed in various pages
• Prepares an error link to a dedicated error viewing page - not implement yet.
• Improves the OTel wrapper babel plugin:
  • Sets the file and function attributes earlier to ensure they are set even if the function throws an error
  • Sets the spans status appropriately when an error is thrown

Visual changes:

2023-05-23_13-59-32.mp4

Future work

• Implement the dedicated error page
• Implement the error monitoring page

[dthyresson]

LGreatToMe. Like that the UI is more tremor components!

[replay-io]

19 replays were recorded for 18175f0.

0 Failed

19 Passed

• requireAuth graphql checks
• useAuth hook, auth redirects checks

  locator.waitFor: Target closed
  =========================== logs ===========================
  waiting for locator('text=Username `[email protected]` already in use') to be visible
  ============================================================

• Check that a specific blog post is prerendered
• Check that about is prerendered
• Check that homepage is prerendered
• Check that meta-tags are rendering the correct dynamic data
• Check that rehydration works for page not wrapped in Set
• Check that rehydration works for page with Cell in Set
• Check that rehydration works for page with code split chunks
• Check that you can navigate from home page to specific blog post
• Waterfall prerendering (nested cells)
• RBAC: Admin user should be able to delete contacts
• RBAC: Should not be able to delete contact as non-admin user

  locator.waitFor: Target closed
  =========================== logs ===========================
  waiting for locator('text=Username `[email protected]` already in use') to be visible
  ============================================================

• Smoke test with dev server
• Smoke test with rw serve
• Loads Cell mocks when Cell is nested in another story
• Loads Cell Stories
• Loads MDX Stories
• Mocks current user, and updates UI while dev server is running

View test run on Replay ↗︎