From 5db710648263b115714cbead28c29fce8716629b Mon Sep 17 00:00:00 2001
From: Renan Alves de Oliveira <fisica.renan@gmail.com>
Date: Sun, 14 Sep 2025 19:34:27 -0300
Subject: [PATCH 1/2] refactor: improve cutout url generation

- enhance cutout url construction for different environments
- use local proxy in development for header injection and cors avoidance
- fallback to relative path if external endpoint is not configured
- construct url for external endpoint if available
---
 dashboard/src/api.ts | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/dashboard/src/api.ts b/dashboard/src/api.ts
index 3eaff49..ef53e89 100644
--- a/dashboard/src/api.ts
+++ b/dashboard/src/api.ts
@@ -89,18 +89,23 @@ export const loadCutouts = (): Promise<CutoutRecord[]> => fetchJson<CutoutRecord
 const RAW_ENDPOINT: string | undefined = "l5s5a0sibv6w.share.zrok.io";
 const ENDPOINT_SCHEME: string = ((import.meta as { env?: Record<string, string> }).env?.VITE_MINIO_SCHEME || 'https').replace(/:$/,'');
 export const buildCutoutUrl = (objectKey: string): string => {
-  const cleaned = objectKey.trim().replace(/^\/+/, '');
+  const cleaned = objectKey.trim().replace(/^\/+/,'');
   const path = cleaned.startsWith('Cutouts/') ? cleaned : `Cutouts/${cleaned}`;
 
-  // In dev, go through local proxy to inject headers and avoid CORS + interstitial
+  // Em dev, usa proxy local
   if (import.meta.env && (import.meta as any).env.DEV) {
-    // Strip the prefix "Cutouts/" because the proxy rewrite adds it back (see vite proxy config)
     const proxied = '/proxy-cutouts/' + path.replace(/^Cutouts\//, '');
     if((import.meta as { env?: Record<string, string> }).env?.VITE_DEBUG_CUTOUTS) console.debug('[cutout-url-dev-proxy]', { objectKey, path, proxied });
     return proxied;
   }
 
-  if(!RAW_ENDPOINT) return path; // fallback relative path if not configured
+  // Se não houver endpoint externo, monta caminho relativo ao BASE_URL
+  if(!RAW_ENDPOINT) {
+    const base = BASE_URL.endsWith('/') ? BASE_URL : `${BASE_URL}/`;
+    return `${base}${path}`;
+  }
+
+  // Caso contrário, monta URL para endpoint externo
   let base = RAW_ENDPOINT.trim();
   if(!/^https?:\/\//i.test(base)) {
     base = `${ENDPOINT_SCHEME}://${base}`;

From 4c4556db0ed11a6a10cff9881ae1e53b003b6089 Mon Sep 17 00:00:00 2001
From: Renan Alves de Oliveira <fisica.renan@gmail.com>
Date: Sun, 14 Sep 2025 19:45:06 -0300
Subject: [PATCH 2/2] feat: add slcomp logo and github link to header

- add slcomp logo to the left of the title
- add github link to the right of the filters
- update styling for better visual appeal
---
 dashboard/src/App.tsx | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/dashboard/src/App.tsx b/dashboard/src/App.tsx
index 8da1eb1..7ce2889 100644
--- a/dashboard/src/App.tsx
+++ b/dashboard/src/App.tsx
@@ -229,7 +229,11 @@ const App: React.FC = () => {
     <Box sx={{ flexGrow: 1 }}>
       <AppBar position="static" color="transparent" elevation={0}>
         <Toolbar>
-          <Typography variant="h6" sx={{ fontWeight: 600, letterSpacing: 0.5 }}>The LaStBeRu Explorer</Typography>
+          {/* Logo SLComp à esquerda */}
+          <Box sx={{ display:'flex', alignItems:'center', mr:1 }}>
+            <img src="https://raw.githubusercontent.com/CosmoObs/slcomp/refs/heads/main/.figures/slcomp.png" alt="SLComp Logo" style={{ height:32, width:80, marginRight:8, borderRadius:1, background:'#000000ff' }} />
+            <Typography variant="h6" sx={{ fontWeight: 600, letterSpacing: 0.5 }}>The LaStBeRu Explorer</Typography>
+          </Box>
           <Box flexGrow={1} />
           <Tooltip title="Filters">
             <IconButton color="primary" onClick={handleDrawerToggle} size="small"><FilterAltIcon /></IconButton>
@@ -239,6 +243,22 @@ const App: React.FC = () => {
               <IconButton color="inherit" onClick={resetFilters} size="small" disabled={filters === initialFilters}><ClearAllIcon /></IconButton>
             </span>
           </Tooltip>
+          {/* Botão GitHub à direita */}
+          <Box sx={{ ml:2 }}>
+            <Tooltip title="slcomp Repository">
+              <IconButton
+                color="inherit"
+                component="a"
+                href="https://github.com/CosmoObs/slcomp"
+                target="_blank"
+                rel="noopener noreferrer"
+                size="small"
+                sx={{ p:0.0 }}
+              >
+                <img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" alt="GitHub" style={{ height:28, width:28, borderRadius:'50%' }} />
+              </IconButton>
+            </Tooltip>
+          </Box>
         </Toolbar>
       </AppBar>
       <Container maxWidth="xl" sx={{ py: 3 }}>