@genspectrum/dashboard-components 1.14.2 → 1.16.0

package/dist/util.d.ts

@@ -71,6 +71,25 @@ export declare type ConfidenceIntervalMethod = default_2.infer<typeof confidence
 
 declare const confidenceIntervalMethodSchema: default_2.ZodUnion<[default_2.ZodLiteral<"wilson">, default_2.ZodLiteral<"none">]>;
 
+export declare type CountCoverageQuery = default_2.infer<typeof countCoverageQuerySchema>;
+
+declare const countCoverageQuerySchema: default_2.ZodObject<{
+    displayLabel: default_2.ZodString;
+    description: default_2.ZodOptional<default_2.ZodString>;
+    countQuery: default_2.ZodString;
+    coverageQuery: default_2.ZodString;
+}, "strip", default_2.ZodTypeAny, {
+    displayLabel: string;
+    countQuery: string;
+    coverageQuery: string;
+    description?: string | undefined;
+}, {
+    displayLabel: string;
+    countQuery: string;
+    coverageQuery: string;
+    description?: string | undefined;
+}>;
+
 export declare type CustomColumn = default_2.infer<typeof customColumnSchema>;
 
 declare const customColumnSchema: default_2.ZodObject<{
@@ -753,19 +772,32 @@ declare const queriesOverTimeSchema: default_2.ZodObject<{
         nucleotideInsertions?: string[] | undefined;
         aminoAcidInsertions?: string[] | undefined;
     }>>;
-    queries: default_2.ZodArray<default_2.ZodObject<{
+    queries: default_2.ZodEffects<default_2.ZodArray<default_2.ZodObject<{
         displayLabel: default_2.ZodString;
+        description: default_2.ZodOptional<default_2.ZodString>;
         countQuery: default_2.ZodString;
         coverageQuery: default_2.ZodString;
     }, "strip", default_2.ZodTypeAny, {
         displayLabel: string;
         countQuery: string;
         coverageQuery: string;
+        description?: string | undefined;
     }, {
         displayLabel: string;
         countQuery: string;
         coverageQuery: string;
-    }>, "many">;
+        description?: string | undefined;
+    }>, "many">, {
+        displayLabel: string;
+        countQuery: string;
+        coverageQuery: string;
+        description?: string | undefined;
+    }[], {
+        displayLabel: string;
+        countQuery: string;
+        coverageQuery: string;
+        description?: string | undefined;
+    }[]>;
     views: default_2.ZodArray<default_2.ZodLiteral<"grid">, "many">;
     granularity: default_2.ZodUnion<[default_2.ZodLiteral<"day">, default_2.ZodLiteral<"week">, default_2.ZodLiteral<"month">, default_2.ZodLiteral<"year">]>;
     lapisDateField: default_2.ZodString;
@@ -804,6 +836,7 @@ declare const queriesOverTimeSchema: default_2.ZodObject<{
         displayLabel: string;
         countQuery: string;
         coverageQuery: string;
+        description?: string | undefined;
     }[];
     width: string;
     views: "grid"[];
@@ -831,6 +864,7 @@ declare const queriesOverTimeSchema: default_2.ZodObject<{
         displayLabel: string;
         countQuery: string;
         coverageQuery: string;
+        description?: string | undefined;
     }[];
     width: string;
     views: "grid"[];
@@ -853,22 +887,6 @@ export declare type QueriesOverTimeView = default_2.infer<typeof queriesOverTime
 
 declare const queriesOverTimeViewSchema: default_2.ZodLiteral<"grid">;
 
-export declare type QueryDefinition = default_2.infer<typeof queryDefinition>;
-
-declare const queryDefinition: default_2.ZodObject<{
-    displayLabel: default_2.ZodString;
-    countQuery: default_2.ZodString;
-    coverageQuery: default_2.ZodString;
-}, "strip", default_2.ZodTypeAny, {
-    displayLabel: string;
-    countQuery: string;
-    coverageQuery: string;
-}, {
-    displayLabel: string;
-    countQuery: string;
-    coverageQuery: string;
-}>;
-
 export declare type RelativeGrowthAdvantageProps = default_2.infer<typeof relativeGrowthAdvantagePropsSchema>;
 
 declare const relativeGrowthAdvantagePropsSchema: default_2.ZodObject<{
@@ -1080,9 +1098,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-app': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-app': AppComponent;
         }
     }
 }
@@ -1090,15 +1108,15 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-wastewater-mutations-over-time': WastewaterMutationsOverTimeComponent;
+        'gs-genome-data-viewer': GenomeDataViewerComponent;
     }
 }
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-wastewater-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-genome-data-viewer': GenomeDataViewerComponent;
         }
     }
 }
@@ -1106,15 +1124,15 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-genome-data-viewer': GenomeDataViewerComponent;
+        'gs-mutation-comparison': MutationComparisonComponent;
     }
 }
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-genome-data-viewer': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-mutation-comparison': MutationComparisonComponent;
         }
     }
 }
@@ -1122,15 +1140,15 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-mutation-comparison': MutationComparisonComponent;
+        'gs-mutations': MutationsComponent;
     }
 }
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-mutation-comparison': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-mutations': MutationsComponent;
         }
     }
 }
@@ -1138,15 +1156,15 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-mutations': MutationsComponent;
+        'gs-prevalence-over-time': PrevalenceOverTimeComponent;
     }
 }
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-mutations': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-prevalence-over-time': PrevalenceOverTimeComponent;
         }
     }
 }
@@ -1160,9 +1178,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-relative-growth-advantage': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-relative-growth-advantage': RelativeGrowthAdvantageComponent;
         }
     }
 }
@@ -1170,15 +1188,15 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-prevalence-over-time': PrevalenceOverTimeComponent;
+        'gs-number-sequences-over-time': NumberSequencesOverTimeComponent;
     }
 }
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-prevalence-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-number-sequences-over-time': NumberSequencesOverTimeComponent;
         }
     }
 }
@@ -1192,9 +1210,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-aggregate': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-aggregate': AggregateComponent;
         }
     }
 }
@@ -1202,15 +1220,15 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-number-sequences-over-time': NumberSequencesOverTimeComponent;
+        'gs-mutations-over-time': MutationsOverTimeComponent;
     }
 }
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-number-sequences-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-mutations-over-time': MutationsOverTimeComponent;
         }
     }
 }
@@ -1218,15 +1236,15 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-mutations-over-time': MutationsOverTimeComponent;
+        'gs-queries-over-time': QueriesOverTimeComponent;
     }
 }
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-queries-over-time': QueriesOverTimeComponent;
         }
     }
 }
@@ -1234,15 +1252,15 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-queries-over-time': QueriesOverTimeComponent;
+        'gs-statistics': StatisticsComponent;
     }
 }
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-queries-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-statistics': StatisticsComponent;
         }
     }
 }
@@ -1256,9 +1274,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-sequences-by-location': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-sequences-by-location': SequencesByLocationComponent;
         }
     }
 }
@@ -1266,15 +1284,15 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-statistics': StatisticsComponent;
+        'gs-wastewater-mutations-over-time': WastewaterMutationsOverTimeComponent;
     }
 }
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-statistics': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-wastewater-mutations-over-time': WastewaterMutationsOverTimeComponent;
         }
     }
 }
@@ -1292,9 +1310,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-date-range-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-date-range-filter': DateRangeFilterComponent;
         }
     }
 }
@@ -1311,9 +1329,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-location-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-location-filter': LocationFilterComponent;
         }
     }
 }
@@ -1330,9 +1348,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-text-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-text-filter': TextFilterComponent;
         }
     }
 }
@@ -1349,9 +1367,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-mutation-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-mutation-filter': MutationFilterComponent;
         }
     }
 }
@@ -1369,9 +1387,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-lineage-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-lineage-filter': LineageFilterComponent;
         }
     }
 }
@@ -1389,9 +1407,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-number-range-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-number-range-filter': NumberRangeFilterComponent;
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@genspectrum/dashboard-components",
-    "version": "1.14.2",
+    "version": "1.16.0",
     "description": "GenSpectrum web components for building dashboards",
     "type": "module",
     "license": "AGPL-3.0-only",
@@ -15,13 +15,6 @@
     "publishConfig": {
         "access": "public"
     },
-    "imports": {
-        "#*": [
-            "./*",
-            "./*.ts",
-            "./*.tsx"
-        ]
-    },
     "exports": {
         "./components": {
             "types": "./dist/components.d.ts",
@@ -136,7 +129,7 @@
         "msw": "^2.2.14",
         "postcss": "^8.4.38",
         "prettier": "^3.2.5",
-        "react": "^18.3.1",
+        "react": "^19.0.0",
         "storybook": "^8.0.9",
         "storybook-addon-fetch-mock": "^2.0.0",
         "tailwindcss": "^4.0.9",

package/src/lapisApi/lapisTypes.ts

@@ -68,7 +68,7 @@ export const mutationsOverTimeResponse = makeLapisResponse(
 export type MutationsOverTimeResponse = z.infer<typeof mutationsOverTimeResponse>;
 
 const queryDefinition = z.object({
-    displayLabel: z.string(),
+    displayLabel: z.string().optional(),
     countQuery: z.string(),
     coverageQuery: z.string(),
 });

package/src/preact/mutationsOverTime/getFilteredMutationsOverTimeData.ts

@@ -8,7 +8,9 @@ import { type useMutationAnnotationsProvider } from '../MutationAnnotationsConte
 import type { DisplayedMutationType } from '../components/mutation-type-selector';
 import type { DisplayedSegment } from '../components/segment-selector';
 
-export const displayMutationsSchema = z.array(z.string());
+export const displayMutationsSchema = z.array(z.string(), {
+    errorMap: () => ({ message: `invalid display mutations` }),
+});
 export type DisplayMutations = z.infer<typeof displayMutationsSchema>;
 
 export type MutationFilter = {

package/src/preact/queriesOverTime/queries-over-time-row-label-tooltip.stories.tsx

@@ -0,0 +1,58 @@
+import { type Meta, type StoryObj } from '@storybook/preact';
+import { expect, within } from '@storybook/test';
+
+import {
+    QueriesOverTimeRowLabelTooltip,
+    type QueriesOverTimeRowLabelTooltipProps,
+} from './queries-over-time-row-label-tooltip';
+
+const meta: Meta<QueriesOverTimeRowLabelTooltipProps> = {
+    title: 'Component/Queries over time row label tooltip',
+    component: QueriesOverTimeRowLabelTooltip,
+    argTypes: {
+        query: { control: 'object' },
+    },
+    parameters: {
+        fetchMock: {},
+    },
+};
+
+export default meta;
+
+export const Default: StoryObj<QueriesOverTimeRowLabelTooltipProps> = {
+    render: (args) => <QueriesOverTimeRowLabelTooltip {...args} />,
+    args: {
+        query: {
+            displayLabel: 'Foo variant',
+            description: 'These mutations are associated with increased transmissibility.',
+            countQuery: 'S:451L & S:452L & S:453L & S:454L & S:455L & S:456L & S:457L & S:458L & S:459L & S:460L',
+            coverageQuery: '!S:456N',
+        },
+    },
+    play: async ({ canvasElement }) => {
+        const canvas = within(canvasElement);
+        await expect(canvas.getByText('Foo variant', { exact: true })).toBeVisible();
+        await expect(canvas.getByText('These mutations are associated with increased transmissibility.')).toBeVisible();
+        await expect(canvas.getByText('Count query:')).toBeVisible();
+        await expect(
+            canvas.getByText('S:451L & S:452L & S:453L & S:454L & S:455L & S:456L & S:457L & S:458L & S:459L & S:460L'),
+        ).toBeVisible();
+    },
+};
+
+export const WithoutDescription: StoryObj<QueriesOverTimeRowLabelTooltipProps> = {
+    render: (args) => <QueriesOverTimeRowLabelTooltip {...args} />,
+    args: {
+        query: {
+            displayLabel: 'S:R346T',
+            countQuery: 'S:346T',
+            coverageQuery: '!S:346N',
+        },
+    },
+    play: async ({ canvasElement }) => {
+        const canvas = within(canvasElement);
+        await expect(canvas.getByText('S:R346T', { exact: true })).toBeVisible();
+        await expect(canvas.getByText('Count query:')).toBeVisible();
+        await expect(canvas.getByText('S:346T')).toBeVisible();
+    },
+};

package/src/preact/queriesOverTime/queries-over-time-row-label-tooltip.tsx

@@ -0,0 +1,24 @@
+import type { FunctionComponent } from 'preact';
+
+import type { CountCoverageQuery } from './queries-over-time';
+
+export type QueriesOverTimeRowLabelTooltipProps = {
+    query: CountCoverageQuery;
+};
+
+export const QueriesOverTimeRowLabelTooltip: FunctionComponent<QueriesOverTimeRowLabelTooltipProps> = ({ query }) => {
+    return (
+        <div className='flex flex-col gap-2 max-w-xl'>
+            <div className='font-bold'>{query.displayLabel}</div>
+            {query.description && <div className='text-sm text-gray-700'>{query.description}</div>}
+            <div className='text-sm'>
+                <span className='text-gray-600'>Count query:</span>
+                <div className='p-2 border border-gray-200 rounded bg-gray-50'>
+                    <pre className='text-xs whitespace-pre-wrap'>
+                        <code>{query.countQuery}</code>
+                    </pre>
+                </div>
+            </div>
+        </div>
+    );
+};

package/src/preact/queriesOverTime/queries-over-time.stories.tsx

@@ -466,6 +466,30 @@ export const WithNoLapisDateFieldField: StoryObj<QueriesOverTimeProps> = {
     },
 };
 
+export const WithDuplicateDisplayLabels: StoryObj<QueriesOverTimeProps> = {
+    ...Default,
+    args: {
+        ...Default.args,
+        queries: [
+            {
+                displayLabel: 'S:F456L (single mutation)',
+                countQuery: 'S:456L',
+                coverageQuery: '!S:456N',
+            },
+            {
+                displayLabel: 'S:F456L (single mutation)',
+                countQuery: 'S:346T & S:456L',
+                coverageQuery: '!S:346N & !S:456N',
+            },
+        ],
+    },
+    play: async ({ canvasElement, step }) => {
+        await step('expect error message', async () => {
+            await expectInvalidAttributesErrorMessage(canvasElement, 'Display labels must be unique');
+        });
+    },
+};
+
 async function expectQueryOnPage(canvas: Canvas, query: string) {
     await waitFor(async () => {
         const queryOnPage = canvas.getAllByText(query)[0];

package/src/preact/queriesOverTime/queries-over-time.tsx

@@ -5,6 +5,7 @@ import z from 'zod';
 import { getFilteredQueryOverTimeData, type QueryFilter } from './getFilteredQueriesOverTimeData';
 import { QueriesOverTimeFilter } from './queries-over-time-filter';
 import { QueriesOverTimeGridTooltip } from './queries-over-time-grid-tooltip';
+import { QueriesOverTimeRowLabelTooltip } from './queries-over-time-row-label-tooltip';
 import { type ProportionValue, getProportion } from '../../query/queryMutationsOverTime';
 import { queryQueriesOverTimeData } from '../../query/queryQueriesOverTime';
 import { lapisFilterSchema, temporalGranularitySchema, views } from '../../types';
@@ -20,6 +21,7 @@ import { Fullscreen } from '../components/fullscreen';
 import Info, { InfoComponentCode, InfoHeadline1, InfoParagraph } from '../components/info';
 import { LoadingDisplay } from '../components/loading-display';
 import { NoDataDisplay } from '../components/no-data-display';
+import PortalTooltip from '../components/portal-tooltip';
 import type { ProportionInterval } from '../components/proportion-selector';
 import { ProportionSelectorDropdown } from '../components/proportion-selector-dropdown';
 import { ResizeContainer } from '../components/resize-container';
@@ -37,17 +39,28 @@ const meanProportionIntervalSchema = z.object({
 });
 export type MeanProportionInterval = z.infer<typeof meanProportionIntervalSchema>;
 
+const countCoverageQuerySchema = z.object({
+    displayLabel: z.string(),
+    description: z.string().optional(),
+    countQuery: z.string(),
+    coverageQuery: z.string(),
+});
+export type CountCoverageQuery = z.infer<typeof countCoverageQuerySchema>;
+
 const queriesOverTimeSchema = z.object({
     lapisFilter: lapisFilterSchema,
     queries: z
-        .array(
-            z.object({
-                displayLabel: z.string(),
-                countQuery: z.string(),
-                coverageQuery: z.string(),
-            }),
-        )
-        .min(1),
+        .array(countCoverageQuerySchema)
+        .min(1)
+        .superRefine((queries, ctx) => {
+            const duplicateDisplayLabels = findDuplicateStrings(queries.map((v) => v.displayLabel));
+            if (duplicateDisplayLabels.length > 0) {
+                ctx.addIssue({
+                    code: z.ZodIssueCode.custom,
+                    message: `Display labels must be unique. Duplicates: ${duplicateDisplayLabels.join(', ')}`,
+                });
+            }
+        }),
     views: z.array(queriesOverTimeViewSchema),
     granularity: temporalGranularitySchema,
     lapisDateField: z.string().min(1),
@@ -136,19 +149,45 @@ const QueriesOverTimeTabs: FunctionComponent<QueriesOverTimeTabsProps> = ({
         });
     }, [queryOverTimeData, proportionInterval, hideGaps, queryFilterValue]);
 
+    const queryLookupMap = useMemo(
+        () => new Map(originalComponentProps.queries.map((query) => [query.displayLabel, query])),
+        [originalComponentProps.queries],
+    );
+
     const queryRenderer = useMemo<FeatureRenderer<string>>(
         () => ({
             asString: (value: string) => value,
-            renderRowLabel: (value: string) => (
-                <div className='text-center'>
-                    <span>{value}</span>
-                </div>
-            ),
+            renderRowLabel: (value: string) => {
+                const queryObject = queryLookupMap.get(value);
+
+                return (
+                    <PortalTooltip
+                        content={
+                            <QueriesOverTimeRowLabelTooltip
+                                query={
+                                    queryObject ?? {
+                                        displayLabel: value,
+                                        description: undefined,
+                                        countQuery: '',
+                                        coverageQuery: '',
+                                    }
+                                }
+                            />
+                        }
+                        position='right'
+                        portalTarget={tooltipPortalTarget}
+                    >
+                        <div className='text-center whitespace-nowrap mr-2'>
+                            <span>{value}</span>
+                        </div>
+                    </PortalTooltip>
+                );
+            },
             renderTooltip: (value: string, temporal: Temporal, proportionValue: ProportionValue) => (
                 <QueriesOverTimeGridTooltip query={value} date={temporal} value={proportionValue} />
             ),
         }),
-        [],
+        [tooltipPortalTarget, queryLookupMap],
     );
 
     const getTab = (view: QueriesOverTimeView) => {
@@ -302,3 +341,13 @@ function getDownloadData(filteredData: ReturnType<typeof getFilteredQueryOverTim
         );
     });
 }
+
+function findDuplicateStrings(items: string[]): string[] {
+    const counts = new Map<string, number>();
+
+    for (const item of items) {
+        counts.set(item, (counts.get(item) ?? 0) + 1);
+    }
+
+    return [...counts.entries()].filter(([, count]) => count > 1).map(([key]) => key);
+}

package/src/utilEntrypoint.ts

@@ -54,4 +54,4 @@ export {
 export { type MeanProportionInterval } from './preact/mutationsOverTime/mutations-over-time';
 export { type CustomColumn } from './preact/components/features-over-time-grid';
 
-export { type QueryDefinition } from './lapisApi/lapisTypes';
+export { type CountCoverageQuery } from './preact/queriesOverTime/queries-over-time';