Merge pull request #4775 from Arize-ai/playground

feat: prompt playground beta

app/package.json

@@ -6,25 +6,34 @@
   "license": "None",
   "private": true,
   "dependencies": {
-    "@arizeai/components": "^1.8.1",
+    "@arizeai/components": "^1.8.7",
     "@arizeai/openinference-semantic-conventions": "^0.10.0",
     "@arizeai/point-cloud": "^3.0.6",
     "@codemirror/autocomplete": "6.12.0",
     "@codemirror/lang-javascript": "^6.2.2",
     "@codemirror/lang-json": "6.0.1",
     "@codemirror/lang-python": "6.1.3",
+    "@codemirror/language": "^6.10.3",
     "@codemirror/lint": "^6.8.1",
     "@codemirror/view": "^6.28.5",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@lezer/highlight": "^1.2.1",
+    "@lezer/lr": "^1.4.2",
     "@react-three/drei": "^9.108.4",
     "@react-three/fiber": "8.0.12",
     "@tanstack/react-table": "^8.19.3",
+    "@uiw/codemirror-theme-github": "^4.23.5",
     "@uiw/codemirror-theme-nord": "^4.23.0",
     "@uiw/react-codemirror": "^4.23.0",
+    "codemirror-json-schema": "^0.7.8",
     "copy-to-clipboard": "^3.3.3",
     "d3-format": "^3.1.0",
     "d3-scale-chromatic": "^3.1.0",
     "d3-time-format": "^4.1.0",
     "date-fns": "^3.6.0",
+    "graphql-ws": "^5.16.0",
     "lodash": "^4.17.21",
     "normalize.css": "^8.0.1",
     "polished": "^4.3.1",
@@ -46,14 +55,18 @@
     "three-stdlib": "^2.30.4",
     "use-deep-compare-effect": "^1.8.1",
     "use-zustand": "^0.0.4",
+    "zod": "^3.23.8",
+    "zod-to-json-schema": "^3.23.3",
     "zustand": "^4.5.4"
   },
   "devDependencies": {
     "@emotion/react": "^11.11.4",
+    "@lezer/generator": "^1.7.1",
     "@playwright/test": "^1.48.0",
     "@types/d3-format": "^3.0.4",
     "@types/d3-scale-chromatic": "^3.0.3",
     "@types/d3-time-format": "^4.0.3",
+    "@types/json-schema": "^7.0.15",
     "@types/lodash": "^4.17.7",
     "@types/node": "^22.5.4",
     "@types/react": "18.3.10",
@@ -65,6 +78,7 @@
     "@typescript-eslint/eslint-plugin": "^7.16.1",
     "@typescript-eslint/parser": "^7.16.1",
     "@vitejs/plugin-react": "^4.3.1",
+    "babel-plugin-relay": "^18.1.0",
     "cpy-cli": "^5.0.0",
     "eslint": "^8.57.0",
     "eslint-plugin-react": "^7.34.4",
@@ -80,14 +94,16 @@
     "typescript": "~5.4.5",
     "vite": "^5.3.6",
     "vite-plugin-relay": "^2.1.0",
-    "vitest": "^2.1.2"
+    "vitest": "^2.1.2",
+    "vitest-canvas-mock": "^0.3.3"
   },
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "build": "pnpm run build:relay && vite build",
     "build:static": "cpy ./static ../src/phoenix/server",
     "build:relay": "relay-compiler",
     "test": "vitest run",
+    "test:watch": "vitest",
     "test:e2e": "playwright test",
     "test:e2e:ui": "playwright test --ui",
     "dev": "pnpm run dev:server & pnpm run build:static && pnpm run build:relay && vite",

app/playwright.config.ts

@@ -57,6 +57,8 @@ export default defineConfig({
   retries: process.env.CI ? 2 : 0,
   /* Reporter to use. See https://playwright.dev/docs/test-reporters */
   reporter: "html",
+  /* Opt out of parallel tests on CI. */
+  // workers: process.env.CI ? 1 : undefined,
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
   use: {
     /* Base URL to use in actions like `await page.goto('/')`. */