fix: Restore Lucene autocomplete (#2902)

## Summary

This PR restores lucene auto-complete across the app, which was broken in #2643 for inputs other than the search page WHERE input.

The problem was that in #2643 sourceId became the source of truth for where auto complete suggestions should be queried from, instead of the given tableConnection. However sourceId was not always provided, so when it wasn't no suggestions were queried.

The fix has two parts:
1. Provide source id (and date range) at all call sites
2. Where source id is not enough to identify a single table (eg. metrics sources), fallback to the table connection

A better solution in the future would be to make source id required in these input components, but that is a larger refactor saved for a later day.

### Screenshots or video

### How to test on Vercel preview

Test lucene Auto-complete across the app

### References



- Linear Issue: Closes HDX-5101
- Related PRs:

Author: pulpdrew

.changeset/lucene-autocomplete-table-connection.md

@@ -0,0 +1,5 @@
+---
+'@hyperdx/app': patch
+---
+
+fix: Restore Lucene autocomplete

packages/app/eslint.config.mjs

@@ -255,6 +255,17 @@ export default [
       '@typescript-eslint/no-explicit-any': 'off',
       '@next/next/no-html-link-for-pages': 'off',
       'playwright/no-networkidle': 'off', // temporary until we have a better way to deal with react re-renders
+      // Shared helpers that assert on our behalf, so a test calling only these
+      // still counts as having assertions.
+      'playwright/expect-expect': [
+        'warn',
+        {
+          assertFunctionNames: [
+            'expectFieldSuggestion',
+            'expectValueSuggestion',
+          ],
+        },
+      ],
       // Drop date rules — Date.now() is fine in e2e tests for unique IDs/timestamps
       'no-restricted-syntax': ['error', ...UI_SYNTAX_RESTRICTIONS],
       // e2e tests live outside src/, so no @/ alias reaches sibling test files

packages/app/src/DBDashboardPage.tsx

@@ -23,7 +23,10 @@ import {
 import { ErrorBoundary } from 'react-error-boundary';
 import RGL from 'react-grid-layout';
 import { useForm, useWatch } from 'react-hook-form';
-import { TableConnection } from '@hyperdx/common-utils/dist/core/metadata';
+import {
+  TableConnection,
+  tcFromSource,
+} from '@hyperdx/common-utils/dist/core/metadata';
 import {
   convertToDashboardTemplate,
   displayTypeSupportsBuilderAlerts,
@@ -1767,9 +1770,8 @@ function DBDashboardPage({ presetConfig }: { presetConfig?: Dashboard }) {
       const tableName = getMetricTableName(source, metricType);
       if (!tableName) continue;
       tc.push({
-        databaseName: source.from.databaseName,
-        tableName: tableName,
-        connectionId: source.connection,
+        ...tcFromSource(source),
+        tableName,
       });
     }
 
@@ -2947,6 +2949,7 @@ function DBDashboardPage({ presetConfig }: { presetConfig?: Dashboard }) {
     >
       <SearchWhereInput
         tableConnections={tableConnections}
+        dateRange={searchedTimeRange}
         control={control}
         name="where"
         onSubmit={onSubmit}

packages/app/src/DashboardFiltersModal.tsx

@@ -363,6 +363,7 @@ const DashboardFilterEditForm = ({
             >
               <SearchWhereInput
                 tableConnection={tableConnection}
+                sourceId={sourceId}
                 control={control}
                 name="where"
                 languageName="whereLanguage"

packages/app/src/ServicesDashboardPage/ServicesDashboardPage.tsx

@@ -357,6 +357,8 @@ function ServicesDashboardPage() {
             />
             <SearchWhereInput
               tableConnection={tcFromSource(source)}
+              sourceId={sourceId}
+              dateRange={searchedTimeRange}
               control={control}
               name="where"
               onSubmit={onSubmit}

packages/app/src/SessionSubpanel.tsx

@@ -360,6 +360,13 @@ export default function SessionSubpanel({
     ] as DateRange['dateRange'];
   }, [playerStartTs, playerEndTs]);
 
+  // The window the events query itself uses, so autocomplete discovers the
+  // same fields and values the event list can actually match on.
+  const eventsDateRange = useMemo(
+    () => [start, end] as DateRange['dateRange'],
+    [start, end],
+  );
+
   const { getFieldExpression: getSessionSourceFieldExpression } =
     useFieldExpressionGenerator(sessionSource);
 
@@ -451,6 +458,8 @@ export default function SessionSubpanel({
           >
             <SearchWhereInput
               tableConnection={tcFromSource(traceSource)}
+              sourceId={traceSource.id}
+              dateRange={eventsDateRange}
               control={control}
               name="where"
               size="xs"

packages/app/src/SessionsPage.tsx

@@ -450,6 +450,9 @@ function SessionsPage() {
                 />
                 <SearchWhereInput
                   tableConnection={tcFromSource(traceTrace)}
+                  // The WHERE runs against the trace source
+                  sourceId={traceTrace?.id}
+                  dateRange={searchedTimeRange}
                   control={control}
                   name="where"
                   onSubmit={onSubmit}

packages/app/src/components/ContextSidePanel.tsx

@@ -232,6 +232,8 @@ export default function ContextSubpanel({
             {contextBy === ContextBy.Custom && (
               <SearchWhereInput
                 tableConnection={tcFromSource(source)}
+                sourceId={source.id}
+                dateRange={newDateRange}
                 control={control}
                 name="where"
                 enableHotkey

packages/app/src/components/DBEditTimeChartForm/ChartEditorControls.tsx

@@ -171,6 +171,7 @@ export function ChartEditorControls({
           control={control}
           setValue={setValue}
           tableSource={tableSource}
+          dateRange={dateRange}
           onSubmit={onSubmit}
           onOpenDisplaySettings={openHeatmapSettings}
         />
@@ -199,6 +200,8 @@ export function ChartEditorControls({
             )}
           <SearchWhereInput
             tableConnection={tableConnection}
+            sourceId={tableSource?.id}
+            dateRange={dateRange}
             control={control}
             name="where"
             onSubmit={onSubmit}
@@ -430,6 +433,8 @@ export function ChartEditorControls({
           />
           <SearchWhereInput
             tableConnection={tableConnection}
+            sourceId={tableSource?.id}
+            dateRange={dateRange}
             control={control}
             name="where"
             onSubmit={onSubmit}

packages/app/src/components/DBEditTimeChartForm/ChartSeriesEditor.tsx

@@ -89,6 +89,7 @@ type ChartSeriesEditorProps = {
 export function ChartSeriesEditor({
   control,
   databaseName,
+  dateRange,
   connectionId,
   index,
   namePrefix,
@@ -430,11 +431,14 @@ export function ChartSeriesEditor({
                 >
                   <SearchWhereInput
                     tableConnection={tableConnection}
+                    sourceId={tableSource?.id}
+                    dateRange={dateRange}
                     control={control}
                     name={`${namePrefix}aggCondition`}
                     onSubmit={onSubmit}
                     showLabel={false}
                     additionalSuggestions={attributeSuggestions}
+                    data-testid="series-where-input"
                   />
                 </div>
               </>