+
+ )}
+
+ {FOOTER_LINKS.map(({ label, href }) => (
+
+ {label}
+
+ ))}
+
+ )}
+
+ {/* Help & Support button — hidden until panel content is defined */}
+ {/*
+
+
+ )
+}
+
+const PANEL_MIN_WIDTH = 320
+const PANEL_DEFAULT_WIDTH = 320
+
+function SupportPanel() {
+ const { isOpen, close } = useContext(SupportPanelContext)
+ const [width, setWidth] = useState(PANEL_DEFAULT_WIDTH)
+ const outerRef = useRef
+ {/* Drag handle — updates DOM directly, no React state during drag */}
+
+
+
+ )
+}
+
+// Map URL slug → { label, list path, Refine resource name }
+const BREADCRUMB_RESOURCES: Record<
+ string,
+ { label: string; listHref: string; resource: string }
+> = {
+ well: { label: 'Wells', listHref: '/ocotillo/well', resource: 'thing-well' },
+ contact: { label: 'Contacts', listHref: '/ocotillo/contact', resource: 'contact' },
+ location: { label: 'Locations', listHref: '/ocotillo/location', resource: 'location' },
+ sensor: { label: 'Sensors', listHref: '/ocotillo/sensor', resource: 'sensor' },
+ sample: { label: 'Samples', listHref: '/ocotillo/sample', resource: 'sample' },
+}
+
+// Pattern: /
+ {/* Panel header */}
+
+
+ Ocotillo Support
+
+
+
+ {/* Panel body — placeholder until content is defined */}
+
+
+ Support coming soon
++ This panel will contain help articles, contact options, and other support resources. +
+
+
+ {/* Search bar — hidden on mobile, visible sm+ */}
+
+
+
+ {/* Mobile search icon */}
+
+
+
+
+
+
+ {/* User identity */}
+
+ Appearance
+
+ setMode('light')}>
+
+ setMode('dark')}>
+
+
+
+ )}
+
+
+
+
+
+
+ {initials}
+
+
+
+ + {user?.name || 'User'} +
++ {user?.email || ''} +
+
+ {children ??
+ - = ({
showToolbar
slots={{ toolbar: ListPageToolbar }}
slotProps={{
+ toolbar: {
+ ...toolbarOptions,
+ hideExport:
+ toolbarOptions?.hideExport ??
+ restDataGridProps.paginationMode === 'server',
+ },
loadingOverlay: {
variant: 'linear-progress',
noRowsVariant: 'skeleton',
@@ -343,7 +385,10 @@ export const ListPage: React.FC
- A compass, a thermometer, and a manometer +
- A chronometer by Boissonnas and Erdmann of Geneva +
- Two Ruhmkorff coils +
-
+ Provisions for six months
+
-
+
- Dried meat and biscuits +
- Schiedam gin and rum +
- Tea, coffee, and sugar +
+ - Climbing apparatus: ropes, crampons, and ice-axes +
- Depart Hamburg by rail to Kiel +
- Sail from Kiel to Reykjavik aboard the Valkyrie +
- Ride to the village of Stapi on horseback +
- Ascend the crater of Sneffels +
- Descend through the shadow of Scartaris +
- Reach the center of the earth +
- Runic alphabet +
- + An ancient writing system used by Germanic peoples, including Old Norse. The cipher in the + manuscript was a transposition of the Latin alphabet through runic characters. + +
- Sneffels +
- + A stratovolcano in western Iceland, standing 1,446 m above sea level. Believed extinct at the + time of the expedition. + +
- Scartaris +
- + A peak adjacent to Sneffels whose shadow points to the correct crater entrance at the end + of June, as described in Saknussemm's manuscript. + +
-
- -
-
-
-
+ {children}
+
+
+ {children}
+
+ )
+ }
+
+ if (isMobile) {
+ return (
+ {children}
+
+ {/* This is what handles the sidebar gap on desktop */}
+
+
+ )
+}
+
+function SidebarTrigger({
+ className,
+ onClick,
+ ...props
+}: React.ComponentProps
+
+
+ {children}
+
+
+ {showIcon && (
+
+ )
+}
+
+function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">) {
+ return (
+ - {importProgress.processed} / {importProgress.total} -
- ) : ( -Import CSV
- )} - -Manual Water Levels Batch Upload
- - {isLoading ? ( -- {importProgress.processed} / {importProgress.total} -
- ) : ( -Import CSV
- )} - --
-
-
- }
- onClick={triggerExportCustom}
- loading={isLoadingExportCustom}
- variant={'contained'}
- sx={{margin: 2}}
- >
- Run Export
-
-
-
-
- )
-}
diff --git a/src/pages/amp/querybuilder/index.tsx b/src/pages/amp/querybuilder/index.tsx
deleted file mode 100644
index d9bdaba0..00000000
--- a/src/pages/amp/querybuilder/index.tsx
+++ /dev/null
@@ -1,481 +0,0 @@
-import React, { useEffect, useState } from 'react'
-import { Layer, Source } from 'react-map-gl'
-import { useDataGrid } from '@refinedev/mui'
-import {
- Alert,
- Card,
- Dialog,
- Stack,
- Checkbox,
- CardHeader,
- CardContent,
- Box,
-} from '@mui/material'
-import Grid from '@mui/material/Grid2'
-import { HttpError, useList } from '@refinedev/core'
-import { stringify, parse } from 'wkt'
-import FormControlLabel from '@mui/material/FormControlLabel'
-import { DataGrid, GridColDef } from '@mui/x-data-grid'
-import { DataDrivenPropertyValueSpecification } from 'mapbox-gl'
-import { useAll } from '@/hooks'
-import { ExportControl } from '@/pages/amp/querybuilder/ExportControl'
-import { ANALYTES } from '@/components/enums'
-import {
- MapComponent,
- LegendComponent,
- ClearableSelect,
- FilterComponent,
- WIPAlert,
-} from '@/components'
-import { fetcher } from '../../../providers/amp-data-provider'
-
-interface ICounty {
- id: number
- name: string
-}
-
-const LocationTypes = ['Well', 'Spring', 'Stream']
-
-const ProjectRegions = [
- 'Pecos Valley Artesian Conservancy District',
- 'Rio Grande',
- 'Estancia Basin',
- 'San Juan Basin',
- 'Jemez River Basin',
- 'Rio Chama Basin',
- 'Rio Puerco Basin',
- 'La Jencia Basin',
-]
-
-const ProjectRegionWKTs = {
- 'Pecos Valley Artesian Conservancy District':
- 'POLYGON((-104.000000 33.000000, -104.000000 34.000000, -105.000000 34.000000, -105.000000 33.000000, -104.000000 33.000000))',
- 'Rio Grande':
- 'POLYGON((-106.000000 31.000000, -106.000000 36.000000, -108.000000 36.000000, -108.000000 31.000000, -106.000000 31.000000))',
- 'Estancia Basin':
- 'POLYGON((-106.000000 34.000000, -106.000000 35.000000, -107.000000 35.000000, -107.000000' +
- ' 34.000000, -106.000000 34.000000))',
- 'San Juan Basin':
- 'POLYGON((-107.000000 35.000000, -107.000000 37.000000, -109.000000 37.000000, -109.000000 35.000000, -107.000000 35.000000))',
- 'Jemez River Basin':
- 'POLYGON((-106.000000 35.000000, -106.000000 36.000000, -107.000000 36.000000, -107.000000 35.000000, -106.000000 35.000000))',
- 'Rio Chama Basin':
- 'POLYGON((-106.000000 35.000000, -106.000000 36.000000, -107.000000 36.000000, -107.000000 35.000000, -106.000000 35.000000))',
- 'Rio Puerco Basin':
- 'POLYGON((-106.000000 34.000000, -106.000000 35.000000, -107.000000 35.000000, -107.000000' +
- ' 34.000000, -106.000000 34.000000))',
- 'La Jencia Basin':
- 'POLYGON((-106.000000 34.000000, -106.000000 35.000000, -107.000000 35.000000, -107.000000' +
- ' 34.000000, -106.000000 34.000000))',
-}
-
-const toGeoJson = (data: any) => {
- return {
- type: 'FeatureCollection',
- features: data.map((d: any) => {
- return {
- type: 'Feature',
- geometry: d.geometry,
- properties: d,
- }
- }),
- }
-}
-
-export const Querybuilder: React.FC = () => {
- const [popupContent, setPopupContent] = useState'
-
- datasetIds.forEach(({ id, label }) => {
- const dataset = opt.dataset.find((ds: any) => ds.id === id)
- if (dataset && dataset.source.length > 0) {
- html += `
'
- }
- })
-
- html += '
'
- return html
- },
- },
- brush: {
- type: ['lineX', 'clear'],
- },
- },
- },
- grid: {
- right: '5%',
- },
- tooltip: {
- trigger: 'axis',
- axisPointer: {
- type: 'cross',
- animation: false,
- label: {
- backgroundColor: '#505765',
- },
- },
- },
- dataZoom: [
- {
- show: true,
- realtime: true,
- start: 0,
- end: 100,
- },
- {
- type: 'inside',
- realtime: true,
- start: 0,
- end: 100,
- },
- ],
- xAxis: {
- type: 'time',
- splitLine: { show: true },
- axisLine: { show: false },
- min: 'dataMin',
- max: 'dataMax',
- },
- yAxis: {
- inverse: true,
- nameLocation: 'center',
- nameGap: 75,
- scale: true,
- },
- brush: {
- outOfBrush: {
- colorAlpha: 0.25,
- },
- },
-}
-
-export const getContinuousWaterLevelSeries = (id: string) => ({
- datasetId: id,
- type: 'line',
- name: 'Continuous Depth to Water BGS (ft)',
- encode: { x: 'date', y: 'depth' },
- itemStyle: { color: '#d32f2f' }, // red
- showSymbol: true,
- symbolSize: 6,
-})
-
-export const getManualWaterLevelSeries = (id: string) => ({
- datasetId: id,
- type: 'scatter',
- name: 'Manual Depth to Water BGS (ft)',
- encode: { x: 'date', y: 'depth' },
- itemStyle: { color: '#1976d2' }, // blue
- showSymbol: true,
- symbolSize: 6,
-})
-
-export const getUserPointSeries = (id: string) => ({
- datasetId: id,
- type: 'scatter',
- name: 'Your Entry BGS (ft)',
- encode: { x: 'date', y: 'depth' },
- itemStyle: { color: '#fbc02d' }, // yellow
- symbolSize: 10,
- showSymbol: true,
-})
diff --git a/src/pages/amp/waterlevelform/water_level.schema.ts b/src/pages/amp/waterlevelform/water_level.schema.ts
deleted file mode 100644
index 0233fa9b..00000000
--- a/src/pages/amp/waterlevelform/water_level.schema.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import * as Yup from 'yup'
-
-export const WaterLevelSchema = Yup.object().shape({
- pointid: Yup.string().required('Point ID is required'),
- hold: Yup.number()
- .nullable()
- .typeError('Hold measurement must be a valid number.'),
- cut: Yup.number()
- .nullable()
- .typeError('Cut measurement must be a valid number.'),
- depth_to_water: Yup.number()
- .nullable()
- .typeError('Depth to water must be a valid number.'),
- measurement_date: Yup.string().required('Measurement Date is required'),
- level_status: Yup.string().nullable(),
- data_source: Yup.string().nullable(),
- data_quality: Yup.string().nullable(),
- mp_height: Yup.number()
- .required('MP Height is required')
- .typeError('MP Height must be a valid number.'),
- measurement_method: Yup.string().required('Measurement Method is required'),
- measured_by: Yup.string().required('Measured By is required'),
- measuring_agency: Yup.string().nullable(),
- notes: Yup.string().nullable(),
- public_release: Yup.boolean().nullable(),
-})
-
-export const SchemaDefaults = {
- pointid: '',
- hold: undefined,
- cut: undefined,
- depth_to_water: undefined,
- measurement_date: '',
- level_status: '',
- data_quality: '1',
- data_source: 'S',
- mp_height: undefined,
- measurement_method: 'S',
- measured_by: '',
- measuring_agency: 'NMBGMR',
- notes: '',
- public_release: false,
-}
diff --git a/src/pages/amp/waterlevelform/water_level.service.ts b/src/pages/amp/waterlevelform/water_level.service.ts
deleted file mode 100644
index 4d4fbf09..00000000
--- a/src/pages/amp/waterlevelform/water_level.service.ts
+++ /dev/null
@@ -1,307 +0,0 @@
-import { getAccessToken } from '@/providers/authentik-provider'
-import { lookupTableQueryConfig } from '@/pages/pages.config'
-import { useQuery } from '@tanstack/react-query'
-import { IWaterLevelForm } from '@/interfaces/amp'
-import { settings } from '@/settings'
-import { ApiUriBuilder, removeEmptyFields, fetchLookupTable } from '@/utils'
-import { Page } from '@/interfaces'
-
-const fetchLevelStatuses = async (): Promise<
- { Code: string; Meaning: string }[]
-> => {
- return await fetchLookupTable('level_status')
-}
-
-export const getLevelStatuses = () => {
- return useQuery({
- queryKey: ['LevelStatuses'],
- queryFn: fetchLevelStatuses,
- ...lookupTableQueryConfig,
- })
-}
-
-const fetchDataSources = async (): Promise<
- { Code: string; Meaning: string }[]
-> => {
- return await fetchLookupTable('data_source')
-}
-
-export const getDataSources = () => {
- return useQuery({
- queryKey: ['DataSources'],
- queryFn: fetchDataSources,
- ...lookupTableQueryConfig,
- })
-}
-
-const fetchDataQualities = async (): Promise<
- { Code: string; Meaning: string }[]
-> => {
- return await fetchLookupTable('data_quality')
-}
-
-export const getDataQualities = () => {
- return useQuery({
- queryKey: ['DataQualities'],
- queryFn: fetchDataQualities,
- ...lookupTableQueryConfig,
- })
-}
-
-const fetchMeasurementMethods = async (): Promise<
- { Code: string; Meaning: string }[]
-> => {
- return await fetchLookupTable('measurement_method')
-}
-
-export const getMeasurementMethods = () => {
- return useQuery({
- queryKey: ['MeasurementMethods'],
- queryFn: fetchMeasurementMethods,
- ...lookupTableQueryConfig,
- })
-}
-
-const fetchMeasuringAgencies = async (): Promise<
- { Agency: string; Description: string }[]
-> => {
- return await fetchLookupTable('measuring_agency')
-}
-
-export const getMeasuringAgencies = () => {
- return useQuery({
- queryKey: ['MeasuringAgencies'],
- queryFn: fetchMeasuringAgencies,
- ...lookupTableQueryConfig,
- })
-}
-
-export const createWaterLevelForm = async ({
- body,
- files,
- supportedFileTypes,
-}: {
- body: Partial${label}
` - html += - '| Date | Depth (ft) |
|---|---|
| ${row.date} | ${Number( - row.depth - ).toFixed(2)} |
- {
- setValue(
- 'project.pointid_prefix',
- SchemaDefaults.project.pointid_prefix
- )
- setValue(
- 'project.pointid_suffix',
- SchemaDefaults.project.pointid_suffix
- )
- }}
- showAsterisk={true}
- isLoading={ProjectsQuery.isFetching}
- label="PointId Prefix"
- control={control}
- disabled={!selectedProjectData || ProjectsQuery.isError}
- name="project.pointid_prefix"
- isError={ProjectsQuery.isError}
- errorMessage="Failed to load pointId prefixes"
- onChange={(
- e: SelectChangeEvent,
- _: React.ReactNode
- ) => {
- handleSetValue(
- 'project.pointid_prefix',
- e.target.value
- )
- }}
- options={
- selectedProjectData
- ? // Case-insensitive sort for consistent UX
- selectedProjectData.PointIDPrefix?.sort((a, b) =>
- a
- .toLocaleLowerCase()
- .localeCompare(b.toLocaleLowerCase())
- )?.map((prefix) => ({
- value: prefix,
- label: prefix,
- }))
- : []
- }
- />
-
-
-
- {pointIdPrefix ? `${pointIdPrefix}-` : null}
-
- ),
- endAdornment: (
-
- {
- await refetchNewPointIdPreview()
- if (
- newPointIdPreview &&
- !isNewPointIdPreviewError
- ) {
- const newPointIdPreviewSuffix =
- newPointIdPreview.split('-')[1]
- handleSetValue(
- 'project.pointid_suffix',
- newPointIdPreviewSuffix
- )
- }
- }}
- edge="end"
- >
-
-
- ),
- },
- }}
- />
-
-
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+ )
+}
diff --git a/src/pages/home/index.tsx b/src/pages/home/index.tsx
index e467e008..ccf4a19a 100644
--- a/src/pages/home/index.tsx
+++ b/src/pages/home/index.tsx
@@ -43,8 +43,7 @@ export const Home = () => {
}
const appEnv = import.meta.env.VITE_APP_ENV || 'production'
-const showTestSiteBanner =
- import.meta.env.DEV || appEnv !== 'production'
+const showTestSiteBanner = import.meta.env.DEV || appEnv !== 'production'
const HomeNotification = ({ noPermissions }) => {
const [notificationOpen, setNotificationOpen] = useState(true)
@@ -337,7 +336,7 @@ const About = () => {
Journey to the Center of the Earth
+Part One: The Discovery
+Chapter I — My Uncle, Professor Lidenbrock
+The Runic Manuscript
+A Message from Arne Saknussemm
+Descent into the Unknown
++ +
Paragraphs
++ On the 24th of May, 1863, my uncle, Professor Lidenbrock, rushed towards his little house in the + old part of Hamburg. Martha, his housekeeper, must have concluded that she was very much behind + time, for the dinner had only just been put into the oven. +
++ "Well, now," said I to myself, "if this man is in a hurry, nothing can satisfy him; but if the + hunger comes upon him, he will cry out furiously for his dinner." +
++ Professor Otto Lidenbrock was not a bad sort of man, I fully admit; but unless he mightily changes, + he will end by being a very eccentric one. He was professor at the Johanneum, and was delivering a + series of lectures on mineralogy, during each of which he broke into a passion once or twice at least. +
++ +
Blockquote
++++ "Science, my lad, is made up of mistakes, but they are mistakes which it is useful to make, + because they lead little by little to the truth." +
+— Professor Lidenbrock
+
+ +
Inline styles
++ The professor was short-sighted, but possessed remarkable penetration of + intellect. He read with avidity all the works of science and philosophy{' '} + that had been published in any language. The word Sneffels he had just uttered was the name + of a volcano in Iceland, and it was believed to be extinct. +
+
+ This is text with inline code inside a sentence, and here is a{' '}
+ hyperlink to somewhere that goes nowhere in particular.
+
+ Small text: This text is small, used for captions or fine print. +
++ Marked text: This passage has been highlighted for emphasis. +
+
+ Deleted and inserted: the old measurement the corrected value.
+
+ Superscript: E = mc2. Subscript: H2O. +
++ +
Unordered list
+-
+
Ordered list
+-
+
+ +
Table
+| Instrument | +Purpose | +Reading | +
|---|---|---|
| Thermometer | +Measure ambient temperature | +15 °C | +
| Manometer | +Measure atmospheric pressure | +1.0 atm | +
| Compass | +Track magnetic bearing | +N 14° E | +
| Chronometer | +Precise timekeeping | +GMT +0 | +
| All instruments verified before departure, Hamburg, May 1863. | +
+ +
Code block
+{`// Runic cipher decoded by Professor Lidenbrock
+const message = "In Sneffels Yoculis craterem kem delibat
+umbra Scartaris Julii intra calendas descende,
+audax viator, et terrestre centrum attinges.
+Kod feci. Arne Saknussemm.";
+
+function decodeRunic(cipher: string): string {
+ const alphabet = "saknussemm";
+ return cipher
+ .split("")
+ .map((char) => alphabet.indexOf(char))
+ .filter((i) => i !== -1)
+ .join("-");
+}`}Inline code
+
+ The coordinate of Sneffels is approximately 64.808° N, 23.776° W. The crater depth
+ was measured as 2,119 m from the summit. We used rope.descend() to begin
+ the initial approach.
+
+ +
Definition list
+-
+
+ +
Horizontal rule
+A horizontal rule separates sections of content:
++
Content resumes below the rule.
+