Merge pull request #842 from RohitR311/capflow-revamp

fix: ui enhancements capture revamp flow

src/components/run/InterpretationLog.tsx

@@ -513,6 +513,16 @@ export const InterpretationLog: React.FC<InterpretationLogProps> = ({ isOpen, se
             {t('interpretation_log.titles.output_preview')}
           </Typography>
 
+          {!(hasScrapeListAction || hasScrapeSchemaAction || hasScreenshotAction) && (
+            <Grid container justifyContent="center" alignItems="center" style={{ height: '100%' }}>
+              <Grid item>
+                <Typography variant="h6" gutterBottom align="left">
+                  {t('interpretation_log.messages.no_selection')}
+                </Typography>
+              </Grid>
+            </Grid>
+          )}
+
           {showPreviewData && availableTabs.length > 0 && (
             <>
               {shouldShowTabs && (

src/helpers/capturedElementHighlighter.ts

@@ -27,7 +27,6 @@ class CapturedElementHighlighter {
           ${cssSelector} {
             outline: 2px dotted #ff00c3 !important;
             outline-offset: 2px !important;
-            background-color: rgba(255, 0, 195, 0.08) !important;
             box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) !important;
           }
         `);