fix typos

app/src/pages/playground/__tests__/playgroundUtils.test.ts

@@ -37,7 +37,7 @@ describe("transformSpanAttributesToPlaygroundInstance", () => {
       attributes: "invalid json",
     };
     expect(() => transformSpanAttributesToPlaygroundInstance(span)).toThrow(
-      "Invalid attributes"
+      "Invalid span attributes, attributes must be valid JSON"
     );
   });
 

app/src/pages/playground/constants.tsx

@@ -5,7 +5,7 @@ export const NUM_MAX_PLAYGROUND_INSTANCES = 2;
 export const DEFAULT_CHAT_ROLE = "user";
 
 /**
- * Map of {@link ChatMessageRole}.to potential role values.
+ * Map of {@link ChatMessageRole} to potential role values.
  * Used to map roles to a canonical role.
  */
 export const ChatRoleMap: Record<ChatMessageRole, string[]> = {

app/src/pages/playground/playgroundUtils.ts

@@ -44,7 +44,7 @@ export function transformSpanAttributesToPlaygroundInstance(
     span.attributes
   );
   if (parseError) {
-    throw new Error("Invalid attributes");
+    throw new Error("Invalid span attributes, attributes must be valid JSON");
   }
   const { data, success } = llmAttributesSchema.safeParse(parsedAttributes);
   if (!success) {

app/src/pages/playground/types.ts

@@ -1,18 +1,7 @@
-import { spanPlaygroundPageLoaderQuery$data } from "./__generated__/spanPlaygroundPageLoaderQuery.graphql";
-
 export interface PlaygroundInstanceProps {
   /**
    * Multiple playground instances are supported.
    * The id is used to identify the instance.
    */
   playgroundInstanceId: number;
 }
-
-/**
- * The type of a span that is fetched to pre-populate the playground.
- * This span gets fetched when navigating from a span to the playground, used for span replay.
- */
-export type PlaygroundSpan = Extract<
-  spanPlaygroundPageLoaderQuery$data["span"],
-  { __typename: "Span" }
->;