Updates to data display and UI

package.json

@@ -7,21 +7,20 @@
     "@fortawesome/fontawesome-svg-core": "^7.2.0",
     "@fortawesome/free-solid-svg-icons": "^7.2.0",
     "@fortawesome/vue-fontawesome": "^3.1.3",
-    "@google/model-viewer": "^4.2.0",
     "@mdi/font": "^7.4.47",
-    "@wwtelescope/engine": "^7.31.0",
-    "@wwtelescope/engine-pinia": "^0.11.0",
+    "@vueuse/core": "^14.3.0",
+    "@wwtelescope/engine": "^7.37.1",
+    "@wwtelescope/engine-pinia": "^0.14.0",
+    "double-range-slider-web": "^0.1.3",
     "focus-trap": "^7.0.1",
     "focus-trap-vue": "^4.1.0",
-    "three": "^0.182.0",
     "vue": "^3.5.31",
     "vuetify": "^3.4.11"
   },
   "devDependencies": {
     "@eslint/js": "latest",
     "@tsconfig/node22": "^22.0.5",
     "@types/node": "^25.5.0",
-    "@types/three": "^0",
     "@vitejs/plugin-legacy": "^7.0.1",
     "@vitejs/plugin-vue": "^6.0.5",
     "@vue/tsconfig": "^0.9.1",
@@ -32,7 +31,6 @@
     "less": "^4.6.4",
     "less-loader": "^12.3.2",
     "npm-run-all2": "^8.0.4",
-    "pinia": "^3.0.4",
     "rimraf": "^6.1.3",
     "terser": "^5.46.1",
     "typescript": "^5.9.3",
@@ -58,7 +56,7 @@
   "name": "@cosmicds/bubbling-galaxies",
   "packageManager": "yarn@4.12.0",
   "resolutions": {
-    "@wwtelescope/engine-pinia": "^0.11.0",
-    "pinia": "^3.0.4"
+    "@wwtelescope/engine-pinia": "^0.14.0",
+    "pinia": "^2.3.1"
   }
 }

public/HIPS_TEMPLATE.wtml

@@ -0,0 +1,48 @@
+<?xml version='1.0' encoding='UTF-8'?>
+<Folder Browseable="True"
+  Group="Explorer"
+  Name="[[[[NAME]]]]"
+  Searchable="True">
+  <Place Angle="0"
+    AngularSize="0"
+    Constellation="PSC"
+    DataSetType="Sky"
+    Dec="0"
+    Magnitude="0"
+    Name="[[NAME]]"
+    Opacity="100"
+    RA="0"
+    Rotation="0"
+    Thumbnail="[[URL]]/preview.jpg"
+    ZoomLevel="0">
+    <ForegroundImageSet>
+      <ImageSet BandPass="IR"
+        BaseDegreesPerTile="180"
+        BaseTileLevel="0"
+        BottomsUp="False"
+        CenterX="0"
+        CenterY="0"
+        DataSetType="Sky"
+        ElevationModel="False"
+        FileType="jpeg"
+        Generic="False"
+        MeanRadius="1"
+        Name="[[NAME]]"
+        Projection="Healpix"
+        QuadTreeMap="0123"
+        ReferenceFrame="Sky"
+        Rotation="0"
+        Sparse="True"
+        StockSet="False"
+        TileLevels="9"
+        Url="[[URL]]/Norder{0}/Dir{1}/Npix{2}"
+        WidthFactor="1">
+        <Credits>Pull from HiPS properties file</Credits>
+        <CreditsUrl>hips_service_url</CreditsUrl>
+        <Description>obs_description</Description>
+        <ThumbnailUrl>[[URL]]/preview.jpg</ThumbnailUrl> <!-- If available -->
+      </ImageSet>
+      <!-- Check hips_tile_format for the FileType -->
+    </ForegroundImageSet>
+  </Place>
+</Folder>

public/decaps_dr1.wtml

@@ -0,0 +1,49 @@
+<?xml version='1.0' encoding='UTF-8'?>
+<Folder Browseable="True"
+  Group="Explorer"
+  Name="DECaPS DR1"
+  Searchable="True">
+  <Place Angle="0"
+    AngularSize="0"
+    Constellation="PSC"
+    DataSetType="Sky"
+    Dec="0"
+    Magnitude="0"
+    Name="DECaPS DR1"
+    Opacity="100"
+    RA="0"
+    Rotation="0"
+    Thumbnail="https://alasky.cds.unistra.fr/DECaPS/DR1/color/preview.jpg"
+    ZoomLevel="0">
+    <ForegroundImageSet>
+      <ImageSet BandPass="Visible"
+        BaseDegreesPerTile="180"
+        BaseTileLevel="0"
+        BottomsUp="False"
+        CenterX="0"
+        CenterY="0"
+        DataSetType="Sky"
+        ElevationModel="False"
+        FileType="png jpeg"
+        Generic="False"
+        MeanRadius="1"
+        Name="DECaPS DR1 color"
+        Projection="Healpix"
+        QuadTreeMap="0123"
+        ReferenceFrame="Sky"
+        Rotation="0"
+        Sparse="True"
+        StockSet="False"
+        TileLevels="11"
+        Url="https://alasky.cds.unistra.fr/DECaPS/DR1/color/Norder{0}/Dir{1}/Npix{2}"
+        WidthFactor="1">
+        <Credits>DECaM Plane Survey / NOAO</Credits>
+        <CreditsUrl>http://decaps.skymaps.info/</CreditsUrl>
+        <Description>HiPS List ID: CDS/P/DECaPS/DR1/color</Description>
+        <ThumbnailUrl>https://alasky.cds.unistra.fr/DECaPS/DR1/color/preview.jpg</ThumbnailUrl>
+      </ImageSet>
+    </ImageSet>
+    <!-- Check hips_tile_format for the FileType -->
+  </ForegroundImageSet>
+</Place>
+</Folder>

public/decaps_dr2.wtml

@@ -0,0 +1,13 @@
+<?xml version='1.0' encoding='UTF-8'?>
+<Folder Browseable="True" Group="Explorer" Name="DECaPS DR2 color" Searchable="True">
+  <Place Angle="0" AngularSize="0" Constellation="CRU" DataSetType="Sky" Dec="-63.3032221" Magnitude="0" Name="DECaPS DR2 color" Opacity="100" RA="12.595271946666665" Rotation="0" Thumbnail="https://alasky.cds.unistra.fr/DECaPS/DR2/CDS_P_DECaPS_DR2_color/preview.jpg" ZoomLevel="360">
+    <ForegroundImageSet>
+      <ImageSet BandPass="Visible" BaseDegreesPerTile="180" BaseTileLevel="0" BottomsUp="False" CenterX="0" CenterY="0" DataSetType="Sky" ElevationModel="False" FileType="png" Generic="False" MeanRadius="1" Name="DECaPS DR2 color" Projection="Healpix" QuadTreeMap="0123" ReferenceFrame="Sky" Rotation="0" Sparse="True" StockSet="False" TileLevels="11" Url="https://alasky.cds.unistra.fr/DECaPS/DR2/CDS_P_DECaPS_DR2_color/Norder{0}/Dir{1}/Npix{2}" WidthFactor="1">
+        <Credits>DECaM Plane Survey / NOIRLab</Credits>
+        <CreditsUrl>http://decaps.skymaps.info/</CreditsUrl>
+        <Description>DECaPS2 is a five-band optical and near-infrared survey of the southern Galactic plane with the Dark Energy Camera (DECam) on the 4.0m Blanco telescope at the Cerro Tololo Inter-American Observatory in Chile. The survey is designed to reach past the main-sequence turn-off at the distance of the Galactic center through a reddening E(B-V) of 1.5 mag, with a typical single-exposure depth of 23.7, 22.7, 22.2, 21.7, and 20.9 mag in the grizY bands, and with average seeing around 1&amp;#x27;&amp;#x27;. The footprint covers | b | &amp;lt; 10 deg , 6 deg &amp;gt; l &amp;gt; - 124 deg (essentially the low latitude Galactic plane south of delta &amp;lt; - 24 deg , a total of about 2700 square degrees (6.5% of the sky). DECaPS2 simultaneously solves for the positions and fluxes of all the sources in each image, delivering positions and fluxes of 3.32 billion stars with up to 5 mmag repeatability. Most of these objects are highly reddened and deep in the Galactic disk, probing the structure and properties of the Milky Way and its interstellar medium.</Description>
+        <ThumbnailUrl>https://alasky.cds.unistra.fr/DECaPS/DR2/CDS_P_DECaPS_DR2_color/preview.jpg</ThumbnailUrl>
+      </ImageSet>
+    </ForegroundImageSet>
+  </Place>
+</Folder>

public/herschel_spire_rgb.wtml

@@ -0,0 +1,13 @@
+<?xml version='1.0' encoding='UTF-8'?>
+<Folder Browseable="True" Group="Explorer" Name="SPIRE_RGBnorm" Searchable="True">
+  <Place Angle="0" AngularSize="0" Constellation="CET" DataSetType="Sky" Dec="0.9792235891486053" Magnitude="0" Name="SPIRE_RGBnorm" Opacity="100" RA="2.94140625" Rotation="0" Thumbnail="https://skies.esac.esa.int/Herschel/normalized/SPIRE_pnorm_RGB/preview.jpg" ZoomLevel="0.08588716029543514">
+    <ForegroundImageSet>
+      <ImageSet BandPass="IR" BaseDegreesPerTile="180" BaseTileLevel="0" BottomsUp="False" CenterX="0" CenterY="0" DataSetType="Sky" ElevationModel="False" FileType="png" Generic="False" MeanRadius="1" Name="SPIRE_RGBnorm" Projection="Healpix" QuadTreeMap="0123" ReferenceFrame="Sky" Rotation="0" Sparse="True" StockSet="False" TileLevels="7" Url="https://skies.esac.esa.int/Herschel/normalized/SPIRE_pnorm_RGB/Norder{0}/Dir{1}/Npix{2}" WidthFactor="1">
+        <Credits>ESA/HSA</Credits>
+        <CreditsUrl>http://www.cosmos.esa.int/web/herschel/publishing-rules-guidelines</CreditsUrl>
+        <Description>A color composition using all public SPIRE observations from the Herschel Science Archive at 250 micron (blue), 350 micron (green) and 500 micron (red). The data have been normalised using Herschel-optimised cuts and stretch prior to the HiPS generation.</Description>
+        <ThumbnailUrl>https://skies.esac.esa.int/Herschel/normalized/SPIRE_pnorm_RGB/preview.jpg</ThumbnailUrl>
+      </ImageSet>
+    </ForegroundImageSet>
+  </Place>
+</Folder>