diff --git a/bats_ai/api.py b/bats_ai/api.py
index 87a6469b..4a899cc7 100644
--- a/bats_ai/api.py
+++ b/bats_ai/api.py
@@ -4,6 +4,7 @@
 from oauth2_provider.models import AccessToken
 
 from bats_ai.core.views import (
+    ConfigurationRouter,
     GRTSCellsRouter,
     GuanoMetadataRouter,
     RecordingAnnotationRouter,
@@ -35,3 +36,4 @@ def global_auth(request):
 api.add_router('/grts/', GRTSCellsRouter)
 api.add_router('/guano/', GuanoMetadataRouter)
 api.add_router('/recording-annotation/', RecordingAnnotationRouter)
+api.add_router('/configuration/', ConfigurationRouter)
diff --git a/bats_ai/core/migrations/0013_configuration.py b/bats_ai/core/migrations/0013_configuration.py
new file mode 100644
index 00000000..75c20eff
--- /dev/null
+++ b/bats_ai/core/migrations/0013_configuration.py
@@ -0,0 +1,25 @@
+# Generated by Django 4.1.13 on 2025-01-03 15:14
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+    dependencies = [
+        ('core', '0012_recordingannotation_additional_data'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Configuration',
+            fields=[
+                (
+                    'id',
+                    models.BigAutoField(
+                        auto_created=True, primary_key=True, serialize=False, verbose_name='ID'
+                    ),
+                ),
+                ('display_pulse_annotations', models.BooleanField(default=True)),
+                ('display_sequence_annotations', models.BooleanField(default=True)),
+            ],
+        ),
+    ]
diff --git a/bats_ai/core/models/__init__.py b/bats_ai/core/models/__init__.py
index f53dc0b0..16944b1d 100644
--- a/bats_ai/core/models/__init__.py
+++ b/bats_ai/core/models/__init__.py
@@ -1,5 +1,6 @@
 from .annotations import Annotations
 from .compressed_spectrogram import CompressedSpectrogram
+from .configuration import Configuration
 from .grts_cells import GRTSCells
 from .image import Image
 from .recording import Recording, colormap
@@ -21,4 +22,5 @@
     'colormap',
     'CompressedSpectrogram',
     'RecordingAnnotation',
+    'Configuration',
 ]
diff --git a/bats_ai/core/models/configuration.py b/bats_ai/core/models/configuration.py
new file mode 100644
index 00000000..fad37fab
--- /dev/null
+++ b/bats_ai/core/models/configuration.py
@@ -0,0 +1,25 @@
+from django.db import models
+from django.db.models.signals import post_migrate
+from django.dispatch import receiver
+
+
+# Define the Configuration model
+class Configuration(models.Model):
+    display_pulse_annotations = models.BooleanField(default=True)
+    display_sequence_annotations = models.BooleanField(default=True)
+
+    def save(self, *args, **kwargs):
+        # Ensure only one instance of Configuration exists
+        if not Configuration.objects.exists() and not self.pk:
+            super().save(*args, **kwargs)
+        elif self.pk:
+            super().save(*args, **kwargs)
+        else:
+            raise ValueError('Only one instance of Configuration is allowed.')
+
+
+# Automatically create a Configuration instance after migrations
+@receiver(post_migrate)
+def create_default_configuration(sender, **kwargs):
+    if not Configuration.objects.exists():
+        Configuration.objects.create()
diff --git a/bats_ai/core/views/__init__.py b/bats_ai/core/views/__init__.py
index 348849ce..37d82d72 100644
--- a/bats_ai/core/views/__init__.py
+++ b/bats_ai/core/views/__init__.py
@@ -1,4 +1,5 @@
 from .annotations import router as AnnotationRouter
+from .configuration import router as ConfigurationRouter
 from .grts_cells import router as GRTSCellsRouter
 from .guanometadata import router as GuanoMetadataRouter
 from .recording import router as RecordingRouter
@@ -14,4 +15,5 @@
     'GRTSCellsRouter',
     'GuanoMetadataRouter',
     'RecordingAnnotationRouter',
+    'ConfigurationRouter',
 ]
diff --git a/bats_ai/core/views/configuration.py b/bats_ai/core/views/configuration.py
new file mode 100644
index 00000000..dd85597c
--- /dev/null
+++ b/bats_ai/core/views/configuration.py
@@ -0,0 +1,53 @@
+import logging
+
+from django.http import JsonResponse
+from ninja import Schema
+from ninja.pagination import RouterPaginated
+
+from bats_ai.core.models import Configuration
+
+logger = logging.getLogger(__name__)
+
+
+router = RouterPaginated()
+
+
+# Define schema for the Configuration data
+class ConfigurationSchema(Schema):
+    display_pulse_annotations: bool
+    display_sequence_annotations: bool
+    is_admin: bool | None = None
+
+
+# Endpoint to retrieve the configuration status
+@router.get('/', response=ConfigurationSchema)
+def get_configuration(request):
+    config = Configuration.objects.first()
+    if not config:
+        return JsonResponse({'error': 'No configuration found'}, status=404)
+    return ConfigurationSchema(
+        display_pulse_annotations=config.display_pulse_annotations,
+        display_sequence_annotations=config.display_sequence_annotations,
+        is_admin=request.user.is_authenticated and request.user.is_superuser,
+    )
+
+
+# Endpoint to update the configuration (admin only)
+@router.patch('/')
+def update_configuration(request, payload: ConfigurationSchema):
+    if not request.user.is_authenticated or not request.user.is_superuser:
+        return JsonResponse({'error': 'Permission denied'}, status=403)
+    config = Configuration.objects.first()
+    if not config:
+        return JsonResponse({'error': 'No configuration found'}, status=404)
+    for attr, value in payload.dict().items():
+        setattr(config, attr, value)
+    config.save()
+    return ConfigurationSchema.from_orm(config)
+
+
+@router.get('/is_admin/')
+def check_is_admin(request):
+    if request.user.is_authenticated:
+        return {'is_admin': request.user.is_superuser}
+    return {'is_admin': False}
diff --git a/bats_ai/core/views/temporal_annotations.py b/bats_ai/core/views/temporal_annotations.py
index 0495acbb..3a4294d4 100644
--- a/bats_ai/core/views/temporal_annotations.py
+++ b/bats_ai/core/views/temporal_annotations.py
@@ -12,7 +12,7 @@ class TemporalAnnotationSchema(Schema):
     id: int
     start_time: int
     end_time: int
-    type: str
+    type: str | None
     comments: str
     species: list[SpeciesSchema] | None
     owner_email: str = None
diff --git a/client/src/App.vue b/client/src/App.vue
index df706fa8..4a594d0b 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -12,21 +12,22 @@ export default defineComponent({
     const oauthClient = inject<OAuthClient>("oauthClient");
     const router = useRouter();
     const route = useRoute();
-    const { nextShared, sharedList, sideTab, } = useState();
+    const { nextShared, sharedList, sideTab, loadConfiguration, configuration } = useState();
     const getShared = async () => {
       sharedList.value = (await getRecordings(true)).data;
     };
-    if (sharedList.value.length === 0) {
-      getShared();
-    }
     if (oauthClient === undefined) {
       throw new Error('Must provide "oauthClient" into component.');
     }
 
     const loginText = ref("Login");
-    const checkLogin = () => {
+    const checkLogin = async () => {
       if (oauthClient.isLoggedIn) {
         loginText.value = "Logout";
+        loadConfiguration();
+        if (sharedList.value.length === 0) {
+        getShared();
+        }
       } else {
         loginText.value = "Login";
       }
@@ -57,7 +58,18 @@ export default defineComponent({
       }
     });
 
-    return { oauthClient, containsSpectro, loginText, logInOrOut, activeTab, nextShared, sideTab };
+    const isAdmin = computed(() => configuration.value.is_admin);
+
+    return {
+      oauthClient,
+      containsSpectro,
+      loginText,
+      logInOrOut,
+      activeTab,
+      nextShared,
+      sideTab,
+      isAdmin,
+     };
   },
 });
 </script>
@@ -88,6 +100,13 @@ export default defineComponent({
         >
           Spectrogram
         </v-tab>
+        <v-tab
+          v-show="isAdmin"
+          to="/admin"
+          value="admin"
+        >
+          Admin
+        </v-tab>
       </v-tabs>
       <v-spacer />
       <v-tooltip
diff --git a/client/src/api/api.ts b/client/src/api/api.ts
index cbd58173..9bf12d40 100644
--- a/client/src/api/api.ts
+++ b/client/src/api/api.ts
@@ -357,6 +357,21 @@ async function getCellfromLocation(latitude: number, longitude: number) {
     return axiosInstance.get<CellIDReponse>(`/grts/grid_cell_id`, {params: {latitude, longitude}});
 }
 
+export interface ConfigurationSettings {
+display_pulse_annotations: boolean;
+display_sequence_annotations: boolean;
+is_admin: boolean;
+}
+
+export type Configuration = ConfigurationSettings & { is_admin : boolean };
+async function getConfiguration() {
+    return axiosInstance.get<Configuration>('/configuration/');
+}
+
+async function patchConfiguration(config: ConfigurationSettings) {
+    return axiosInstance.patch('/configuration/', {...config });
+}
+
 interface GuanoMetadata {
     nabat_grid_cell_grts_id?: string
     nabat_latitude?: number
@@ -409,4 +424,6 @@ export {
  putFileAnnotation,
  patchFileAnnotation,
  deleteFileAnnotation,
+ getConfiguration,
+ patchConfiguration,
 };
\ No newline at end of file
diff --git a/client/src/components/AnnotationList.vue b/client/src/components/AnnotationList.vue
index d06034be..51d4d7a1 100644
--- a/client/src/components/AnnotationList.vue
+++ b/client/src/components/AnnotationList.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import { defineComponent, PropType } from "vue";
+import { computed, defineComponent, PropType } from "vue";
 import { SpectroInfo } from './geoJS/geoJSUtils';
 import useState from "../use/useState";
 import { watch, ref } from "vue";
@@ -32,7 +32,7 @@ export default defineComponent({
   },
   emits: ['select', 'update:annotation', 'delete:annotation'],
   setup() {
-    const { creationType, annotationState, setAnnotationState, annotations, temporalAnnotations, selectedId, selectedType, setSelectedId, sideTab } = useState();
+    const { creationType, annotationState, setAnnotationState, annotations, temporalAnnotations, selectedId, selectedType, setSelectedId, sideTab, configuration } = useState();
     const tab = ref('recording');
     const scrollToId = (id: number) => {
     const el = document.getElementById(`annotation-${id}`);
@@ -49,6 +49,8 @@ export default defineComponent({
   watch(selectedType, () => {
     tab.value = selectedType.value;
   });
+  const pulseEnabled = computed(() => configuration.value.display_pulse_annotations);
+  const sequenceEnabled = computed(() => configuration.value.display_sequence_annotations);
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const tabSwitch = (event: any) => {
     // On tab switches we want to deselect the curret annotation
@@ -73,6 +75,8 @@ export default defineComponent({
         tabSwitch,
         tab,
         sideTab,
+        pulseEnabled,
+        sequenceEnabled,
     };
   },
 });
@@ -105,6 +109,7 @@ export default defineComponent({
           <span>Recording/File Level Species Annotations</span>
         </v-tooltip>
         <v-tooltip
+          v-if="sequenceEnabled"
           location="bottom"
           open-delay="400"
         >
@@ -120,6 +125,7 @@ export default defineComponent({
           <span>Sequence Level annotations (Approach/Search/Terminal/Social)</span>
         </v-tooltip>
         <v-tooltip
+          v-if="pulseEnabled"
           location="bottom"
           open-delay="400"
         >
diff --git a/client/src/components/geoJS/LayerManager.vue b/client/src/components/geoJS/LayerManager.vue
index 4ea1c129..669950d8 100644
--- a/client/src/components/geoJS/LayerManager.vue
+++ b/client/src/components/geoJS/LayerManager.vue
@@ -59,6 +59,7 @@ export default defineComponent({
       selectedType,
       setSelectedId,
       viewCompressedOverlay,
+      configuration,
     } = useState();
     const selectedAnnotationId: Ref<null | number> = ref(null);
     const hoveredAnnotationId: Ref<null | number> = ref(null);
@@ -371,6 +372,16 @@ export default defineComponent({
           editAnnotationLayer.changeData(editingAnnotation.value, selectedType.value);
         }, 0);
       }
+      // We need to disable annotations that aren't required for different views
+      if (!configuration.value.display_pulse_annotations) {
+        rectAnnotationLayer?.disable();
+        speciesLayer?.disable();
+        freqLayer?.disable();
+      }
+      if (!configuration.value.display_sequence_annotations) {
+        temporalAnnotationLayer?.disable();
+        speciesSequenceLayer?.disable();
+      }
     };
     watch(
       annotations,
@@ -494,6 +505,7 @@ export default defineComponent({
             speciesLayer.spectroInfo = props.spectroInfo;
           }
 
+          timeLayer.setDisplaying({pulse: configuration.value.display_pulse_annotations, sequence: configuration.value.display_sequence_annotations});
           timeLayer.formatData(localAnnotations.value, temporalAnnotations.value);
           freqLayer.formatData(localAnnotations.value);
           speciesLayer.formatData(localAnnotations.value);
diff --git a/client/src/components/geoJS/geoJSUtils.ts b/client/src/components/geoJS/geoJSUtils.ts
index e3fd4d44..98235ddc 100644
--- a/client/src/components/geoJS/geoJSUtils.ts
+++ b/client/src/components/geoJS/geoJSUtils.ts
@@ -275,7 +275,7 @@ function spectroTemporalToGeoJSon(
   const adjustedWidth = scaledWidth > spectroInfo.width ? scaledWidth : spectroInfo.width;
   // const adjustedHeight = scaledHeight > spectroInfo.height ? scaledHeight : spectroInfo.height;
   //scale pixels to time and frequency ranges
-  if (spectroInfo.compressedWidth && spectroInfo.start_times === undefined || spectroInfo.end_times === undefined) {
+  if (spectroInfo.compressedWidth === undefined) {
     const widthScale = adjustedWidth / (spectroInfo.end_time - spectroInfo.start_time);
     // Now we remap our annotation to pixel coordinates
     const start_time = annotation.start_time * widthScale;
@@ -292,7 +292,7 @@ function spectroTemporalToGeoJSon(
         ],
       ],
     };
-  } else if (spectroInfo.start_times && spectroInfo.end_times) {
+  } else if (spectroInfo.compressedWidth && spectroInfo.start_times && spectroInfo.end_times) {
     // Compressed Spectro has different conversion
     // Find what section the annotation is in
     const start = annotation.start_time;
@@ -301,21 +301,30 @@ function spectroTemporalToGeoJSon(
     const lengths = start_times.length === end_times.length ? start_times.length : 0;
     let foundStartIndex = -1;
     let foundEndIndex = -1;
+    if (start < start_times[0]) {
+      foundStartIndex = 0;
+    }
     for (let i = 0; i < lengths; i += 1) {
-      if (
-        foundStartIndex === -1 &&
-        start_times[i] < start &&
-        start < end_times[i]
-      ) {
-        foundStartIndex = i;
+      if (foundStartIndex === -1) {
+        if (start < start_times[i]) {
+          foundStartIndex = i; // Lock to the current index if before the interval
+        } else if (start_times[i] <= start && start <= end_times[i]) {
+          foundStartIndex = i; // Found within the interval
+        } else if (i === lengths - 1 && start > end_times[i]) {
+          foundStartIndex = i; // Lock to the last interval's end
+        }
+      }
+    
+      // Check for end time
+      if (foundEndIndex === -1) {
+        if (end < start_times[i]) {
+          foundEndIndex = i; // Lock to the current index if before the interval
+        } else if (start_times[i] <= end && end <= end_times[i]) {
+          foundEndIndex = i; // Found within the interval
+        } else if (i === lengths - 1 && end > end_times[i]) {
+          foundEndIndex = i; // Lock to the last interval's end
+        }
       }
-      if (
-      foundEndIndex === -1 &&
-      start_times[i] < end &&
-      end < end_times[i]
-    ) {
-      foundEndIndex = i;
-    }
   }
     // We need to build the length of times to pixel size for the time spaces before the annotation
     const compressedScale = scaledWidth > (spectroInfo.compressedWidth || 1) ?  scaledWidth / (spectroInfo.compressedWidth || spectroInfo.width) : 1;
diff --git a/client/src/components/geoJS/layers/temporalLayer.ts b/client/src/components/geoJS/layers/temporalLayer.ts
index dacdd2ac..f0585b9c 100644
--- a/client/src/components/geoJS/layers/temporalLayer.ts
+++ b/client/src/components/geoJS/layers/temporalLayer.ts
@@ -52,8 +52,8 @@ export default class TemporalLayer {
     this.hoverOn = false;
     this.selectedIndex = [];
     this.event = event;
-    this.scaledWidth = 0;
-    this.scaledHeight = 0;
+    this.scaledWidth = 1;
+    this.scaledHeight = 1;
     //Only initialize once, prevents recreating Layer each edit
     const layer = this.geoViewerRef.createLayer("feature", {
       features: ["polygon"],
diff --git a/client/src/components/geoJS/layers/timeLayer.ts b/client/src/components/geoJS/layers/timeLayer.ts
index 15b76fe4..f75f84e1 100644
--- a/client/src/components/geoJS/layers/timeLayer.ts
+++ b/client/src/components/geoJS/layers/timeLayer.ts
@@ -30,7 +30,6 @@ export default class TimeLayer {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   geoViewerRef: any;
 
-
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   event: (name: string, data: any) => void;
 
@@ -44,6 +43,8 @@ export default class TimeLayer {
 
   displayDuration: boolean;
 
+  displaying: { sequence: boolean; pulse: boolean };
+
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   constructor(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -58,6 +59,7 @@ export default class TimeLayer {
     this.textData = [];
     this.scaledWidth = 0;
     this.scaledHeight = 0;
+    this.displaying = { sequence: true, pulse: true };
     this.event = event;
     //Only initialize once, prevents recreating Layer each edit
     const layer = this.geoViewerRef.createLayer("feature", {
@@ -88,168 +90,211 @@ export default class TimeLayer {
     }
   }
 
-  createRange(annotationData: SpectrogramAnnotation[], temporalData: SpectrogramTemporalAnnotation[] =[]) {
+  createRange(
+    annotationData: SpectrogramAnnotation[],
+    temporalData: SpectrogramTemporalAnnotation[] = []
+  ) {
     this.textData = [];
     this.lineData = [];
     const lineDist = 12;
-    annotationData.forEach((annotation: SpectrogramAnnotation) => {
-      const polygon = spectroToGeoJSon(annotation, this.spectroInfo, 1, this.scaledWidth, this.scaledHeight);
-      const {start_time, end_time } = annotation;
-      const [xmin, ymin] = polygon.coordinates[0][0];
-      const [xmax, ymax] = polygon.coordinates[0][2];
-      // For the compressed view we need to filter out default or NaN numbers
-      if (Number.isNaN(xmax) || Number.isNaN(xmin) || Number.isNaN(ymax) || Number.isNaN(ymin)) {
-        return;
-      }
-      if (xmax === -1 && ymin === -1 && ymax === -1 && xmin === -1) {
-        return;
-      }
-      // We create two small lines for the beginning/end of annotation
-      this.lineData.push({
-        line: {
-          type: "LineString",
-          coordinates: [
-            [xmin, ymin],
-            [xmin, ymin + lineDist],
-          ],
-        },
-        thicker: true,
-      });
-      this.lineData.push({
-        line: {
-          type: "LineString",
-          coordinates: [
-            [xmax, ymin],
-            [xmax, ymin + lineDist],
-          ],
-        },
-        thicker: true,
-      });
-      // Now we need to create the text Labels
-      this.textData.push({
-        text: `${start_time}ms`,
-        x: xmin,
-        y: ymin + lineDist,
-        offsetX: 0,
-        offsetY: 5,
-      });
-      this.textData.push({
-        text: `${end_time}ms`,
-        x: xmax,
-        y: ymin + lineDist,
-        offsetX: 0,
-        offsetY: 5,
-      });
-    });
-    const compressedView =  !!(this.spectroInfo.start_times && this.spectroInfo.end_times);
-    const offsetY = compressedView ? -20 : 0;  
-    temporalData.forEach((annotation: SpectrogramTemporalAnnotation) => {
-      const polygon = spectroTemporalToGeoJSon(annotation, this.spectroInfo, -10, -50, 1, this.scaledWidth, this.scaledHeight);
-      const {start_time, end_time } = annotation;
-      const [xmin, ymin] = polygon.coordinates[0][0];
-      const [xmax, ymax] = polygon.coordinates[0][2];
-      // For the compressed view we need to filter out default or NaN numbers
-      if (Number.isNaN(xmax) || Number.isNaN(xmin) || Number.isNaN(ymax) || Number.isNaN(ymin)) {
-        return;
-      }
-      if (xmax === -1 && ymin === -1 && ymax === -1 && xmin === -1) {
-        return;
-      }
-      // We create two small lines for the beginning/end of annotation
-      this.lineData.push({
-        line: {
-          type: "LineString",
-          coordinates: [
-            [xmin, ymax + offsetY],
-            [xmin, ymax - lineDist + offsetY],
-          ],
-        },
-        thicker: true,
-      });
-      this.lineData.push({
-        line: {
-          type: "LineString",
-          coordinates: [
-            [xmax, ymax + offsetY],
-            [xmax, ymax - lineDist + offsetY],
-          ],
-        },
-        thicker: true,
-      });
-      // Now we need to create the text Labels
-      this.textData.push({
-        text: `${start_time}ms`,
-        x: xmin,
-        y: ymax - lineDist + offsetY,
-        offsetX: 0,
-        offsetY: -5 + offsetY,
+    if (this.displaying.pulse) {
+      annotationData.forEach((annotation: SpectrogramAnnotation) => {
+        const polygon = spectroToGeoJSon(
+          annotation,
+          this.spectroInfo,
+          1,
+          this.scaledWidth,
+          this.scaledHeight
+        );
+        const { start_time, end_time } = annotation;
+        const [xmin, ymin] = polygon.coordinates[0][0];
+        const [xmax, ymax] = polygon.coordinates[0][2];
+        // For the compressed view we need to filter out default or NaN numbers
+        if (Number.isNaN(xmax) || Number.isNaN(xmin) || Number.isNaN(ymax) || Number.isNaN(ymin)) {
+          return;
+        }
+        if (xmax === -1 && ymin === -1 && ymax === -1 && xmin === -1) {
+          return;
+        }
+        // We create two small lines for the beginning/end of annotation
+        this.lineData.push({
+          line: {
+            type: "LineString",
+            coordinates: [
+              [xmin, ymin],
+              [xmin, ymin + lineDist],
+            ],
+          },
+          thicker: true,
+        });
+        this.lineData.push({
+          line: {
+            type: "LineString",
+            coordinates: [
+              [xmax, ymin],
+              [xmax, ymin + lineDist],
+            ],
+          },
+          thicker: true,
+        });
+        // Now we need to create the text Labels
+        this.textData.push({
+          text: `${start_time}ms`,
+          x: xmin,
+          y: ymin + lineDist,
+          offsetX: 0,
+          offsetY: 5,
+        });
+        this.textData.push({
+          text: `${end_time}ms`,
+          x: xmax,
+          y: ymin + lineDist,
+          offsetX: 0,
+          offsetY: 5,
+        });
       });
-      this.textData.push({
-        text: `${end_time}ms`,
-        x: xmax,
-        y: ymax - lineDist + offsetY,
-        offsetX: 0,
-        offsetY: -5 + offsetY,
+    }
+    const compressedView = !!(this.spectroInfo.start_times && this.spectroInfo.end_times);
+    const offsetY = compressedView ? -20 : 0;
+    if (this.displaying.sequence) {
+      temporalData.forEach((annotation: SpectrogramTemporalAnnotation) => {
+        const polygon = spectroTemporalToGeoJSon(
+          annotation,
+          this.spectroInfo,
+          -10,
+          -50,
+          1,
+          this.scaledWidth,
+          this.scaledHeight
+        );
+        const { start_time, end_time } = annotation;
+        const [xmin, ymin] = polygon.coordinates[0][0];
+        const [xmax, ymax] = polygon.coordinates[0][2];
+        // For the compressed view we need to filter out default or NaN numbers
+        if (Number.isNaN(xmax) || Number.isNaN(xmin) || Number.isNaN(ymax) || Number.isNaN(ymin)) {
+          return;
+        }
+        if (xmax === -1 && ymin === -1 && ymax === -1 && xmin === -1) {
+          return;
+        }
+        // We create two small lines for the beginning/end of annotation
+        this.lineData.push({
+          line: {
+            type: "LineString",
+            coordinates: [
+              [xmin, ymax + offsetY],
+              [xmin, ymax - lineDist + offsetY],
+            ],
+          },
+          thicker: true,
+        });
+        this.lineData.push({
+          line: {
+            type: "LineString",
+            coordinates: [
+              [xmax, ymax + offsetY],
+              [xmax, ymax - lineDist + offsetY],
+            ],
+          },
+          thicker: true,
+        });
+        // Now we need to create the text Labels
+        this.textData.push({
+          text: `${start_time}ms`,
+          x: xmin,
+          y: ymax - lineDist + offsetY,
+          offsetX: 0,
+          offsetY: -5 + offsetY,
+        });
+        this.textData.push({
+          text: `${end_time}ms`,
+          x: xmax,
+          y: ymax - lineDist + offsetY,
+          offsetX: 0,
+          offsetY: -5 + offsetY,
+        });
       });
-    });
-
+    }
   }
 
-  createDuration(annotationData: SpectrogramAnnotation[], temporalData: SpectrogramTemporalAnnotation[] =[]) {
+  createDuration(
+    annotationData: SpectrogramAnnotation[],
+    temporalData: SpectrogramTemporalAnnotation[] = []
+  ) {
     this.textData = [];
     this.lineData = [];
     const lineDist = 12;
-    annotationData.forEach((annotation: SpectrogramAnnotation) => {
-      const polygon = spectroToGeoJSon(annotation, this.spectroInfo, 1, this.scaledWidth, this.scaledHeight);
-      const {start_time, end_time } = annotation;
-      const [xmin, ymin] = polygon.coordinates[0][0];
-      const [xmax, ymax] = polygon.coordinates[0][2];
-      // For the compressed view we need to filter out default or NaN numbers
-      if (Number.isNaN(xmax) || Number.isNaN(xmin) || Number.isNaN(ymax) || Number.isNaN(ymin)) {
-        return;
-      }
-      if (xmax === -1 && ymin === -1 && ymax === -1 && xmin === -1) {
-        return;
-      }
-      const xpos = (xmin + xmax) / 2.0;
-      const ypos = (ymax + ymin) /2.0;
-      // Now we need to create the text Labels
-      this.textData.push({
-        text: `${end_time - start_time}ms`,
-        x: xpos,
-        y: ypos + lineDist,
-        offsetX: 0,
-        offsetY: 0,
+    if (this.displaying.pulse) {
+      annotationData.forEach((annotation: SpectrogramAnnotation) => {
+        const polygon = spectroToGeoJSon(
+          annotation,
+          this.spectroInfo,
+          1,
+          this.scaledWidth,
+          this.scaledHeight
+        );
+        const { start_time, end_time } = annotation;
+        const [xmin, ymin] = polygon.coordinates[0][0];
+        const [xmax, ymax] = polygon.coordinates[0][2];
+        // For the compressed view we need to filter out default or NaN numbers
+        if (Number.isNaN(xmax) || Number.isNaN(xmin) || Number.isNaN(ymax) || Number.isNaN(ymin)) {
+          return;
+        }
+        if (xmax === -1 && ymin === -1 && ymax === -1 && xmin === -1) {
+          return;
+        }
+        const xpos = (xmin + xmax) / 2.0;
+        const ypos = (ymax + ymin) / 2.0;
+        // Now we need to create the text Labels
+        this.textData.push({
+          text: `${end_time - start_time}ms`,
+          x: xpos,
+          y: ypos + lineDist,
+          offsetX: 0,
+          offsetY: 0,
+        });
       });
-    });
-    const compressedView =  !!(this.spectroInfo.start_times && this.spectroInfo.end_times);
-    const offsetY = compressedView ? -20 : 0;  
-    temporalData.forEach((annotation: SpectrogramTemporalAnnotation) => {
-      const polygon = spectroTemporalToGeoJSon(annotation, this.spectroInfo, -10, -50, 1, this.scaledWidth, this.scaledHeight);
-      const {start_time, end_time } = annotation;
-      const [xmin, ymin] = polygon.coordinates[0][0];
-      const [xmax, ymax] = polygon.coordinates[0][2];
-      // For the compressed view we need to filter out default or NaN numbers
-      if (Number.isNaN(xmax) || Number.isNaN(xmin) || Number.isNaN(ymax) || Number.isNaN(ymin)) {
-        return;
-      }
-      if (xmax === -1 && ymin === -1 && ymax === -1 && xmin === -1) {
-        return;
-      }
-      const xpos = (xmin + xmax) / 2.0;
-      // Now we need to create the text Labels
-      this.textData.push({
-        text: `${end_time-start_time}ms`,
-        x: xpos,
-        y: (ymax - ymin) / 2.0,
-        offsetX: 0,
-        offsetY: -5 + offsetY,
+    }
+    const compressedView = !!(this.spectroInfo.start_times && this.spectroInfo.end_times);
+    const offsetY = compressedView ? -20 : 0;
+    if (this.displaying.sequence) {
+      temporalData.forEach((annotation: SpectrogramTemporalAnnotation) => {
+        const polygon = spectroTemporalToGeoJSon(
+          annotation,
+          this.spectroInfo,
+          -10,
+          -50,
+          1,
+          this.scaledWidth,
+          this.scaledHeight
+        );
+        const { start_time, end_time } = annotation;
+        const [xmin, ymin] = polygon.coordinates[0][0];
+        const [xmax, ymax] = polygon.coordinates[0][2];
+        // For the compressed view we need to filter out default or NaN numbers
+        if (Number.isNaN(xmax) || Number.isNaN(xmin) || Number.isNaN(ymax) || Number.isNaN(ymin)) {
+          return;
+        }
+        if (xmax === -1 && ymin === -1 && ymax === -1 && xmin === -1) {
+          return;
+        }
+        const xpos = (xmin + xmax) / 2.0;
+        // Now we need to create the text Labels
+        this.textData.push({
+          text: `${end_time - start_time}ms`,
+          x: xpos,
+          y: (ymax - ymin) / 2.0,
+          offsetX: 0,
+          offsetY: -5 + offsetY,
+        });
       });
-    });
-
+    }
   }
 
-  formatData(annotationData: SpectrogramAnnotation[], temporalData: SpectrogramTemporalAnnotation[] =[]) {
+  formatData(
+    annotationData: SpectrogramAnnotation[],
+    temporalData: SpectrogramTemporalAnnotation[] = []
+  ) {
     if (!this.displayDuration) {
       this.createRange(annotationData, temporalData);
     } else {
@@ -272,7 +317,6 @@ export default class TimeLayer {
     this.textLayer.data([]).draw();
   }
 
-
   createLineStyle(): LayerStyle<LineData> {
     return {
       ...{
@@ -321,4 +365,8 @@ export default class TimeLayer {
       }),
     };
   }
+
+  setDisplaying(data: { pulse: boolean; sequence: boolean }) {
+    this.displaying = data;
+  }
 }
diff --git a/client/src/router/index.ts b/client/src/router/index.ts
index 5e2e970c..79efad63 100644
--- a/client/src/router/index.ts
+++ b/client/src/router/index.ts
@@ -5,6 +5,7 @@ import Spectrogram from '../views/Spectrogram.vue';
 import Login from '../views/Login.vue';
 
 import oauthClient from '../plugins/Oauth';
+import Admin from '../views/Admin.vue';
 
 function beforeEach(
   to: RouteLocationNormalized,
@@ -38,6 +39,10 @@ function routerInit(){
         path: '/recordings',
         component: Recordings,
       },
+      {
+        path: '/admin',
+        component: Admin,
+      },
       {
         path: '/recording/:id/spectrogram',
         component: Spectrogram,
diff --git a/client/src/use/useState.ts b/client/src/use/useState.ts
index 475a9bb5..39ed79ac 100644
--- a/client/src/use/useState.ts
+++ b/client/src/use/useState.ts
@@ -1,7 +1,7 @@
 import { ref, Ref, watch } from "vue";
 import { cloneDeep } from "lodash";
 import * as d3 from "d3";
-import { OtherUserAnnotations, Recording, SpectrogramAnnotation, SpectrogramTemporalAnnotation } from "../api/api";
+import { Configuration, getConfiguration, OtherUserAnnotations, Recording, SpectrogramAnnotation, SpectrogramTemporalAnnotation } from "../api/api";
 
 const annotationState: Ref<AnnotationState> = ref("");
 const creationType: Ref<'pulse' | 'sequence'> = ref("pulse");
@@ -22,6 +22,7 @@ const blackBackground = ref(true);
 const scaledVals: Ref<{x: number, y: number}> = ref({x: 0, y: 0});
 const viewCompressedOverlay = ref(false);
 const sideTab: Ref<'annotations' | 'recordings'> = ref('annotations');
+const configuration: Ref<Configuration> = ref({display_pulse_annotations: true, display_sequence_annotations: true, is_admin: false});
 
 type AnnotationState = "" | "editing" | "creating" | "disabled";
 export default function useState() {
@@ -73,6 +74,10 @@ export default function useState() {
       nextShared.value = false;
     }
   });
+
+  async function loadConfiguration() {
+    configuration.value = (await getConfiguration()).data;
+  }
   
     return {
     annotationState,
@@ -86,8 +91,10 @@ export default function useState() {
     selectedUsers,
     currentUser,
     setSelectedId,
+    loadConfiguration,
     // State Passing Elements
     annotations,
+    configuration,
     temporalAnnotations,
     otherUserAnnotations,
     selectedId,
diff --git a/client/src/views/Admin.vue b/client/src/views/Admin.vue
new file mode 100644
index 00000000..ff3c26b1
--- /dev/null
+++ b/client/src/views/Admin.vue
@@ -0,0 +1,78 @@
+ 
+  <script>
+  import { reactive, defineComponent, watch } from 'vue';
+import useState from '../use/useState';
+import { patchConfiguration } from '../api/api';
+  
+  export default defineComponent({
+    name: 'Admin',
+    setup() {
+      // Reactive state for the settings
+      const  { configuration, loadConfiguration } = useState();
+      const settings = reactive({
+        displayPulseAnnotations: configuration.value.display_pulse_annotations,
+        displaySequenceAnnotations: configuration.value.display_sequence_annotations,
+      });
+      watch(configuration, () => {
+        settings.displayPulseAnnotations = configuration.value.display_pulse_annotations;
+        settings.displaySequenceAnnotations = configuration.value.display_sequence_annotations;
+      });
+      // Function to save the settings
+      const saveSettings = async () => {
+        // Mock save function: replace with API call if necessary
+        const result = await patchConfiguration( {
+            display_pulse_annotations: settings.displayPulseAnnotations,
+            display_sequence_annotations: settings.displaySequenceAnnotations
+        });
+        loadConfiguration();
+      };
+  
+      return {
+        settings,
+        saveSettings,
+      };
+    },
+  });
+  </script>
+  
+<template>
+  <v-card>
+    <v-card-title>Admin Settings</v-card-title>
+    <v-card-text>
+      <v-row>
+        <v-switch
+          v-model="settings.displayPulseAnnotations"
+          :color="settings.displayPulseAnnotations ? 'primary' : ''"
+          label="Show Pulse Annotations"
+        />
+      </v-row>
+      <v-row>
+        <v-switch
+          v-model="settings.displaySequenceAnnotations"
+          :color="settings.displaySequenceAnnotations ? 'primary' : ''"
+          label="Show Sequence Annotations"
+        />
+      </v-row>
+    </v-card-text>
+    <v-card-actions>
+      <v-row>
+        <v-spacer />
+        <v-btn
+          color="primary"
+          variant="outlined"
+          @click="saveSettings"
+          class="mx-2"
+        >
+          Save
+        </v-btn>
+      </v-row>
+    </v-card-actions>
+  </v-card>
+</template>
+  <style scoped>
+  /* Add optional styling */
+  .v-container {
+    margin-top: 20px;
+  }
+  </style>
+  
\ No newline at end of file