feat(chart): Auto-execute chart on chart explorer page load

.changeset/chart-explorer-auto-run.md

@@ -0,0 +1,5 @@
+---
+"@hyperdx/app": patch
+---
+
+feat: Chart Explorer now auto-executes the chart on load when a valid source is configured. Deeplinks render results without requiring a manual click.

packages/app/src/DBChartPage.tsx

@@ -253,6 +253,7 @@ function DBChartExplorerPage() {
         onTimeRangeSearch={onSearch}
         onTimeRangeSelect={onTimeRangeSelect}
         submitRef={submitRef}
+        autoRun
       />
     </Box>
   );

packages/app/src/components/DBEditTimeChartForm.tsx

@@ -546,6 +546,7 @@ export default function EditTimeChartForm({
   'data-testid': dataTestId,
   submitRef,
   isDashboardForm = false,
+  autoRun = false,
 }: {
   dashboardId?: string;
   chartConfig: SavedChartConfig;
@@ -562,6 +563,7 @@ export default function EditTimeChartForm({
   'data-testid'?: string;
   submitRef?: React.MutableRefObject<(() => void) | undefined>;
   isDashboardForm?: boolean;
+  autoRun?: boolean;
 }) {
   const formValue: ChartEditorFormState = useMemo(
     () => convertSavedChartConfigToFormState(chartConfig),
@@ -827,6 +829,14 @@ export default function EditTimeChartForm({
     }
   }, [onSubmit, submitRef]);
 
+  const autoRunFired = useRef(false);
+  useEffect(() => {
+    if (autoRun && !autoRunFired.current && tableSource) {
+      autoRunFired.current = true;
+      onSubmit(true);
+    }
+  }, [autoRun, tableSource, onSubmit]);
+
   const handleSave = useCallback(
     (form: ChartEditorFormState) => {
       const errors = validateChartForm(form, tableSource, setError);