diff --git a/app/package.json b/app/package.json
index a9fd80f737..3ea9bdcc77 100644
--- a/app/package.json
+++ b/app/package.json
@@ -6,7 +6,7 @@
   "license": "None",
   "private": true,
   "dependencies": {
-    "@arizeai/components": "^1.8.6",
+    "@arizeai/components": "^1.8.7",
     "@arizeai/openinference-semantic-conventions": "^0.10.0",
     "@arizeai/point-cloud": "^3.0.6",
     "@codemirror/autocomplete": "6.12.0",
@@ -27,6 +27,7 @@
     "@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",
@@ -55,6 +56,7 @@
     "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": {
@@ -64,6 +66,7 @@
     "@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",
diff --git a/app/pnpm-lock.yaml b/app/pnpm-lock.yaml
index db40877dee..2f465e6e3f 100644
--- a/app/pnpm-lock.yaml
+++ b/app/pnpm-lock.yaml
@@ -12,8 +12,8 @@ importers:
   .:
     dependencies:
       '@arizeai/components':
-        specifier: ^1.8.6
-        version: 1.8.6(@types/react@18.3.10)(eslint@8.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        specifier: ^1.8.7
+        version: 1.8.7(@types/react@18.3.10)(eslint@8.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@arizeai/openinference-semantic-conventions':
         specifier: ^0.10.0
         version: 0.10.0
@@ -74,6 +74,9 @@ importers:
       '@uiw/react-codemirror':
         specifier: ^4.23.0
         version: 4.23.0(@babel/runtime@7.24.8)(@codemirror/autocomplete@6.12.0(@codemirror/language@6.10.3)(@codemirror/state@6.4.1)(@codemirror/view@6.29.0)(@lezer/common@1.2.1))(@codemirror/language@6.10.3)(@codemirror/lint@6.8.1)(@codemirror/search@6.5.6)(@codemirror/state@6.4.1)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.29.0)(codemirror@6.0.1(@lezer/common@1.2.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      codemirror-json-schema:
+        specifier: ^0.7.8
+        version: 0.7.8(@codemirror/language@6.10.3)(@codemirror/lint@6.8.1)(@codemirror/state@6.4.1)(@codemirror/view@6.29.0)(@lezer/common@1.2.1)(typescript@5.4.5)(vite@5.3.6(@types/node@22.5.4))
       copy-to-clipboard:
         specifier: ^3.3.3
         version: 3.3.3
@@ -158,6 +161,9 @@ importers:
       zod:
         specifier: ^3.23.8
         version: 3.23.8
+      zod-to-json-schema:
+        specifier: ^3.23.3
+        version: 3.23.3(zod@3.23.8)
       zustand:
         specifier: ^4.5.4
         version: 4.5.4(@types/react@18.3.10)(react@18.3.1)
@@ -180,6 +186,9 @@ importers:
       '@types/d3-time-format':
         specifier: ^4.0.3
         version: 4.0.3
+      '@types/json-schema':
+        specifier: ^7.0.15
+        version: 7.0.15
       '@types/lodash':
         specifier: ^4.17.7
         version: 4.17.7
@@ -274,8 +283,8 @@ packages:
     resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
     engines: {node: '>=6.0.0'}
 
-  '@arizeai/components@1.8.6':
-    resolution: {integrity: sha512-d6VQrm3sjcF2nWe4yREdp89okWvmOhQGUM0wJvgioDCvxvpFRJMNaWkkqkiCe7mxr340/micPGOTHW7wyBYWDQ==}
+  '@arizeai/components@1.8.7':
+    resolution: {integrity: sha512-Sw4vWR+Cr5VDJ73kqvfQa7ar1GQNQ8PUTfnlF7xxl/kRXaGtEtTqQg7/WQLVgkNna9cMXgUhyXkpiZKe7JkX2A==}
     engines: {node: '>=14'}
     peerDependencies:
       react: '>=18'
@@ -428,6 +437,15 @@ packages:
     resolution: {integrity: sha512-/l42B1qxpG6RdfYf343Uw1vmDjeNhneUXtzhojE7pDgfpEypmRhI6j1kr17XCVv4Cgl9HdAiQY2x0GwKm7rWCw==}
     engines: {node: '>=6.9.0'}
 
+  '@changesets/changelog-github@0.4.8':
+    resolution: {integrity: sha512-jR1DHibkMAb5v/8ym77E4AMNWZKB5NPzw5a5Wtqm1JepAuIF+hrKp2u04NKM14oBZhHglkCfrla9uq8ORnK/dw==}
+
+  '@changesets/get-github-info@0.5.2':
+    resolution: {integrity: sha512-JppheLu7S114aEs157fOZDjFqUDpm7eHdq5E8SSR0gUBTEK0cNSHsrSR5a66xs0z3RWuo46QvA3vawp8BxDHvg==}
+
+  '@changesets/types@5.2.1':
+    resolution: {integrity: sha512-myLfHbVOqaq9UtUKqR/nZA/OY7xFjQMdfgfqeZIBK4d0hA6pgxArvdv8M+6NUzzBsjWLOtvApv8YHr4qM+Kpfg==}
+
   '@codemirror/autocomplete@6.12.0':
     resolution: {integrity: sha512-r4IjdYFthwbCQyvqnSlx0WBHRHi8nBvU+WjJxFUij81qsBfhNudf/XKKmmC2j3m0LaOYUQTf3qiEK1J8lO1sdg==}
     peerDependencies:
@@ -436,6 +454,14 @@ packages:
       '@codemirror/view': ^6.0.0
       '@lezer/common': ^1.0.0
 
+  '@codemirror/autocomplete@6.18.1':
+    resolution: {integrity: sha512-iWHdj/B1ethnHRTwZj+C1obmmuCzquH29EbcKr0qIjA9NfDeBDJ7vs+WOHsFeLeflE4o+dHfYndJloMKHUkWUA==}
+    peerDependencies:
+      '@codemirror/language': ^6.0.0
+      '@codemirror/state': ^6.0.0
+      '@codemirror/view': ^6.0.0
+      '@lezer/common': ^1.0.0
+
   '@codemirror/commands@6.6.0':
     resolution: {integrity: sha512-qnY+b7j1UNcTS31Eenuc/5YJB6gQOzkUoNmJQc0rznwqSRpeaWWpjkWy2C/MPTcePpsKJEM26hXrOXl1+nceXg==}
 
@@ -448,6 +474,9 @@ packages:
   '@codemirror/lang-python@6.1.3':
     resolution: {integrity: sha512-S9w2Jl74hFlD5nqtUMIaXAq9t5WlM0acCkyuQWUUSvZclk1sV+UfnpFiZzuZSG+hfEaOmxKR5UxY/Uxswn7EhQ==}
 
+  '@codemirror/lang-yaml@6.1.1':
+    resolution: {integrity: sha512-HV2NzbK9bbVnjWxwObuZh5FuPCowx51mEfoFT9y3y+M37fA3+pbxx4I7uePuygFzDsAmCTwQSc/kXh/flab4uw==}
+
   '@codemirror/language@6.10.3':
     resolution: {integrity: sha512-kDqEU5sCP55Oabl6E7m5N+vZRoc0iWqgDVhEKifcHzPzjqCegcO4amfrYVL9PmPZpl4G0yjkpTpUO/Ui8CzO8A==}
 
@@ -765,6 +794,9 @@ packages:
   '@lezer/python@1.1.14':
     resolution: {integrity: sha512-ykDOb2Ti24n76PJsSa4ZoDF0zH12BSw1LGfQXCYJhJyOGiFTfGaX0Du66Ze72R+u/P35U+O6I9m8TFXov1JzsA==}
 
+  '@lezer/yaml@1.0.3':
+    resolution: {integrity: sha512-GuBLekbw9jDBDhGur82nuwkxKQ+a3W5H0GfaAthDXcAu+XdpS43VlnxA9E9hllkpSP5ellRDKjLLj7Lu9Wr6xA==}
+
   '@mediapipe/tasks-vision@0.10.8':
     resolution: {integrity: sha512-Rp7ll8BHrKB3wXaRFKhrltwZl1CiXGdibPxuWXvqGnKTnv8fqa/nvftYNuSbf+pbJWKYCXdBtYTITdAUTGGh0Q==}
 
@@ -1251,6 +1283,30 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@sagold/json-pointer@5.1.2':
+    resolution: {integrity: sha512-+wAhJZBXa6MNxRScg6tkqEbChEHMgVZAhTHVJ60Y7sbtXtu9XA49KfUkdWlS2x78D6H9nryiKePiYozumauPfA==}
+
+  '@sagold/json-query@6.2.0':
+    resolution: {integrity: sha512-7bOIdUE6eHeoWtFm8TvHQHfTVSZuCs+3RpOKmZCDBIOrxpvF/rNFTeuvIyjHva/RR0yVS3kQtr+9TW72LQEZjA==}
+
+  '@shikijs/core@1.22.0':
+    resolution: {integrity: sha512-S8sMe4q71TJAW+qG93s5VaiihujRK6rqDFqBnxqvga/3LvqHEnxqBIOPkt//IdXVtHkQWKu4nOQNk0uBGicU7Q==}
+
+  '@shikijs/engine-javascript@1.22.0':
+    resolution: {integrity: sha512-AeEtF4Gcck2dwBqCFUKYfsCq0s+eEbCEbkUuFou53NZ0sTGnJnJ/05KHQFZxpii5HMXbocV9URYVowOP2wH5kw==}
+
+  '@shikijs/engine-oniguruma@1.22.0':
+    resolution: {integrity: sha512-5iBVjhu/DYs1HB0BKsRRFipRrD7rqjxlWTj4F2Pf+nQSPqc3kcyqFFeZXnBMzDf0HdqaFVvhDRAGiYNvyLP+Mw==}
+
+  '@shikijs/markdown-it@1.22.0':
+    resolution: {integrity: sha512-IAWi2pbzYndiuXOWnV5Ll4ULQJeWl45WUACl1Xc2KSiBl0JtQmqKvPOGKN7YSZbyIzkB6bWUItRrv5ucO35U+g==}
+
+  '@shikijs/types@1.22.0':
+    resolution: {integrity: sha512-Fw/Nr7FGFhlQqHfxzZY8Cwtwk5E9nKDUgeLjZgt3UuhcM3yJR9xj3ZGNravZZok8XmEZMiYkSMTPlPkULB8nww==}
+
+  '@shikijs/vscode-textmate@9.3.0':
+    resolution: {integrity: sha512-jn7/7ky30idSkd/O5yDBfAnVt+JJpepofP/POZ1iMOxK59cOfqIgg/Dj0eFsjOTMw+4ycJN0uhZH/Eb0bs/EUA==}
+
   '@swc/helpers@0.5.12':
     resolution: {integrity: sha512-KMZNXiGibsW9kvZAO1Pam2JPTDBm+KSHMMHWdsyI/1DbIZjT2A6Gy3hblVXUMEDvUAKq+e0vL0X0o54owWji7g==}
 
@@ -1337,6 +1393,9 @@ packages:
   '@types/hast@3.0.4':
     resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
 
+  '@types/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+
   '@types/lodash@4.17.7':
     resolution: {integrity: sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA==}
 
@@ -1346,6 +1405,9 @@ packages:
   '@types/ms@0.7.34':
     resolution: {integrity: sha512-nG96G3Wp6acyAgJqGasjODb+acrI7KltPiRxzHPXnP3NgI28bpQDRv53olbqGXbfcgF5aiiHmO3xpwEpS5Ld9g==}
 
+  '@types/node@20.16.11':
+    resolution: {integrity: sha512-y+cTCACu92FyA5fgQSAI8A1H429g7aSK2HsO7K4XYUWc4dY5IUz55JSDIYT6/VsOLfGy8vmvQYC2hfb0iF16Uw==}
+
   '@types/node@22.5.4':
     resolution: {integrity: sha512-FDuKUJQm/ju9fT/SeX/6+gBzoPzlVCzfzmGkwKvRHQVxi4BntVbyIwf6a4Xn62mrvndLiml6z/UBXIdEVjQLXg==}
 
@@ -1746,6 +1808,18 @@ packages:
     resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
     engines: {node: '>=6'}
 
+  codemirror-json-schema@0.7.8:
+    resolution: {integrity: sha512-tfHRirCWbkGGdTY/Y9t/fNu4OHCOWULoATycQmV3lgGzS+OKPB41clji9nNDtF1vnSYH2pD/BVzzD7B0sXgEdQ==}
+    peerDependencies:
+      '@codemirror/language': ^6.10.2
+      '@codemirror/lint': ^6.8.0
+      '@codemirror/state': ^6.4.1
+      '@codemirror/view': ^6.27.0
+      '@lezer/common': ^1.2.1
+
+  codemirror-json5@1.0.3:
+    resolution: {integrity: sha512-HmmoYO2huQxoaoG5ARKjqQc9mz7/qmNPvMbISVfIE2Gk1+4vZQg9X3G6g49MYM5IK00Ol3aijd7OKrySuOkA7Q==}
+
   codemirror@6.0.1:
     resolution: {integrity: sha512-J8j+nZ+CdWmIeFIGXEFbFPtpiYacFMDR8GlHK3IyHQJMCaVRfGx9NT+Hxivv1ckLWPvNdZqndbr/7lVhrf/Svg==}
 
@@ -1769,6 +1843,9 @@ packages:
   comma-separated-tokens@2.0.3:
     resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
 
+  commander@2.20.3:
+    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
+
   concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
 
@@ -1895,6 +1972,9 @@ packages:
     resolution: {integrity: sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==}
     engines: {node: '>= 0.4'}
 
+  dataloader@1.4.0:
+    resolution: {integrity: sha512-68s5jYdlvasItOJnCuI2Q9s4q98g0pCyL3HrcKJu8KNugUl8ahgmZYg38ysLTgQjjXX3H8CJLkAvWrclWfcalw==}
+
   date-fns@3.6.0:
     resolution: {integrity: sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==}
 
@@ -1926,6 +2006,10 @@ packages:
   deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
+  deepmerge@4.3.1:
+    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
+    engines: {node: '>=0.10.0'}
+
   define-data-property@1.1.4:
     resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
     engines: {node: '>= 0.4'}
@@ -1956,6 +2040,9 @@ packages:
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
     engines: {node: '>=8'}
 
+  discontinuous-range@1.0.0:
+    resolution: {integrity: sha512-c68LpLbO+7kP/b1Hr1qs8/BJ09F5khZGTxqxZuhzxpmwJKOgRFHJWIb9/KmqnqHhLdO55aOxFH/EGBvUQbL/RQ==}
+
   doctrine@2.1.0:
     resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
     engines: {node: '>=0.10.0'}
@@ -1967,9 +2054,17 @@ packages:
   dom-helpers@5.2.1:
     resolution: {integrity: sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==}
 
+  dotenv@8.6.0:
+    resolution: {integrity: sha512-IrPdXQsk2BbzvCBGBOTmmSH5SodmqZNt4ERAZDmW4CT+tL8VtvinqywuANaFu4bOMWki16nqf0e4oC0QIaDr/g==}
+    engines: {node: '>=10'}
+
   draco3d@1.5.7:
     resolution: {integrity: sha512-m6WCKt/erDXcw+70IJXnG7M3awwQPAsZvJGX5zY7beBqpELw6RDGkYVU0W43AFxye4pDZ5i2Lbyc/NNGqwjUVQ==}
 
+  ebnf@1.9.1:
+    resolution: {integrity: sha512-uW2UKSsuty9ANJ3YByIQE4ANkD8nqUPO7r6Fwcc1ADKPe9FRdcPpMl3VEput4JSvKBJ4J86npIC2MLP0pYkCuw==}
+    hasBin: true
+
   electron-to-chromium@1.4.829:
     resolution: {integrity: sha512-5qp1N2POAfW0u1qGAxXEtz6P7bO1m6gpZr5hdf5ve6lxpLM7MpiM4jIPz7xcrNlClQMafbyUDDWjlIQZ1Mw0Rw==}
 
@@ -2115,6 +2210,9 @@ packages:
   extend@3.0.2:
     resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
 
+  fast-copy@3.0.2:
+    resolution: {integrity: sha512-dl0O9Vhju8IrcLndv2eU4ldt1ftXMqqfgN4H1cpmGV7P6jeB9FwpN9a2c8DPGE1Ys88rNUJVYDHq73CGAGOPfQ==}
+
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
@@ -2247,6 +2345,9 @@ packages:
     resolution: {integrity: sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
+  globrex@0.1.2:
+    resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
+
   glsl-noise@0.0.0:
     resolution: {integrity: sha512-b/ZCF6amfAUb7dJM/MxRs7AetQEahYzJ8PtgfrmEdtw6uyGOr+ZSGtgjFm6mfsBkxJ4d2W7kg+Nlqzqvn3Bc0w==}
 
@@ -2303,6 +2404,9 @@ packages:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
 
+  hast-util-to-html@9.0.3:
+    resolution: {integrity: sha512-M17uBDzMJ9RPCqLMO92gNNUDuBSq10a25SDBI08iCCxmorf4Yy6sYHK57n9WAbRAAaU+DuR4W6GN9K4DFZesYg==}
+
   hast-util-to-jsx-runtime@2.3.0:
     resolution: {integrity: sha512-H/y0+IWPdsLLS738P8tDnrQ8Z+dj12zQQ6WC11TIM21C8WFVoIxcqWXf2H3hiTVZjF1AWqoimGwrTWecWrnmRQ==}
 
@@ -2328,6 +2432,9 @@ packages:
   html-url-attributes@3.0.0:
     resolution: {integrity: sha512-/sXbVCWayk6GDVg3ctOX6nxaVj7So40FcFAnWlWGNAB1LpYKcV5Cd10APjPjW80O7zYW2MsjBV4zZ7IZO5fVow==}
 
+  html-void-elements@3.0.0:
+    resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==}
+
   http-proxy-agent@7.0.2:
     resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
     engines: {node: '>= 14'}
@@ -2576,9 +2683,15 @@ packages:
   json-parse-even-better-errors@2.3.1:
     resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
 
+  json-schema-library@9.3.5:
+    resolution: {integrity: sha512-5eBDx7cbfs+RjylsVO+N36b0GOPtv78rfqgf2uON+uaHUIC62h63Y8pkV2ovKbaL4ZpQcHp21968x5nx/dFwqQ==}
+
   json-schema-traverse@0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
 
+  json-schema@0.4.0:
+    resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==}
+
   json-stable-stringify-without-jsonify@1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
 
@@ -2602,12 +2715,18 @@ packages:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
 
+  lezer-json5@2.0.2:
+    resolution: {integrity: sha512-NRmtBlKW/f8mA7xatKq8IUOq045t8GVHI4kZXrUtYYUdiVeGiO6zKGAV7/nUAnf5q+rYTY+SWX/gvQdFXMjNxQ==}
+
   lie@3.3.0:
     resolution: {integrity: sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==}
 
   lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
 
+  linkify-it@5.0.0:
+    resolution: {integrity: sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==}
+
   locate-path@6.0.0:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
@@ -2640,6 +2759,10 @@ packages:
   magic-string@0.30.12:
     resolution: {integrity: sha512-Ea8I3sQMVXr8JhN4z+H/d8zwo+tYDgHE9+5G4Wnrwhs0gaK9fXTKx0Tw5Xwsd/bCPTTZNRAdpyzvoeORe9LYpw==}
 
+  markdown-it@14.1.0:
+    resolution: {integrity: sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==}
+    hasBin: true
+
   markdown-table@3.0.3:
     resolution: {integrity: sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw==}
 
@@ -2688,6 +2811,9 @@ packages:
   mdast-util-to-string@4.0.0:
     resolution: {integrity: sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==}
 
+  mdurl@2.0.0:
+    resolution: {integrity: sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==}
+
   meow@12.1.1:
     resolution: {integrity: sha512-BhXM0Au22RwUneMPwSCnyhTOizdWoIEPU9sp0Aqa1PnDMR5Wv2FGXYDjuzJEIX+Eo2Rb8xuYe5jrnm5QowQFkw==}
     engines: {node: '>=16.10'}
@@ -2814,6 +2940,9 @@ packages:
   moo-color@1.0.3:
     resolution: {integrity: sha512-i/+ZKXMDf6aqYtBhuOcej71YSlbjT3wCO/4H1j8rPvxDJEifdwgg5MaFyu6iYAT8GBZJg2z0dkgK4YMzvURALQ==}
 
+  moo@0.5.2:
+    resolution: {integrity: sha512-iSAJLHYKnX41mKcJKjqvnAN9sf0LMDTXDEvFv+ffuRR9a1MIuXLjMNL6EsnDHSkKLTWNqQQ5uo61P4EbU4NU+Q==}
+
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
@@ -2825,6 +2954,10 @@ packages:
   natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
+  nearley@2.20.1:
+    resolution: {integrity: sha512-+Mc8UaAebFzgV+KpI5n7DasuuQCHA89dmwm7JXw3TV43ukfNQ9DnBH3Mdb2g/I4Fdxc26pwimBWvjIw0UAILSQ==}
+    hasBin: true
+
   nested-error-stacks@2.1.1:
     resolution: {integrity: sha512-9iN1ka/9zmX1ZvLV9ewJYEk9h7RyRRtqdK0woXcqohu8EWIerfPUjYJPg0ULy0UqP7cslmdGc8xKDJcojlKiaw==}
 
@@ -2880,6 +3013,9 @@ packages:
   once@1.4.0:
     resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
 
+  oniguruma-to-js@0.4.3:
+    resolution: {integrity: sha512-X0jWUcAlxORhOqqBREgPMgnshB7ZGYszBNspP+tS9hPD3l13CdaXcHbgImoHUHlrvGx/7AvFEkTRhAGYh+jzjQ==}
+
   only-allow@1.2.1:
     resolution: {integrity: sha512-M7CJbmv7UCopc0neRKdzfoGWaVZC+xC1925GitKH9EAqYFzX9//25Q7oX4+jw0tiCCj+t5l6VZh8UPH23NZkMA==}
     hasBin: true
@@ -3017,6 +3153,10 @@ packages:
   property-information@6.5.0:
     resolution: {integrity: sha512-PgTgs/BlvHxOu8QuEN7wi5A0OmXaBcHpmCSTehcs6Uuu9IkDIEo13Hy7n898RHfrQ49vKCoGeWZSaAK01nwVig==}
 
+  punycode.js@2.3.1:
+    resolution: {integrity: sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==}
+    engines: {node: '>=6'}
+
   punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
@@ -3024,6 +3164,13 @@ packages:
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
+  railroad-diagrams@1.0.0:
+    resolution: {integrity: sha512-cz93DjNeLY0idrCNOH6PviZGRN9GJhsdm9hpn1YCS879fj4W+x5IFJhhkRZcwVgMmFF7R82UA/7Oh+R8lLZg6A==}
+
+  randexp@0.4.6:
+    resolution: {integrity: sha512-80WNmd9DA0tmZrw9qQa62GPPWfuXJknrmVmLcxvq4uZBdYqb1wYoKTmnlGUchvVWe0XiLupYkBoXVOxz3C8DYQ==}
+    engines: {node: '>=0.12'}
+
   react-composer@5.0.3:
     resolution: {integrity: sha512-1uWd07EME6XZvMfapwZmc7NgCZqDemcvicRi3wMJzXsQLvZ3L7fTHVyPy1bZdnWXM4iPjYuNE+uJ41MLKeTtnA==}
     peerDependencies:
@@ -3136,6 +3283,9 @@ packages:
   regenerator-runtime@0.14.1:
     resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
 
+  regex@4.3.3:
+    resolution: {integrity: sha512-r/AadFO7owAq1QJVeZ/nq9jNS1vyZt+6t1p/E59B56Rn2GCya+gr1KSyOzNL/er+r+B7phv5jG2xU2Nz1YkmJg==}
+
   regexp.prototype.flags@1.5.2:
     resolution: {integrity: sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==}
     engines: {node: '>= 0.4'}
@@ -3183,6 +3333,10 @@ packages:
     resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
     hasBin: true
 
+  ret@0.1.15:
+    resolution: {integrity: sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==}
+    engines: {node: '>=0.12'}
+
   reusify@1.0.4:
     resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
@@ -3265,6 +3419,9 @@ packages:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
     engines: {node: '>=8'}
 
+  shiki@1.22.0:
+    resolution: {integrity: sha512-/t5LlhNs+UOKQCYBtl5ZsH/Vclz73GIqT2yQsCBygr8L/ppTdmpL4w3kPLoZJbMKVWtoG77Ue1feOjZfDxvMkw==}
+
   side-channel@1.0.6:
     resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==}
     engines: {node: '>= 0.4'}
@@ -3280,6 +3437,10 @@ packages:
     resolution: {integrity: sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==}
     engines: {node: '>=12'}
 
+  smtp-address-parser@1.0.10:
+    resolution: {integrity: sha512-Osg9LmvGeAG/hyao4mldbflLOkkr3a+h4m1lwKCK5U8M6ZAr7tdXEz/+/vr752TSGE4MNUlUl9cIK2cB8cgzXg==}
+    engines: {node: '>=0.10'}
+
   source-map-js@1.2.0:
     resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==}
     engines: {node: '>=0.10.0'}
@@ -3468,6 +3629,16 @@ packages:
     peerDependencies:
       typescript: '>=4.2.0'
 
+  tsconfck@3.1.4:
+    resolution: {integrity: sha512-kdqWFGVJqe+KGYvlSO9NIaWn9jT1Ny4oKVzAJsKii5eoE9snzTJzL4+MMVOMn+fikWGFmKEylcXL710V/kIPJQ==}
+    engines: {node: ^18 || >=20}
+    hasBin: true
+    peerDependencies:
+      typescript: ^5.0.0
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   tslib@2.6.3:
     resolution: {integrity: sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==}
 
@@ -3506,6 +3677,9 @@ packages:
   ua-parser-js@1.0.38:
     resolution: {integrity: sha512-Aq5ppTOfvrCMgAPneW1HfWj66Xi7XL+/mIy996R1/CLS/rcyJQm6QZdsKrUeivDFQ+Oc9Wyuwor8Ze8peEoUoQ==}
 
+  uc.micro@2.1.0:
+    resolution: {integrity: sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==}
+
   unbox-primitive@1.0.2:
     resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
 
@@ -3566,6 +3740,9 @@ packages:
     resolution: {integrity: sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==}
     hasBin: true
 
+  valid-url@1.0.9:
+    resolution: {integrity: sha512-QQDsV8OnSf5Uc30CKSwG9lnhMPe6exHtTXLRYX8uMwKENy640pU+2BgBL0LRbDh/eYRahNCS7aewCx0wf3NYVA==}
+
   vfile-message@4.0.2:
     resolution: {integrity: sha512-jRDZ1IMLttGj41KcZvlrYAaI3CfqpLpfpf+Mfig13viT6NKvRzWZ+lXz0Y5D60w6uJIBAOGq9mSHf0gktF0duw==}
 
@@ -3586,6 +3763,14 @@ packages:
       babel-plugin-relay: '>=14.1.0'
       vite: '>=2.0.0'
 
+  vite-tsconfig-paths@4.3.2:
+    resolution: {integrity: sha512-0Vd/a6po6Q+86rPlntHye7F31zA2URZMbH8M3saAZ/xR9QoGN/L21bxEGfXdWmFdNkqPpRdxFT7nmNe12e9/uA==}
+    peerDependencies:
+      vite: '*'
+    peerDependenciesMeta:
+      vite:
+        optional: true
+
   vite@5.3.6:
     resolution: {integrity: sha512-es78AlrylO8mTVBygC0gTC0FENv0C6T496vvd33ydbjF/mIi9q3XQ9A3NWo5qLGFKywvz10J26813OkLvcQleA==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -3749,6 +3934,11 @@ packages:
     resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
     engines: {node: '>= 6'}
 
+  yaml@2.6.0:
+    resolution: {integrity: sha512-a6ae//JvKDEra2kdi1qzCyrJW/WZCgFi8ydDV+eXExl95t+5R+ijnqHJbz9tmMh8FUjx3iv2fCQ4dclAQlO2UQ==}
+    engines: {node: '>= 14'}
+    hasBin: true
+
   yargs-parser@21.1.1:
     resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
     engines: {node: '>=12'}
@@ -3761,6 +3951,11 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
+  zod-to-json-schema@3.23.3:
+    resolution: {integrity: sha512-TYWChTxKQbRJp5ST22o/Irt9KC5nj7CdBKYB/AosCRdj/wxEMvv4NNaj9XVUHDOIp53ZxArGhnw5HMZziPFjog==}
+    peerDependencies:
+      zod: ^3.23.3
+
   zod-validation-error@3.4.0:
     resolution: {integrity: sha512-ZOPR9SVY6Pb2qqO5XHt+MkkTRxGXb4EVtnjc9JpXUOtUB1T9Ru7mZOT361AN3MsetVe7R0a1KZshJDZdgp9miQ==}
     engines: {node: '>=18.0.0'}
@@ -3804,7 +3999,7 @@ snapshots:
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
 
-  '@arizeai/components@1.8.6(@types/react@18.3.10)(eslint@8.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@arizeai/components@1.8.7(@types/react@18.3.10)(eslint@8.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@emotion/react': 11.11.4(@types/react@18.3.10)(react@18.3.1)
       '@react-aria/breadcrumbs': 3.5.13(react@18.3.1)
@@ -4045,6 +4240,23 @@ snapshots:
       '@babel/helper-validator-identifier': 7.24.7
       to-fast-properties: 2.0.0
 
+  '@changesets/changelog-github@0.4.8':
+    dependencies:
+      '@changesets/get-github-info': 0.5.2
+      '@changesets/types': 5.2.1
+      dotenv: 8.6.0
+    transitivePeerDependencies:
+      - encoding
+
+  '@changesets/get-github-info@0.5.2':
+    dependencies:
+      dataloader: 1.4.0
+      node-fetch: 2.7.0
+    transitivePeerDependencies:
+      - encoding
+
+  '@changesets/types@5.2.1': {}
+
   '@codemirror/autocomplete@6.12.0(@codemirror/language@6.10.3)(@codemirror/state@6.4.1)(@codemirror/view@6.29.0)(@lezer/common@1.2.1)':
     dependencies:
       '@codemirror/language': 6.10.3
@@ -4052,6 +4264,14 @@ snapshots:
       '@codemirror/view': 6.29.0
       '@lezer/common': 1.2.1
 
+  '@codemirror/autocomplete@6.18.1(@codemirror/language@6.10.3)(@codemirror/state@6.4.1)(@codemirror/view@6.29.0)(@lezer/common@1.2.1)':
+    dependencies:
+      '@codemirror/language': 6.10.3
+      '@codemirror/state': 6.4.1
+      '@codemirror/view': 6.29.0
+      '@lezer/common': 1.2.1
+    optional: true
+
   '@codemirror/commands@6.6.0':
     dependencies:
       '@codemirror/language': 6.10.3
@@ -4084,6 +4304,18 @@ snapshots:
       - '@codemirror/view'
       - '@lezer/common'
 
+  '@codemirror/lang-yaml@6.1.1(@codemirror/view@6.29.0)':
+    dependencies:
+      '@codemirror/autocomplete': 6.12.0(@codemirror/language@6.10.3)(@codemirror/state@6.4.1)(@codemirror/view@6.29.0)(@lezer/common@1.2.1)
+      '@codemirror/language': 6.10.3
+      '@codemirror/state': 6.4.1
+      '@lezer/common': 1.2.1
+      '@lezer/highlight': 1.2.1
+      '@lezer/yaml': 1.0.3
+    transitivePeerDependencies:
+      - '@codemirror/view'
+    optional: true
+
   '@codemirror/language@6.10.3':
     dependencies:
       '@codemirror/state': 6.4.1
@@ -4404,6 +4636,13 @@ snapshots:
       '@lezer/highlight': 1.2.1
       '@lezer/lr': 1.4.2
 
+  '@lezer/yaml@1.0.3':
+    dependencies:
+      '@lezer/common': 1.2.1
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+    optional: true
+
   '@mediapipe/tasks-vision@0.10.8': {}
 
   '@monogrid/gainmap-js@3.0.5(three@0.139.2)':
@@ -5083,6 +5322,45 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.24.0':
     optional: true
 
+  '@sagold/json-pointer@5.1.2': {}
+
+  '@sagold/json-query@6.2.0':
+    dependencies:
+      '@sagold/json-pointer': 5.1.2
+      ebnf: 1.9.1
+
+  '@shikijs/core@1.22.0':
+    dependencies:
+      '@shikijs/engine-javascript': 1.22.0
+      '@shikijs/engine-oniguruma': 1.22.0
+      '@shikijs/types': 1.22.0
+      '@shikijs/vscode-textmate': 9.3.0
+      '@types/hast': 3.0.4
+      hast-util-to-html: 9.0.3
+
+  '@shikijs/engine-javascript@1.22.0':
+    dependencies:
+      '@shikijs/types': 1.22.0
+      '@shikijs/vscode-textmate': 9.3.0
+      oniguruma-to-js: 0.4.3
+
+  '@shikijs/engine-oniguruma@1.22.0':
+    dependencies:
+      '@shikijs/types': 1.22.0
+      '@shikijs/vscode-textmate': 9.3.0
+
+  '@shikijs/markdown-it@1.22.0':
+    dependencies:
+      markdown-it: 14.1.0
+      shiki: 1.22.0
+
+  '@shikijs/types@1.22.0':
+    dependencies:
+      '@shikijs/vscode-textmate': 9.3.0
+      '@types/hast': 3.0.4
+
+  '@shikijs/vscode-textmate@9.3.0': {}
+
   '@swc/helpers@0.5.12':
     dependencies:
       tslib: 2.6.3
@@ -5170,6 +5448,8 @@ snapshots:
     dependencies:
       '@types/unist': 3.0.2
 
+  '@types/json-schema@7.0.15': {}
+
   '@types/lodash@4.17.7': {}
 
   '@types/mdast@4.0.4':
@@ -5178,6 +5458,10 @@ snapshots:
 
   '@types/ms@0.7.34': {}
 
+  '@types/node@20.16.11':
+    dependencies:
+      undici-types: 6.19.8
+
   '@types/node@22.5.4':
     dependencies:
       undici-types: 6.19.8
@@ -5665,6 +5949,46 @@ snapshots:
 
   clsx@2.1.1: {}
 
+  codemirror-json-schema@0.7.8(@codemirror/language@6.10.3)(@codemirror/lint@6.8.1)(@codemirror/state@6.4.1)(@codemirror/view@6.29.0)(@lezer/common@1.2.1)(typescript@5.4.5)(vite@5.3.6(@types/node@22.5.4)):
+    dependencies:
+      '@changesets/changelog-github': 0.4.8
+      '@codemirror/language': 6.10.3
+      '@codemirror/lint': 6.8.1
+      '@codemirror/state': 6.4.1
+      '@codemirror/view': 6.29.0
+      '@lezer/common': 1.2.1
+      '@sagold/json-pointer': 5.1.2
+      '@shikijs/markdown-it': 1.22.0
+      '@types/json-schema': 7.0.15
+      '@types/node': 20.16.11
+      json-schema: 0.4.0
+      json-schema-library: 9.3.5
+      markdown-it: 14.1.0
+      vite-tsconfig-paths: 4.3.2(typescript@5.4.5)(vite@5.3.6(@types/node@22.5.4))
+      yaml: 2.6.0
+    optionalDependencies:
+      '@codemirror/autocomplete': 6.18.1(@codemirror/language@6.10.3)(@codemirror/state@6.4.1)(@codemirror/view@6.29.0)(@lezer/common@1.2.1)
+      '@codemirror/lang-json': 6.0.1
+      '@codemirror/lang-yaml': 6.1.1(@codemirror/view@6.29.0)
+      codemirror-json5: 1.0.3
+      json5: 2.2.3
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+      - typescript
+      - vite
+
+  codemirror-json5@1.0.3:
+    dependencies:
+      '@codemirror/language': 6.10.3
+      '@codemirror/state': 6.4.1
+      '@codemirror/view': 6.29.0
+      '@lezer/common': 1.2.1
+      '@lezer/highlight': 1.2.1
+      json5: 2.2.3
+      lezer-json5: 2.0.2
+    optional: true
+
   codemirror@6.0.1(@lezer/common@1.2.1):
     dependencies:
       '@codemirror/autocomplete': 6.12.0(@codemirror/language@6.10.3)(@codemirror/state@6.4.1)(@codemirror/view@6.29.0)(@lezer/common@1.2.1)
@@ -5695,6 +6019,8 @@ snapshots:
 
   comma-separated-tokens@2.0.3: {}
 
+  commander@2.20.3: {}
+
   concat-map@0.0.1: {}
 
   convert-source-map@1.9.0: {}
@@ -5842,6 +6168,8 @@ snapshots:
       es-errors: 1.3.0
       is-data-view: 1.0.1
 
+  dataloader@1.4.0: {}
+
   date-fns@3.6.0: {}
 
   debounce@1.2.1: {}
@@ -5862,6 +6190,8 @@ snapshots:
 
   deep-is@0.1.4: {}
 
+  deepmerge@4.3.1: {}
+
   define-data-property@1.1.4:
     dependencies:
       es-define-property: 1.0.0
@@ -5892,6 +6222,8 @@ snapshots:
     dependencies:
       path-type: 4.0.0
 
+  discontinuous-range@1.0.0: {}
+
   doctrine@2.1.0:
     dependencies:
       esutils: 2.0.3
@@ -5905,8 +6237,12 @@ snapshots:
       '@babel/runtime': 7.24.8
       csstype: 3.1.3
 
+  dotenv@8.6.0: {}
+
   draco3d@1.5.7: {}
 
+  ebnf@1.9.1: {}
+
   electron-to-chromium@1.4.829: {}
 
   emoji-regex@8.0.0: {}
@@ -6170,6 +6506,8 @@ snapshots:
 
   extend@3.0.2: {}
 
+  fast-copy@3.0.2: {}
+
   fast-deep-equal@3.1.3: {}
 
   fast-equals@5.0.1: {}
@@ -6323,6 +6661,8 @@ snapshots:
       merge2: 1.4.1
       slash: 4.0.0
 
+  globrex@0.1.2: {}
+
   glsl-noise@0.0.0: {}
 
   gopd@1.0.1:
@@ -6363,6 +6703,20 @@ snapshots:
     dependencies:
       function-bind: 1.1.2
 
+  hast-util-to-html@9.0.3:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.2
+      ccount: 2.0.1
+      comma-separated-tokens: 2.0.3
+      hast-util-whitespace: 3.0.0
+      html-void-elements: 3.0.0
+      mdast-util-to-hast: 13.2.0
+      property-information: 6.5.0
+      space-separated-tokens: 2.0.2
+      stringify-entities: 4.0.4
+      zwitch: 2.0.4
+
   hast-util-to-jsx-runtime@2.3.0:
     dependencies:
       '@types/estree': 1.0.6
@@ -6405,6 +6759,8 @@ snapshots:
 
   html-url-attributes@3.0.0: {}
 
+  html-void-elements@3.0.0: {}
+
   http-proxy-agent@7.0.2:
     dependencies:
       agent-base: 7.1.1
@@ -6654,8 +7010,20 @@ snapshots:
 
   json-parse-even-better-errors@2.3.1: {}
 
+  json-schema-library@9.3.5:
+    dependencies:
+      '@sagold/json-pointer': 5.1.2
+      '@sagold/json-query': 6.2.0
+      deepmerge: 4.3.1
+      fast-copy: 3.0.2
+      fast-deep-equal: 3.1.3
+      smtp-address-parser: 1.0.10
+      valid-url: 1.0.9
+
   json-schema-traverse@0.4.1: {}
 
+  json-schema@0.4.0: {}
+
   json-stable-stringify-without-jsonify@1.0.1: {}
 
   json5@2.2.3: {}
@@ -6678,12 +7046,21 @@ snapshots:
       prelude-ls: 1.2.1
       type-check: 0.4.0
 
+  lezer-json5@2.0.2:
+    dependencies:
+      '@lezer/lr': 1.4.2
+    optional: true
+
   lie@3.3.0:
     dependencies:
       immediate: 3.0.6
 
   lines-and-columns@1.2.4: {}
 
+  linkify-it@5.0.0:
+    dependencies:
+      uc.micro: 2.1.0
+
   locate-path@6.0.0:
     dependencies:
       p-locate: 5.0.0
@@ -6713,6 +7090,15 @@ snapshots:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.0
 
+  markdown-it@14.1.0:
+    dependencies:
+      argparse: 2.0.1
+      entities: 4.5.0
+      linkify-it: 5.0.0
+      mdurl: 2.0.0
+      punycode.js: 2.3.1
+      uc.micro: 2.1.0
+
   markdown-table@3.0.3: {}
 
   mdast-util-find-and-replace@3.0.1:
@@ -6868,6 +7254,8 @@ snapshots:
     dependencies:
       '@types/mdast': 4.0.4
 
+  mdurl@2.0.0: {}
+
   meow@12.1.1: {}
 
   merge2@1.4.1: {}
@@ -7094,12 +7482,21 @@ snapshots:
     dependencies:
       color-name: 1.1.4
 
+  moo@0.5.2: {}
+
   ms@2.1.3: {}
 
   nanoid@3.3.7: {}
 
   natural-compare@1.4.0: {}
 
+  nearley@2.20.1:
+    dependencies:
+      commander: 2.20.3
+      moo: 0.5.2
+      railroad-diagrams: 1.0.0
+      randexp: 0.4.6
+
   nested-error-stacks@2.1.1: {}
 
   node-fetch@2.7.0:
@@ -7150,6 +7547,10 @@ snapshots:
     dependencies:
       wrappy: 1.0.2
 
+  oniguruma-to-js@0.4.3:
+    dependencies:
+      regex: 4.3.3
+
   only-allow@1.2.1:
     dependencies:
       which-pm-runs: 1.1.0
@@ -7285,10 +7686,19 @@ snapshots:
 
   property-information@6.5.0: {}
 
+  punycode.js@2.3.1: {}
+
   punycode@2.3.1: {}
 
   queue-microtask@1.2.3: {}
 
+  railroad-diagrams@1.0.0: {}
+
+  randexp@0.4.6:
+    dependencies:
+      discontinuous-range: 1.0.0
+      ret: 0.1.15
+
   react-composer@5.0.3(react@18.3.1):
     dependencies:
       prop-types: 15.8.1
@@ -7427,6 +7837,8 @@ snapshots:
 
   regenerator-runtime@0.14.1: {}
 
+  regex@4.3.3: {}
+
   regexp.prototype.flags@1.5.2:
     dependencies:
       call-bind: 1.0.7
@@ -7498,6 +7910,8 @@ snapshots:
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
+  ret@0.1.15: {}
+
   reusify@1.0.4: {}
 
   rimraf@3.0.2:
@@ -7600,6 +8014,15 @@ snapshots:
 
   shebang-regex@3.0.0: {}
 
+  shiki@1.22.0:
+    dependencies:
+      '@shikijs/core': 1.22.0
+      '@shikijs/engine-javascript': 1.22.0
+      '@shikijs/engine-oniguruma': 1.22.0
+      '@shikijs/types': 1.22.0
+      '@shikijs/vscode-textmate': 9.3.0
+      '@types/hast': 3.0.4
+
   side-channel@1.0.6:
     dependencies:
       call-bind: 1.0.7
@@ -7613,6 +8036,10 @@ snapshots:
 
   slash@4.0.0: {}
 
+  smtp-address-parser@1.0.10:
+    dependencies:
+      nearley: 2.20.1
+
   source-map-js@1.2.0: {}
 
   source-map@0.5.7: {}
@@ -7793,6 +8220,10 @@ snapshots:
     dependencies:
       typescript: 5.4.5
 
+  tsconfck@3.1.4(typescript@5.4.5):
+    optionalDependencies:
+      typescript: 5.4.5
+
   tslib@2.6.3: {}
 
   tunnel-rat@0.1.2(@types/react@18.3.10)(react@18.3.1):
@@ -7845,6 +8276,8 @@ snapshots:
 
   ua-parser-js@1.0.38: {}
 
+  uc.micro@2.1.0: {}
+
   unbox-primitive@1.0.2:
     dependencies:
       call-bind: 1.0.7
@@ -7920,6 +8353,8 @@ snapshots:
 
   uuid@9.0.1: {}
 
+  valid-url@1.0.9: {}
+
   vfile-message@4.0.2:
     dependencies:
       '@types/unist': 3.0.2
@@ -7972,6 +8407,17 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  vite-tsconfig-paths@4.3.2(typescript@5.4.5)(vite@5.3.6(@types/node@22.5.4)):
+    dependencies:
+      debug: 4.3.7
+      globrex: 0.1.2
+      tsconfck: 3.1.4(typescript@5.4.5)
+    optionalDependencies:
+      vite: 5.3.6(@types/node@22.5.4)
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
   vite@5.3.6(@types/node@22.5.4):
     dependencies:
       esbuild: 0.21.5
@@ -8121,6 +8567,8 @@ snapshots:
 
   yaml@1.10.2: {}
 
+  yaml@2.6.0: {}
+
   yargs-parser@21.1.1: {}
 
   yargs@17.7.2:
@@ -8135,6 +8583,10 @@ snapshots:
 
   yocto-queue@0.1.0: {}
 
+  zod-to-json-schema@3.23.3(zod@3.23.8):
+    dependencies:
+      zod: 3.23.8
+
   zod-validation-error@3.4.0(zod@3.23.8):
     dependencies:
       zod: 3.23.8
diff --git a/app/src/@types/generative.d.ts b/app/src/@types/generative.d.ts
index 326b6a4160..ffe3285ea3 100644
--- a/app/src/@types/generative.d.ts
+++ b/app/src/@types/generative.d.ts
@@ -4,3 +4,14 @@ declare type ModelProvider = "OPENAI" | "AZURE_OPENAI" | "ANTHROPIC";
  * The role of a chat message
  */
 declare type ChatMessageRole = "user" | "system" | "ai" | "tool";
+
+/**
+ * The tool picking mechanism for an LLM
+ * Either "auto", "required", "none", or a specific tool
+ * @see https://platform.openai.com/docs/api-reference/chat/create#chat-create-tool_choice
+ */
+declare type ToolChoice =
+  | "auto"
+  | "required"
+  | "none"
+  | { type: "function"; function: { name: string } };
diff --git a/app/src/components/code/CodeEditorFieldWrapper.tsx b/app/src/components/code/CodeEditorFieldWrapper.tsx
index 438c8b3da5..3f890f651a 100644
--- a/app/src/components/code/CodeEditorFieldWrapper.tsx
+++ b/app/src/components/code/CodeEditorFieldWrapper.tsx
@@ -27,6 +27,7 @@ const codeEditorFormWrapperCSS = css`
   .cm-editor {
     border-radius: var(--ac-global-rounding-small);
   }
+  box-sizing: border-box;
   .cm-focused {
     outline: none;
   }
diff --git a/app/src/components/code/JSONEditor.tsx b/app/src/components/code/JSONEditor.tsx
index 68e7457fa3..a7459c8afa 100644
--- a/app/src/components/code/JSONEditor.tsx
+++ b/app/src/components/code/JSONEditor.tsx
@@ -1,24 +1,56 @@
-import React from "react";
-import { json, jsonParseLinter } from "@codemirror/lang-json";
+import React, { useMemo } from "react";
+import { json, jsonLanguage, jsonParseLinter } from "@codemirror/lang-json";
 import { linter } from "@codemirror/lint";
-import { EditorView } from "@codemirror/view";
+import { EditorView, hoverTooltip } from "@codemirror/view";
+import { githubLight } from "@uiw/codemirror-theme-github";
 import { nord } from "@uiw/codemirror-theme-nord";
 import CodeMirror, { ReactCodeMirrorProps } from "@uiw/react-codemirror";
+import {
+  handleRefresh,
+  jsonCompletion,
+  jsonSchemaHover,
+  jsonSchemaLinter,
+  stateExtensions,
+} from "codemirror-json-schema";
+import { JSONSchema7 } from "json-schema";
 
 import { useTheme } from "@phoenix/contexts";
 
 export type JSONEditorProps = Omit<
   ReactCodeMirrorProps,
   "theme" | "extensions" | "editable"
->;
+> & {
+  /**
+   * JSON Schema to use for validation, if provided will enable JSON Schema validation with tooltips in the editor
+   */
+  jsonSchema?: JSONSchema7;
+};
 
 export function JSONEditor(props: JSONEditorProps) {
   const { theme } = useTheme();
-  const codeMirrorTheme = theme === "light" ? undefined : nord;
+  const codeMirrorTheme = theme === "light" ? githubLight : nord;
+  const extensions = useMemo(() => {
+    const baseExtensions = [
+      json(),
+      EditorView.lineWrapping,
+      linter(jsonParseLinter()),
+    ];
+    if (props.jsonSchema) {
+      baseExtensions.push(
+        linter(jsonSchemaLinter(), { needsRefresh: handleRefresh }),
+        jsonLanguage.data.of({
+          autocomplete: jsonCompletion(),
+        }),
+        hoverTooltip(jsonSchemaHover()),
+        stateExtensions(props.jsonSchema)
+      );
+    }
+    return baseExtensions;
+  }, [props.jsonSchema]);
   return (
     <CodeMirror
       value={props.value}
-      extensions={[json(), EditorView.lineWrapping, linter(jsonParseLinter())]}
+      extensions={extensions}
       editable
       theme={codeMirrorTheme}
       {...props}
diff --git a/app/src/components/generative/ToolChoiceSelector.tsx b/app/src/components/generative/ToolChoiceSelector.tsx
new file mode 100644
index 0000000000..b0a89d095c
--- /dev/null
+++ b/app/src/components/generative/ToolChoiceSelector.tsx
@@ -0,0 +1,102 @@
+import React from "react";
+
+import { Flex, Item, Label, Picker } from "@arizeai/components";
+
+type DefaultToolChoice = Extract<ToolChoice, "auto" | "required" | "none">;
+
+const isDefaultToolChoice = (choice: string): choice is DefaultToolChoice => {
+  return choice === "auto" || choice === "required" || choice === "none";
+};
+
+/**
+ * A prefix to add to user defined tools in the picker to avoid picker key collisions with default {@link ToolChoice} keys
+ */
+const TOOL_NAME_PREFIX = "tool_";
+
+/**
+ * Adds a prefix to user defined tool names to avoid conflicts picker key collisions with default {@link ToolChoice} keys
+ * @param toolName The name of a tool
+ * @returns  The tool name with the "TOOL_NAME_PREFIX" prefix added
+ */
+const addToolNamePrefix = (toolName: string) =>
+  `${TOOL_NAME_PREFIX}${toolName}`;
+
+/**
+ * Removes the "TOOL_NAME_PREFIX" prefix from a tool name so that it can be used as a choice that corresponds to an actual tool
+ * @param toolName The name of a tool with the "TOOL_NAME_PREFIX" prefix
+ * @returns The tool name with the "TOOL_NAME_PREFIX" prefix removed
+ */
+const removeToolNamePrefix = (toolName: string) =>
+  toolName.startsWith(TOOL_NAME_PREFIX)
+    ? toolName.slice(TOOL_NAME_PREFIX.length)
+    : toolName;
+
+type ToolChoicePickerProps = {
+  /**
+   * The current choice including the default {@link ToolChoice} and any user defined tools
+   */
+  choice: ToolChoice;
+  /**
+   * Callback for when the tool choice changes
+   */
+  onChange: (choice: ToolChoice) => void;
+  /**
+   * A list of user defined tool names
+   */
+  toolNames: string[];
+};
+
+export function ToolChoicePicker({
+  choice,
+  onChange,
+  toolNames,
+}: ToolChoicePickerProps) {
+  const currentKey =
+    typeof choice === "string"
+      ? choice
+      : addToolNamePrefix(choice.function.name);
+  return (
+    <Picker
+      selectedKey={currentKey}
+      label="Tool Choice"
+      aria-label="Tool Choice for an LLM"
+      onSelectionChange={(choice) => {
+        if (typeof choice !== "string") {
+          return;
+        }
+        if (choice.startsWith(TOOL_NAME_PREFIX)) {
+          onChange({
+            type: "function",
+            function: {
+              name: removeToolNamePrefix(choice),
+            },
+          });
+        } else if (isDefaultToolChoice(choice)) {
+          onChange(choice);
+        }
+      }}
+    >
+      {[
+        <Item key="auto">
+          <Flex gap={"size-100"}>
+            Tools auto-selected by LLM <Label>auto</Label>
+          </Flex>
+        </Item>,
+        <Item key="required">
+          <Flex gap={"size-100"}>
+            Use at least one tool <Label>required</Label>
+          </Flex>
+        </Item>,
+        <Item key="none">
+          <Flex gap={"size-100"}>
+            Don&apos;t use any tools <Label>none</Label>
+          </Flex>
+        </Item>,
+        // Add "TOOL_NAME_PREFIX" prefix to user defined tool names to avoid conflicts with default keys
+        ...toolNames.map((toolName) => (
+          <Item key={addToolNamePrefix(toolName)}>{toolName}</Item>
+        )),
+      ]}
+    </Picker>
+  );
+}
diff --git a/app/src/components/generative/index.ts b/app/src/components/generative/index.ts
new file mode 100644
index 0000000000..ad6556baa2
--- /dev/null
+++ b/app/src/components/generative/index.ts
@@ -0,0 +1 @@
+export * from "./ToolChoiceSelector";
diff --git a/app/src/pages/playground/Playground.tsx b/app/src/pages/playground/Playground.tsx
index 14ab2704e6..9304ed2ece 100644
--- a/app/src/pages/playground/Playground.tsx
+++ b/app/src/pages/playground/Playground.tsx
@@ -87,13 +87,13 @@ const playgroundPromptPanelContentCSS = css`
   flex-direction: column;
   height: 100%;
   overflow: hidden;
-  .ac-accordion {
+  & > .ac-accordion {
     display: flex;
     flex-direction: column;
     height: 100%;
     overflow: hidden;
     flex: 1 1 auto;
-    .ac-accordion-item {
+    & > .ac-accordion-item {
       height: 100%;
       overflow: hidden;
       flex: 1 1 auto;
@@ -101,13 +101,11 @@ const playgroundPromptPanelContentCSS = css`
         height: 100%;
         overflow: hidden;
         flex: 1 1 auto;
-        & > * {
+        & > .ac-view {
           height: 100%;
           flex: 1 1 auto;
           overflow: auto;
           box-sizing: border-box;
-          // Fix padding issue with flexbox
-          padding-bottom: 57px !important;
         }
       }
     }
@@ -147,20 +145,15 @@ function PlaygroundContent() {
                 </Flex>
               }
             >
-              <View height="100%" padding="size-200">
+              <View height="100%" padding="size-200" paddingBottom="size-900">
                 <Flex direction="row" gap="size-200">
-                  {instances.map((instance, i) => (
-                    <div
-                      key={i}
-                      css={css`
-                        flex: 1 1 0px;
-                      `}
-                    >
+                  {instances.map((instance) => (
+                    <View key={instance.id} flex="1 1 0px">
                       <PlaygroundTemplate
-                        key={i}
+                        key={instance.id}
                         playgroundInstanceId={instance.id}
                       />
-                    </div>
+                    </View>
                   ))}
                 </Flex>
               </View>
diff --git a/app/src/pages/playground/PlaygroundChatTemplate.tsx b/app/src/pages/playground/PlaygroundChatTemplate.tsx
index d0361d0a1f..531064f5f5 100644
--- a/app/src/pages/playground/PlaygroundChatTemplate.tsx
+++ b/app/src/pages/playground/PlaygroundChatTemplate.tsx
@@ -25,11 +25,13 @@ import { usePlaygroundContext } from "@phoenix/contexts/PlaygroundContext";
 import { useChatMessageStyles } from "@phoenix/hooks/useChatMessageStyles";
 import {
   ChatMessage,
+  createTool,
   generateMessageId,
   PlaygroundChatTemplate as PlaygroundChatTemplateType,
 } from "@phoenix/store";
 
 import { MessageRolePicker } from "./MessageRolePicker";
+import { PlaygroundTools } from "./PlaygroundTools";
 import { PlaygroundInstanceProps } from "./types";
 
 const MESSAGE_Z_INDEX = 1;
@@ -54,6 +56,7 @@ export function PlaygroundChatTemplate(props: PlaygroundChatTemplateProps) {
   if (!playgroundInstance) {
     throw new Error(`Playground instance ${id} not found`);
   }
+  const hasTools = playgroundInstance.tools.length > 0;
   const { template } = playgroundInstance;
   if (template.__type !== "chat") {
     throw new Error(`Invalid template type ${template.__type}`);
@@ -123,10 +126,30 @@ export function PlaygroundChatTemplate(props: PlaygroundChatTemplateProps) {
         paddingEnd="size-200"
         paddingTop="size-100"
         paddingBottom="size-100"
-        borderTopColor="dark"
+        borderColor="dark"
         borderTopWidth="thin"
+        borderBottomWidth={hasTools ? "thin" : undefined}
       >
-        <Flex direction="row" justifyContent="end">
+        <Flex direction="row" justifyContent="end" gap="size-100">
+          <Button
+            variant="default"
+            aria-label="add tool"
+            size="compact"
+            icon={<Icon svg={<Icons.PlusOutline />} />}
+            onClick={() => {
+              updateInstance({
+                instanceId: id,
+                patch: {
+                  tools: [
+                    ...playgroundInstance.tools,
+                    createTool(playgroundInstance.tools.length + 1),
+                  ],
+                },
+              });
+            }}
+          >
+            Tool
+          </Button>
           <Button
             variant="default"
             aria-label="add message"
@@ -155,6 +178,7 @@ export function PlaygroundChatTemplate(props: PlaygroundChatTemplateProps) {
           </Button>
         </Flex>
       </View>
+      {hasTools ? <PlaygroundTools {...props} /> : null}
     </DndContext>
   );
 }
diff --git a/app/src/pages/playground/PlaygroundOutput.tsx b/app/src/pages/playground/PlaygroundOutput.tsx
index 937e32670c..0676c05a64 100644
--- a/app/src/pages/playground/PlaygroundOutput.tsx
+++ b/app/src/pages/playground/PlaygroundOutput.tsx
@@ -42,7 +42,7 @@ export function PlaygroundOutput(props: PlaygroundOutputProps) {
     state.instances.findIndex((instance) => instance.id === instanceId)
   );
   if (!instance) {
-    throw new Error("Playground instance not found");
+    throw new Error(`Playground instance ${instanceId} not found`);
   }
 
   const runId = instance.activeRunId;
diff --git a/app/src/pages/playground/PlaygroundTool.tsx b/app/src/pages/playground/PlaygroundTool.tsx
new file mode 100644
index 0000000000..de0705b772
--- /dev/null
+++ b/app/src/pages/playground/PlaygroundTool.tsx
@@ -0,0 +1,98 @@
+import React, { useCallback, useState } from "react";
+import { JSONSchema7 } from "json-schema";
+
+import { Button, Card, Flex, Icon, Icons } from "@arizeai/components";
+
+import { CopyToClipboardButton } from "@phoenix/components";
+import { JSONEditor } from "@phoenix/components/code";
+import { usePlaygroundContext } from "@phoenix/contexts/PlaygroundContext";
+import { toolJSONSchema, toolSchema } from "@phoenix/schemas";
+import { Tool } from "@phoenix/store";
+import { safelyParseJSON } from "@phoenix/utils/jsonUtils";
+
+import { PlaygroundInstanceProps } from "./types";
+
+export function PlaygroundTool({
+  playgroundInstanceId,
+  tool,
+  instanceTools,
+}: PlaygroundInstanceProps & { tool: Tool; instanceTools: Tool[] }) {
+  const updateInstance = usePlaygroundContext((state) => state.updateInstance);
+
+  const [toolDefinition, setToolDefinition] = useState(
+    JSON.stringify(tool.definition, null, 2)
+  );
+
+  const onChange = useCallback(
+    (value: string) => {
+      setToolDefinition(value);
+      const { json: definition } = safelyParseJSON(value);
+      if (definition == null) {
+        return;
+      }
+      // Don't use data here returned by safeParse, as we want to allow for extra keys,
+      // there is no "deepPassthrough" to allow for extra keys
+      // at all levels of the schema, so we just use the json parsed value here,
+      // knowing that it is valid with potentially extra keys
+      const { success } = toolSchema.safeParse(definition);
+      if (!success) {
+        return;
+      }
+      updateInstance({
+        instanceId: playgroundInstanceId,
+        patch: {
+          tools: instanceTools.map((t) =>
+            t.id === tool.id
+              ? {
+                  ...t,
+                  // Don't use data here returned by safeParse, as we want to allow for extra keys,
+                  // there is no "deepPassthrough" to allow for extra keys
+                  // at all levels of the schema, so we just use the json parsed value here,
+                  // knowing that it is valid with potentially extra keys
+                  definition,
+                }
+              : t
+          ),
+        },
+      });
+    },
+    [instanceTools, playgroundInstanceId, tool.id, updateInstance]
+  );
+
+  return (
+    <Card
+      collapsible
+      backgroundColor={"yellow-100"}
+      borderColor={"yellow-700"}
+      variant="compact"
+      key={tool.id}
+      title={tool.definition.function?.name ?? "Tool"}
+      bodyStyle={{ padding: 0 }}
+      extra={
+        <Flex direction="row" gap="size-100">
+          <CopyToClipboardButton text={toolDefinition} />
+          <Button
+            aria-label="Delete tool"
+            icon={<Icon svg={<Icons.TrashOutline />} />}
+            variant="default"
+            size="compact"
+            onClick={() => {
+              updateInstance({
+                instanceId: playgroundInstanceId,
+                patch: {
+                  tools: instanceTools.filter((t) => t.id !== tool.id),
+                },
+              });
+            }}
+          />
+        </Flex>
+      }
+    >
+      <JSONEditor
+        value={toolDefinition}
+        onChange={onChange}
+        jsonSchema={toolJSONSchema as JSONSchema7}
+      />
+    </Card>
+  );
+}
diff --git a/app/src/pages/playground/PlaygroundTools.tsx b/app/src/pages/playground/PlaygroundTools.tsx
new file mode 100644
index 0000000000..3d6c7c46bf
--- /dev/null
+++ b/app/src/pages/playground/PlaygroundTools.tsx
@@ -0,0 +1,82 @@
+import React, { useMemo } from "react";
+
+import {
+  Accordion,
+  AccordionItem,
+  Counter,
+  Flex,
+  Form,
+  View,
+} from "@arizeai/components";
+
+import { ToolChoicePicker } from "@phoenix/components/generative";
+import { usePlaygroundContext } from "@phoenix/contexts/PlaygroundContext";
+
+import { PlaygroundTool } from "./PlaygroundTool";
+import { PlaygroundInstanceProps } from "./types";
+
+interface PlaygroundToolsProps extends PlaygroundInstanceProps {}
+
+export function PlaygroundTools(props: PlaygroundToolsProps) {
+  const instanceId = props.playgroundInstanceId;
+  const instance = usePlaygroundContext((state) =>
+    state.instances.find(
+      (instance) => instance.id === props.playgroundInstanceId
+    )
+  );
+  const updateInstance = usePlaygroundContext((state) => state.updateInstance);
+  if (instance == null) {
+    throw new Error(`Playground instance ${instanceId} not found`);
+  }
+  const { tools } = instance;
+  if (tools == null) {
+    throw new Error(`Playground instance ${instanceId} does not have tools`);
+  }
+
+  const toolNames = useMemo(
+    () =>
+      tools
+        .map((tool) => tool.definition.function?.name)
+        .filter((name): name is NonNullable<typeof name> => name != null),
+    [tools]
+  );
+
+  return (
+    <Accordion arrowPosition="start">
+      <AccordionItem
+        id="tools"
+        title="Tools"
+        titleExtra={<Counter variant="light">{tools.length}</Counter>}
+      >
+        <View padding="size-200">
+          <Flex direction="column" gap="size-200">
+            <Form>
+              <ToolChoicePicker
+                choice={instance.toolChoice}
+                onChange={(choice) => {
+                  updateInstance({
+                    instanceId,
+                    patch: {
+                      toolChoice: choice,
+                    },
+                  });
+                }}
+                toolNames={toolNames}
+              />
+            </Form>
+            {tools.map((tool) => {
+              return (
+                <PlaygroundTool
+                  key={tool.id}
+                  playgroundInstanceId={instanceId}
+                  tool={tool}
+                  instanceTools={instance.tools}
+                />
+              );
+            })}
+          </Flex>
+        </View>
+      </AccordionItem>
+    </Accordion>
+  );
+}
diff --git a/app/src/pages/playground/__tests__/playgroundUtils.test.ts b/app/src/pages/playground/__tests__/playgroundUtils.test.ts
index 0f36ba1090..636934fdd3 100644
--- a/app/src/pages/playground/__tests__/playgroundUtils.test.ts
+++ b/app/src/pages/playground/__tests__/playgroundUtils.test.ts
@@ -26,7 +26,9 @@ const expectedPlaygroundInstanceWithIO: PlaygroundInstance = {
     provider: "OPENAI",
     modelName: "gpt-4o",
   },
-  tools: {},
+  input: { variables: {} },
+  tools: [],
+  toolChoice: "auto",
   template: {
     __type: "chat",
     // These id's are not 0, 1, 2, because we create a playground instance (including messages) at the top of the transformSpanAttributesToPlaygroundInstance function
diff --git a/app/src/schemas/index.ts b/app/src/schemas/index.ts
new file mode 100644
index 0000000000..c446331ef4
--- /dev/null
+++ b/app/src/schemas/index.ts
@@ -0,0 +1 @@
+export * from "./toolSchema";
diff --git a/app/src/schemas/toolSchema.ts b/app/src/schemas/toolSchema.ts
new file mode 100644
index 0000000000..91388965ec
--- /dev/null
+++ b/app/src/schemas/toolSchema.ts
@@ -0,0 +1,87 @@
+import { z } from "zod";
+import zodToJsonSchema from "zod-to-json-schema";
+
+/**
+ * The schema for a tool definition
+ * @see https://platform.openai.com/docs/guides/structured-outputs/supported-schemas
+ *
+ * Note: The nested passThrough's are used to allow for extra keys in JSON schema, however, they do not actually
+ * allow for extra keys when the zod schema is used for parsing.
+ */
+export const toolSchema = z
+  .object({
+    type: z.literal("function").describe("The type of the tool"),
+    function: z
+      .object({
+        name: z.string().describe("The name of the function"),
+        description: z
+          .string()
+          .optional()
+          .describe("A description of the function"),
+        parameters: z
+          .object({
+            type: z.literal("object"),
+            properties: z
+              .record(
+                z
+                  .object({
+                    type: z
+                      .enum([
+                        "string",
+                        "number",
+                        "boolean",
+                        "object",
+                        "array",
+                        "null",
+                        "integer",
+                      ])
+                      .describe("The type of the parameter"),
+                    description: z
+                      .string()
+                      .optional()
+                      .describe("A description of the parameter"),
+                    enum: z
+                      .array(z.string())
+                      .optional()
+                      .describe("The allowed values"),
+                  })
+                  .passthrough()
+              )
+              .describe("A map of parameter names to their definitions"),
+            required: z
+              .array(z.string())
+              .optional()
+              .describe("The required parameters"),
+            additionalProperties: z
+              .boolean()
+              .optional()
+              .describe(
+                "Whether or not additional properties are allowed in the schema"
+              ),
+            strict: z
+              .boolean()
+              .optional()
+              .describe(
+                "Whether or not the arguments should exactly match the function definition, only supported for OpenAI models"
+              ),
+          })
+          .passthrough()
+          .describe("The parameters that the function accepts"),
+      })
+      .passthrough()
+      .describe("The function definition"),
+  })
+  .passthrough();
+
+/**
+ * The type of a tool definition
+ * @see https://platform.openai.com/docs/guides/structured-outputs/supported-schemas
+ */
+export type ToolDefinition = z.infer<typeof toolSchema>;
+
+/**
+ * The JSON schema for a tool definition
+ */
+export const toolJSONSchema = zodToJsonSchema(toolSchema, {
+  removeAdditionalStrategy: "passthrough",
+});
diff --git a/app/src/store/playground/playgroundStore.tsx b/app/src/store/playground/playgroundStore.tsx
index b0d41009f6..34c6bbb1c1 100644
--- a/app/src/store/playground/playgroundStore.tsx
+++ b/app/src/store/playground/playgroundStore.tsx
@@ -14,22 +14,29 @@ import {
   PlaygroundInstance,
   PlaygroundState,
   PlaygroundTextCompletionTemplate,
+  Tool,
 } from "./types";
 
-let playgroundInstanceIdIndex = 0;
-let playgroundRunIdIndex = 0;
+let playgroundInstanceId = 0;
+let playgroundRunId = 0;
 // This value must be truthy in order for message re-ordering to work
-let playgroundMessageIdIndex = 1;
+let playgroundMessageId = 1;
+let playgroundToolId = 0;
 
 /**
  * Generates a new playground instance ID
  */
-export const generateInstanceId = () => playgroundInstanceIdIndex++;
+export const generateInstanceId = () => playgroundInstanceId++;
 
 /**
  * Generates a new playground message ID
  */
-export const generateMessageId = () => playgroundMessageIdIndex++;
+export const generateMessageId = () => playgroundMessageId++;
+
+/**
+ * Generates a new playground tool ID
+ */
+export const generateToolId = () => playgroundToolId++;
 
 /**
  * Resets the playground instance ID to 0
@@ -37,7 +44,7 @@ export const generateMessageId = () => playgroundMessageIdIndex++;
  * NB: This is only used for testing purposes
  */
 export const _resetInstanceId = () => {
-  playgroundInstanceIdIndex = 0;
+  playgroundInstanceId = 0;
 };
 
 /**
@@ -46,7 +53,16 @@ export const _resetInstanceId = () => {
  * NB: This is only used for testing purposes
  */
 export const _resetMessageId = () => {
-  playgroundMessageIdIndex = 0;
+  playgroundMessageId = 0;
+};
+
+/**
+ * Resets the playground tool ID to 0
+ *
+ * NB: This is only used for testing purposes
+ */
+export const _resetToolId = () => {
+  playgroundToolId = 0;
 };
 
 const generateChatCompletionTemplate = (): PlaygroundChatTemplate => ({
@@ -75,13 +91,36 @@ export function createPlaygroundInstance(): PlaygroundInstance {
     id: generateInstanceId(),
     template: generateChatCompletionTemplate(),
     model: { provider: "OPENAI", modelName: "gpt-4o" },
-    tools: {},
+    tools: [],
+    toolChoice: "auto",
+    input: { variables: {} },
     output: undefined,
     activeRunId: null,
     isRunning: false,
   };
 }
 
+export function createTool(toolNumber: number): Tool {
+  return {
+    id: generateToolId(),
+    definition: {
+      type: "function",
+      function: {
+        name: `new_function_${toolNumber}`,
+        parameters: {
+          type: "object",
+          properties: {
+            new_arg: {
+              type: "string",
+            },
+          },
+          required: [],
+        },
+      },
+    },
+  };
+}
+
 export const createPlaygroundStore = (
   initialProps?: InitialPlaygroundState
 ) => {
@@ -215,7 +254,7 @@ export const createPlaygroundStore = (
       set({
         instances: instances.map((instance) => ({
           ...instance,
-          activeRunId: playgroundRunIdIndex++,
+          activeRunId: playgroundRunId++,
           isRunning: true,
         })),
       });
@@ -227,7 +266,7 @@ export const createPlaygroundStore = (
           if (instance.id === instanceId) {
             return {
               ...instance,
-              activeRunId: playgroundRunIdIndex++,
+              activeRunId: playgroundRunId++,
               isRunning: true,
             };
           }
diff --git a/app/src/store/playground/types.ts b/app/src/store/playground/types.ts
index 892da8cc45..70d42ec6d9 100644
--- a/app/src/store/playground/types.ts
+++ b/app/src/store/playground/types.ts
@@ -1,4 +1,5 @@
 import { TemplateLanguage } from "@phoenix/components/templateEditor/types";
+import { ToolDefinition } from "@phoenix/schemas";
 
 export type GenAIOperationType = "chat" | "text_completion";
 /**
@@ -58,6 +59,14 @@ type ModelConfig = {
   modelName: string | null;
 };
 
+/**
+ * The type of a tool in the playground
+ */
+export type Tool = {
+  id: number;
+  definition: Partial<ToolDefinition>;
+};
+
 /**
  * A single instance of the playground that has
  * - a template
@@ -71,7 +80,9 @@ export interface PlaygroundInstance {
    */
   id: number;
   template: PlaygroundTemplate;
-  tools: unknown;
+  tools: Tool[];
+  toolChoice: ToolChoice;
+  input: PlaygroundInput;
   model: ModelConfig;
   output: ChatMessage[] | undefined | string;
   activeRunId: number | null;