HealthTrackAI/index.html at main · Walid-Khalfa/HealthTrackAI · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- SECURITY: CSP Relaxed for Development/Preview Environment -->
    <meta http-equiv="Content-Security-Policy" content="
      upgrade-insecure-requests;
      default-src 'self' https: data: blob:;
      script-src 'self' 'unsafe-inline' 'unsafe-eval' https: blob: data:;
      worker-src 'self' blob: data:;
      style-src 'self' 'unsafe-inline' https:;
      font-src 'self' https: data:;
      img-src 'self' blob: data: https:;
      connect-src 'self' https: wss: blob: data:;
      media-src 'self' blob: data: https:;
    ">

    <title>HealthTrackAI</title>
    <!-- NOTE: cdn.tailwindcss.com is used for runtime styling in this no-build environment.
         In a strict production CI/CD pipeline, CSS should be compiled at build time. -->
    <script src="https://cdn.tailwindcss.com"></script>

    <script>
      tailwind.config = {
        darkMode: 'class',
        theme: {
          extend: {
            colors: {
              medical: {
                50: '#f0f9ff',
                100: '#e0f2fe',
                200: '#bae6fd',
                300: '#7dd3fc',
                400: '#38bdf8',
                500: '#0ea5e9',
                600: '#0284c7',
                700: '#0369a1',
                800: '#075985',
                900: '#0c4a6e',
              },
              success: {
                50: '#ecfdf5',
                100: '#d1fae5',
                200: '#a7f3d0',
                300: '#6ee7b7',
                400: '#34d399',
                500: '#10b981',
                600: '#059669',
                700: '#047857',
                800: '#065f46',
                900: '#064e3b',
              }
            }
          }
        }
      }
    </script>
  <!-- SECURITY: Exact Version Pinning (No carets ^ or tildes ~) to ensure stability and integrity -->
  <script type="importmap">
{
  "imports": {
    "react-dom/": "https://aistudiocdn.com/react-dom@19.2.1/",
    "@google/genai": "https://aistudiocdn.com/@google/genai@1.31.0",
    "react/": "https://aistudiocdn.com/react@19.2.1/",
    "react": "https://aistudiocdn.com/react@19.2.1",
    "@supabase/supabase-js": "https://esm.sh/@supabase/supabase-js@2.45.4",
    "recharts": "https://esm.sh/recharts@2.13.0?external=react,react-dom"
  }
}
</script>
</head>
  <body class="bg-gray-50 dark:bg-slate-900 transition-colors duration-200">
    <div id="root"></div>
    <script type="module" src="/src/frontend/main.tsx"></script>
  </body>
</html>