chore: bump components to allow for better styling of accordions (#5019)

Arize-ai · Oct 15, 2024 · 415ec6f · 415ec6f
1 parent 45755bb
commit 415ec6f
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 19 deletions.
diff --git a/app/package.json b/app/package.json
@@ -6,7 +6,7 @@
   "license": "None",
   "private": true,
   "dependencies": {
-    "@arizeai/components": "^1.8.5",
+    "@arizeai/components": "^1.8.6",
     "@arizeai/openinference-semantic-conventions": "^0.10.0",
     "@arizeai/point-cloud": "^3.0.6",
     "@codemirror/autocomplete": "6.12.0",

diff --git a/app/pnpm-lock.yaml b/app/pnpm-lock.yaml
diff --git a/app/src/pages/playground/Playground.tsx b/app/src/pages/playground/Playground.tsx
@@ -45,7 +45,6 @@ export function Playground(props: InitialPlaygroundState) {
           >
             <Heading level={1}>Playground</Heading>
             <Flex direction="row" gap="size-100" alignItems="center">
-              <PlaygroundInputTypeTypeRadioGroup />
               <PlaygroundCredentialsDropdown />
               <PlaygroundRunButton />
             </Flex>
@@ -137,7 +136,7 @@ function PlaygroundContent() {
     >
       <Panel>
         <div css={playgroundPromptPanelContentCSS}>
-          <Accordion>
+          <Accordion arrowPosition="start" size="L">
             <AccordionItem
               title="Prompts"
               id="prompts"
@@ -172,17 +171,19 @@ function PlaygroundContent() {
       <PanelResizeHandle css={resizeHandleCSS} />
       <Panel>
         <div css={playgroundInputOutputPanelContentCSS}>
-          <Accordion>
-            <AccordionItem title="Inputs" id="input">
-              <View padding="size-200">
-                <pre>
-                  {JSON.stringify(
-                    "variables" in inputs ? inputs.variables : "inputs go here",
-                    null,
-                    2
-                  )}
-                </pre>
-              </View>
+          <Accordion arrowPosition="start" size="L">
+            <AccordionItem
+              title="Inputs"
+              id="input"
+              extra={<PlaygroundInputTypeTypeRadioGroup />}
+            >
+              <pre>
+                {JSON.stringify(
+                  "variables" in inputs ? inputs.variables : "inputs go here",
+                  null,
+                  2
+                )}
+              </pre>
             </AccordionItem>
             <AccordionItem title="Output" id="output">
               <View padding="size-200" height="100%">