feat: Autocorrelation public preview (#947)

Author: e-fisher

src/components/Settings/AiSettings.tsx

@@ -148,7 +148,7 @@ function DisclaimerTerms() {
           Disclaimer: Use of your own OpenAI API Key
         </Text>
         <Box>
-          <Text>
+          <Text size="1">
             By adding your OpenAI key, you acknowledge and agree to the
             following:
           </Text>
@@ -157,6 +157,7 @@ function DisclaimerTerms() {
               paddingLeft: 'var(--space-5)',
               marginBottom: 0,
               marginTop: 'var(--space-2)',
+              fontSize: 'var(--font-size-1)',
               li: { marginBottom: 'var(--space-1)' },
             }}
           >

src/components/Settings/useEnabledTabs.ts

@@ -33,13 +33,19 @@ const TABS: Array<{
     label: 'AI',
     value: 'ai',
     component: AiSettings,
-    featureToggle: 'auto-correlation',
   },
   {
     label: 'Logs',
     value: 'logs',
     component: LogsSettings,
   },
+  // Example of a feature-toggle controlled tab
+  // {
+  // label: 'Dummy Feature',
+  // value: 'dummyFeature',
+  // component: DummyFeature,
+  // featureToggle: 'dummy-feature',
+  // }
 ]
 
 export function useEnabledTabs() {

src/store/features/useFeaturesStore.ts

@@ -11,7 +11,6 @@ interface FeaturesStore {
 export const defaultFeatures: Record<Feature, boolean> = {
   'dummy-feature': false,
   'typeahead-json': false,
-  'auto-correlation': false,
 }
 
 export const useFeaturesStore = create<FeaturesStore>()(

src/types/features.ts

@@ -1 +1 @@
-export type Feature = 'dummy-feature' | 'typeahead-json' | 'auto-correlation'
+export type Feature = 'dummy-feature' | 'typeahead-json'

src/views/Generator/AutoCorrelation/ErrorMessage.tsx

@@ -75,7 +75,7 @@ export function ErrorMessage({ error, onRetry }: AutoCorrelationErrorProps) {
   return (
     <MessageContent
       title="Something went wrong"
-      message="An unexpected error occurred during auto-correlation. Click retry to try again or report an issue if problem persists."
+      message="An unexpected error occurred during autocorrelation. Click retry to try again or report an issue if problem persists."
     >
       {retryButton}
       {reportIssueButton}

src/views/Generator/TestRuleContainer/TestRuleContainer.tsx

@@ -3,7 +3,6 @@ import { WandSparkles } from 'lucide-react'
 import { useState } from 'react'
 
 import { EmptyMessage } from '@/components/EmptyMessage'
-import { Feature, FeatureDisabled } from '@/components/Feature'
 import {
   selectFilteredRequests,
   selectSelectedRule,
@@ -48,64 +47,50 @@ export function TestRuleContainer() {
               Test rules ({rules.length})
             </Heading>
             <NewRuleMenu />
-            <Feature feature="auto-correlation">
-              <Button
-                variant="ghost"
-                size="1"
-                color="gray"
-                onClick={() => setIsAutoCorrelationDialogOpen(true)}
-                disabled={isAutocorrelationButtonDisabled}
-              >
-                <WandSparkles />
-                Autocorrelate
-              </Button>
-            </Feature>
+            <Button
+              variant="ghost"
+              size="1"
+              color="gray"
+              onClick={() => setIsAutoCorrelationDialogOpen(true)}
+              disabled={isAutocorrelationButtonDisabled}
+            >
+              <WandSparkles />
+              Autocorrelate
+            </Button>
           </Flex>
         </StickyPanelHeader>
         <SortableRuleList rules={rules} onSwapRules={swapRules} />
         {shouldShowHelpMessage && (
           <>
-            <FeatureDisabled feature="auto-correlation">
-              <EmptyMessage
-                message="Configure your test logic by adding a new rule"
-                pb="2"
-                action={<NewRuleMenu variant="solid" size="2" color="orange" />}
-              />
-            </FeatureDisabled>
-
-            <Feature feature="auto-correlation">
-              <EmptyMessage
-                message="Configure your test logic by adding a new rule"
-                pb="2"
-                action={
-                  <Flex gap="2" align="center">
-                    <Button
-                      onClick={() => setIsAutoCorrelationDialogOpen(true)}
-                      disabled={isAutocorrelationButtonDisabled}
-                    >
-                      <WandSparkles />
-                      Autocorrelate
-                    </Button>{' '}
-                    <NewRuleMenu
-                      variant="solid"
-                      size="2"
-                      color="orange"
-                      text="Add rule manually"
-                    />
-                  </Flex>
-                }
-              />
-            </Feature>
+            <EmptyMessage
+              message="Configure your test logic by adding a new rule"
+              pb="2"
+              action={
+                <Flex gap="2" align="center">
+                  <Button
+                    onClick={() => setIsAutoCorrelationDialogOpen(true)}
+                    disabled={isAutocorrelationButtonDisabled}
+                  >
+                    <WandSparkles />
+                    Autocorrelate
+                  </Button>{' '}
+                  <NewRuleMenu
+                    variant="solid"
+                    size="2"
+                    color="orange"
+                    text="Add rule manually"
+                  />
+                </Flex>
+              }
+            />
           </>
         )}
       </ScrollArea>
 
-      <Feature feature="auto-correlation">
-        <AutoCorrelationDialog
-          open={isAutoCorrelationDialogOpen}
-          onOpenChange={setIsAutoCorrelationDialogOpen}
-        />
-      </Feature>
+      <AutoCorrelationDialog
+        open={isAutoCorrelationDialogOpen}
+        onOpenChange={setIsAutoCorrelationDialogOpen}
+      />
     </>
   )
 }