useAutoCompleteOptions: use current search dateRange.

Author: zdyj3170101136

packages/app/src/DBSearchPage.tsx

@@ -1295,6 +1295,8 @@ function DBSearchPage() {
                 placeholder="Search your events w/ Lucene ex. column:foo"
                 queryHistoryType={QUERY_LOCAL_STORAGE.SEARCH_LUCENE}
                 enableHotkey
+                dateRange={searchedTimeRange}
+                source={inputSourceObj}
               />
             }
           />

packages/app/src/SearchInputV2.tsx

@@ -35,6 +35,8 @@ export default function SearchInputV2({
   onSubmit,
   additionalSuggestions,
   queryHistoryType,
+  dateRange,
+  source,
   ...props
 }: {
   tableConnections?: TableConnection | TableConnection[];
@@ -47,6 +49,8 @@ export default function SearchInputV2({
   onSubmit?: () => void;
   additionalSuggestions?: string[];
   queryHistoryType?: string;
+  dateRange?: [Date, Date];
+  source?: any;
 } & UseControllerProps<any>) {
   const {
     field: { onChange, value },
@@ -61,6 +65,8 @@ export default function SearchInputV2({
     {
       tableConnections,
       additionalSuggestions,
+      dateRange,
+      source,
     },
   );
 

packages/app/src/ServicesDashboardPage.tsx

@@ -944,6 +944,8 @@ function ServicesDashboardPage() {
                   language="lucene"
                   placeholder="Search your events w/ Lucene ex. column:foo"
                   enableHotkey
+                  dateRange={searchedTimeRange}
+                  source={source}
                 />
               }
             />

packages/app/src/SessionSubpanel.tsx

@@ -505,6 +505,8 @@ export default function SessionSubpanel({
                 size="xs"
                 placeholder="Search your events w/ Lucene ex. column:foo"
                 enableHotkey
+                dateRange={[start, end]}
+                traceSource={traceSource}
               />
             )}
           </form>

packages/app/src/SessionsPage.tsx

@@ -472,6 +472,8 @@ export default function SessionsPage() {
                     language="lucene"
                     placeholder="Search your events w/ Lucene ex. column:foo"
                     enableHotkey
+                    dateRange={searchedTimeRange}
+                    source={traceTrace}
                   />
                 }
               />

packages/app/src/components/ContextSidePanel.tsx

@@ -214,6 +214,8 @@ export default function ContextSubpanel({
                     placeholder="Lucene where clause (ex. column:value)"
                     enableHotkey
                     size="sm"
+                    dateRange={newDateRange}
+                    source={source}
                   />
                 )
               }

packages/app/src/components/DBEditTimeChartForm.tsx

@@ -255,6 +255,7 @@ function ChartSeriesEditorComponent({
             placeholder="Search your events w/ Lucene ex. column:foo"
             onSubmit={onSubmit}
             additionalSuggestions={attributeKeys}
+            dateRange={dateRange}
           />
         )}
         {showGroupBy && (
@@ -745,6 +746,8 @@ export default function EditTimeChartForm({
                   language="lucene"
                   placeholder="Search your events w/ Lucene ex. column:foo"
                   onSubmit={onSubmit}
+                  dateRange={dateRange}
+                  source={tableSource}
                 />
               )}
             </Flex>

packages/app/src/components/KubernetesFilters.tsx

@@ -239,6 +239,8 @@ export const KubernetesFilters: React.FC<KubernetesFiltersProps> = ({
         control={control}
         size="xs"
         enableHotkey
+        dateRange={dateRange}
+        source={metricSource}
       />
     </Group>
   );

packages/app/src/hooks/useAutoCompleteOptions.tsx

@@ -21,9 +21,13 @@ export function useAutoCompleteOptions(
   {
     tableConnections,
     additionalSuggestions,
+    dateRange,
+    source,
   }: {
     tableConnections?: TableConnection | TableConnection[];
     additionalSuggestions?: string[];
+    dateRange?: [Date, Date];
+    source?: any; // TSource 类型，外部传入
   },
 ) {
   // Fetch and gather all field options
@@ -87,22 +91,19 @@ export function useAutoCompleteOptions(
   // hooks to get key values
   const chartConfigs: ChartConfigWithDateRange[] = toArray(
     tableConnections,
-  ).map(({ databaseName, tableName, connectionId }) => ({
-    connection: connectionId,
-    from: {
-      databaseName,
-      tableName,
-    },
-    timestampValueExpression: '',
-    select: '',
-    where: '',
-    // TODO: Pull in date for query as arg
-    // just assuming 1/2 day is okay to query over right now
-    dateRange: [
-      new Date(Date.now() - (86400 * 1000) / 2),
-      new Date(Date.now()),
-    ],
-  }));
+  ).map(({ databaseName, tableName, connectionId }) => {
+    return {
+      connection: connectionId,
+      from: {
+        databaseName,
+        tableName,
+      },
+      timestampValueExpression: source?.timestampValueExpression,
+      select: '',
+      where: '',
+      dateRange: dateRange,
+    };
+  });
   const { data: keyVals } = useGetKeyValues({
     chartConfigs,
     keys: searchKeys,