feat(playground)!: release playground feature (#5576)

Arize-ai · Dec 2, 2024 · d3f8370 · d3f8370
1 parent 32e4e64
commit d3f8370
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 27 deletions.
diff --git a/app/src/contexts/FeatureFlagsContext.tsx b/app/src/contexts/FeatureFlagsContext.tsx
@@ -3,7 +3,7 @@ import { useHotkeys } from "react-hotkeys-hook";
 
 import { Dialog, DialogContainer, Switch, View } from "@arizeai/components";
 
-type FeatureFlag = "playground";
+type FeatureFlag = "__RESET__";
 export type FeatureFlagsContextType = {
   featureFlags: Record<FeatureFlag, boolean>;
   setFeatureFlags: (featureFlags: Record<FeatureFlag, boolean>) => void;
@@ -12,7 +12,7 @@ export type FeatureFlagsContextType = {
 export const LOCAL_STORAGE_FEATURE_FLAGS_KEY = "arize-phoenix-feature-flags";
 
 const DEFAULT_FEATURE_FLAGS: Record<FeatureFlag, boolean> = {
-  playground: false,
+  __RESET__: false,
 };
 
 function getFeatureFlags(): Record<FeatureFlag, boolean> {

diff --git a/app/src/pages/Layout.tsx b/app/src/pages/Layout.tsx
@@ -17,7 +17,6 @@ import {
   TopNavbar,
 } from "@phoenix/components/nav";
 import { useNotifyError } from "@phoenix/contexts";
-import { useFeatureFlag } from "@phoenix/contexts/FeatureFlagsContext";
 import { useFunctionality } from "@phoenix/contexts/FunctionalityContext";
 import { prependBasename } from "@phoenix/utils/routingUtils";
 
@@ -97,7 +96,6 @@ function SideNav() {
       message: "Failed to log out: " + response.statusText,
     });
   }, [navigate, notifyError]);
-  const playgroundEnabled = useFeatureFlag("playground");
   return (
     <SideNavbar>
       <Brand />
@@ -126,15 +124,13 @@ function SideNav() {
               icon={<Icon svg={<Icons.DatabaseOutline />} />}
             />
           </li>
-          {playgroundEnabled && (
-            <li>
-              <NavLink
-                to="/playground"
-                text="Playground"
-                icon={<Icon svg={<Icons.PlayCircleOutline />} />}
-              />
-            </li>
-          )}
+          <li>
+            <NavLink
+              to="/playground"
+              text="Playground"
+              icon={<Icon svg={<Icons.PlayCircleOutline />} />}
+            />
+          </li>
           <li>
             <NavLink
               to="/apis"

diff --git a/app/src/pages/trace/SpanDetails.tsx b/app/src/pages/trace/SpanDetails.tsx
@@ -62,7 +62,6 @@ import {
 import { SpanKindIcon } from "@phoenix/components/trace";
 import { SpanKindLabel } from "@phoenix/components/trace/SpanKindLabel";
 import { useNotifySuccess, useTheme } from "@phoenix/contexts";
-import { useFeatureFlag } from "@phoenix/contexts/FeatureFlagsContext";
 import { usePreferencesContext } from "@phoenix/contexts/PreferencesContext";
 import { useChatMessageStyles } from "@phoenix/hooks/useChatMessageStyles";
 import {
@@ -147,7 +146,6 @@ export function SpanDetails({
   spanNodeId: string;
   projectId: string;
 }) {
-  const isPromptPlaygroundEnabled = useFeatureFlag("playground");
   const navigate = useNavigate();
   const { span } = useLazyLoadQuery<SpanDetailsQuery>(
     graphql`
@@ -245,18 +243,16 @@ export function SpanDetails({
             <Text>{span.name}</Text>
           </Flex>
           <Flex flex="none" direction="row" alignItems="center" gap="size-100">
-            {isPromptPlaygroundEnabled ? (
-              <Button
-                variant="default"
-                icon={<Icon svg={<Icons.PlayCircleOutline />} />}
-                disabled={span.spanKind !== "llm"}
-                onClick={() => {
-                  navigate(`/playground/spans/${span.id}`);
-                }}
-              >
-                Playground
-              </Button>
-            ) : null}
+            <Button
+              variant="default"
+              icon={<Icon svg={<Icons.PlayCircleOutline />} />}
+              disabled={span.spanKind !== "llm"}
+              onClick={() => {
+                navigate(`/playground/spans/${span.id}`);
+              }}
+            >
+              Playground
+            </Button>
             <SpanCodeDropdown
               traceId={span.context.traceId}
               spanId={span.context.spanId}