diff --git a/.env b/.env
index 96449f3..0c07879 100644
--- a/.env
+++ b/.env
@@ -17,13 +17,13 @@
 ###> symfony/framework-bundle ###
 APP_ENV=dev
 APP_SECRET=83df005f029c92c8e01026218f588371
-APP_URL=http://localhost:8000
+APP_URL=https://mycrm.test
 ###< symfony/framework-bundle ###
 
 ###> symfony/routing ###
 # Configure how to generate URLs in non-HTTP contexts, such as CLI commands.
 # See https://symfony.com/doc/current/routing.html#generating-urls-in-commands
-DEFAULT_URI=http://localhost
+DEFAULT_URI=https://mycrm.test
 ###< symfony/routing ###
 
 ###> doctrine/doctrine-bundle ###
@@ -58,8 +58,8 @@ CORS_ALLOW_ORIGIN='^https?://(localhost|127\.0\.0\.1)(:[0-9]+)?$'
 ###> knpuniversity/oauth2-client-bundle ###
 # Pocket-ID OIDC Configuration
 # Get your credentials from your Pocket-ID instance
-OAUTH_POCKET_ID_URL=https://your-pocket-id-instance.com
-OAUTH_POCKET_ID_CLIENT_ID=your-client-id
-OAUTH_POCKET_ID_CLIENT_SECRET=your-client-secret
-OAUTH_POCKET_ID_REDIRECT_URI=http://localhost:8000/connect/pocketid/check
+OAUTH_POCKET_ID_URL=https://id.osdata-home.de
+OAUTH_POCKET_ID_CLIENT_ID=2e698201-8a79-4598-9b7d-81b57289c340
+OAUTH_POCKET_ID_CLIENT_SECRET=
+OAUTH_POCKET_ID_REDIRECT_URI=https://mycrm.test/dashboard
 ###< knpuniversity/oauth2-client-bundle ###
diff --git a/assets/app.js b/assets/app.js
index 5073754..da9fa7b 100644
--- a/assets/app.js
+++ b/assets/app.js
@@ -23,6 +23,9 @@ import router from './js/router';
 import App from './js/App.vue';
 import { useAuthStore } from './js/stores/auth';
 
+// Global Components
+import DocumentUpload from './js/components/DocumentUpload.vue';
+
 // PrimeVue Components (lazy import as needed in components)
 import 'primeicons/primeicons.css';
 
@@ -169,6 +172,9 @@ app.directive('tooltip', Tooltip);
 app.directive('styleclass', StyleClass);
 app.component('Toast', Toast);
 
+// Register global components
+app.component('DocumentUpload', DocumentUpload);
+
 app.mount('#app');
 
 // Apply saved theme colors after mount
diff --git a/assets/images/logo.svg b/assets/images/logo.svg
new file mode 100644
index 0000000..311c435
--- /dev/null
+++ b/assets/images/logo.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 60" width="200" height="60">
+  <rect width="200" height="60" fill="#1976d2"/>
+  <text x="100" y="35" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="white" text-anchor="middle">myCRM</text>
+</svg>
diff --git a/assets/images/osdata.svg b/assets/images/osdata.svg
new file mode 100644
index 0000000..e8516ec
--- /dev/null
+++ b/assets/images/osdata.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 3520 657" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M854.187,585.078l138.407,0l-0,-15.765l6.156,0l-0,-24.609l16.531,-4.616l2.969,-0l-0,-6.722l7.062,-0l0,-70.938l14.125,-1.731l0,-9.375l15.875,-3.456l117.219,0l0,8.791l12.25,-0l0,87.806l9.656,-0l0,-5.763l16.157,0l-0,4.466l69.187,-0l-0,-6.631l28.125,-0l-0,8.072l17.719,-0l13,15.431l-0,21.188l9.219,-0l13.843,-358.326l-34.031,-63.822c0,0 7.688,-6.15 22.094,-6.15l-0,-6.727c-0,-0 -15.938,-1.829 -15.938,-5.482c0,-3.653 8.25,-4.997 8.25,-4.997l1.657,-11.825c-0,-0 -3.376,-0.669 -3.376,-3.359c0,-2.697 26.626,-4.429 26.626,-4.429l1.343,-54.402l4.625,-8.745l0,-52.962l2.407,0l-0,53.635l4.5,7.881l-0,54.887c-0,0 28.656,1.057 27.687,6.729c-0.969,5.668 -20.469,5.378 -20.469,5.378l0,6.156c0,-0 28.344,0.287 27.001,7.784c-0,-0 1.843,4.131 -16.813,4.613l-0,6.634c-0,0 18.468,0.382 22.5,8.166l-35.563,61.659l9.219,357.134l10.969,0l0,-6.731l15.375,0l3.625,-3.653l5.312,5.291l8.75,0c0,0 2.531,-11.06 13.938,-11.06l26.937,0c0,0 7.782,2.025 9.532,9.088l29.75,-0l-0,-9.278l5,-4.994l22.375,0l-0,-22.878l23.75,0l-0,-20.381l12.219,-0l-0,-8.453l33.437,-0l-0,55.362l6.437,0l0,-11.532l23.157,0l-0,-22.112l33.281,0l-0,8.075l17.281,0l0,25.279l25.782,-0l3.343,3.362l0,4.137l3.75,0l0,-5.287l5.688,0l-0,2.978l1.719,-0l-0,2.5l5.187,-0l-0,1.25l14.125,-0l-0,5.375l15.969,0l-0,-38.919l13.656,0l-0,-2.015l1.719,-0l-0,-8.751l23.437,0l0,3.267l4.156,-0l0,2.502l3.563,0l-0,20.469l-3.281,-0l-0,1.444l15.75,0l-0,-26.531l8.375,-0l-0,-3.557l30,0l-0,3.463l3.843,0l0,46.906l114.469,0l0,-40.853l4.219,0l-0,-12.012l37.5,-0l-0,49.599l24.968,0l0,2.879l61.626,-0l-0,-59.591c-0,-0 2.218,-8.844 8.843,-8.844c6.625,-0 10.469,3.944 10.469,3.944l3.938,0l-0,-3.075l6.562,-0l0,14.506l3.344,0l-0,49.31l9.906,-0l-0,-72.376l17.688,0l-0,-297.774l8.25,-0l-0,16.344l12.906,-0l-0,351.215l31.906,0l0,-65.456l7.781,-6.057l29.407,0l-0,74.104l120.625,-0l-0,-30.082l1.937,30.756l25.375,0l4.625,-4.612l19.219,0l5.187,5.191l33.063,-0l-0,-8.266l7.688,0l-0,-7.69l17.687,-0l10.187,10.19l49.407,0l-0,3.459l44.594,0l-0,-10.762l25,0l-0,-2.697l2.687,0l-0,-3.456l3.75,0c-0,0 -1.938,-14.806 5.844,-17.209l-0,-3.938l1.937,0l0,-4.04l0.844,4.04l1.843,0l0,4.71c0,-0 6.844,3.071 6.844,16.53l3.344,-19.609l1.844,21.722l0,5.769l15.844,0l-0,-2.406l7.781,-0l-0,2.787l17.406,-0l0,72.191l-1845.47,-0l0,-48.635Z" style="fill-rule:nonzero;"/><rect x="2176" y="611.219" width="27.094" height="44.981" style="fill-rule:nonzero;"/><rect x="2379.59" y="614.681" width="10.938" height="41.519" style="fill-rule:nonzero;"/><rect x="2582.56" y="618.716" width="13.281" height="37.485" style="fill-rule:nonzero;"/><rect x="1003.53" y="591.61" width="62.875" height="64.59" style="fill-rule:nonzero;"/><path d="M2699.66,595.072l-922.75,2.307l-922.719,1.155l922.719,-2.312l922.75,-1.15Z" style="fill:#fff;fill-rule:nonzero;"/><path d="M2183.75,218.932c-144.125,57.609 -288.406,114.9 -432.875,171.724c-72.219,28.394 -144.5,56.681 -216.906,84.622c-36.219,13.969 -72.438,27.863 -108.782,41.532c-18.156,6.831 -36.312,13.606 -54.562,20.24c-9.125,3.316 -18.25,6.597 -27.406,9.788c-9.156,3.168 -18.344,6.356 -27.657,9.015c9.313,-2.7 18.469,-5.916 27.625,-9.115c9.157,-3.225 18.25,-6.544 27.375,-9.888c18.188,-6.703 36.344,-13.55 54.501,-20.447c36.249,-13.803 72.437,-27.834 108.593,-41.928c72.312,-28.222 144.469,-56.759 216.594,-85.425c144.25,-57.359 288.281,-115.184 432.219,-173.328l1.281,3.21Z" style="fill-rule:nonzero;"/><path d="M1315.47,578.76l215.687,-84.284c71.906,-28.129 143.75,-56.347 215.531,-84.688l215.219,-85.431c35.906,-14.153 71.75,-28.463 107.563,-42.835c17.906,-7.184 35.781,-14.421 53.625,-21.806c8.906,-3.663 17.843,-7.359 26.687,-11.166c4.438,-1.903 8.844,-3.828 13.25,-5.822c2.188,-0.997 4.375,-2.015 6.532,-3.075c2.156,-1.072 4.343,-2.122 6.343,-3.437l0.188,0.281c-2,1.384 -4.156,2.482 -6.313,3.6c-2.125,1.109 -4.312,2.175 -6.468,3.219c-4.376,2.093 -8.751,4.115 -13.126,6.113c-8.812,4 -17.625,7.887 -26.468,11.747c-17.719,7.65 -35.532,15.134 -53.344,22.577c-35.625,14.847 -71.406,29.331 -107.188,43.816c-71.593,28.837 -143.562,56.782 -215.499,84.797c-71.907,28.025 -143.876,55.916 -215.907,83.722l-216.187,82.997l-0.125,-0.325Z" style="fill-rule:nonzero;"/><path d="M2183.75,306.019c-121.094,47.906 -242.281,95.566 -363.625,142.906c-60.657,23.656 -121.344,47.225 -182.125,70.591c-30.406,11.678 -60.813,23.3 -91.25,34.803c-30.469,11.481 -60.969,22.931 -91.656,33.834c30.656,-11.037 61.062,-22.622 91.499,-34.234c30.407,-11.647 60.751,-23.4 91.094,-35.212c60.657,-23.629 121.25,-47.469 181.813,-71.394c121.125,-47.872 242.094,-96.072 362.969,-144.513l1.281,3.219Z" style="fill-rule:nonzero;"/><path d="M2183.75,325.622c-114.156,45.212 -228.438,90.088 -342.938,134.488c-57.25,22.181 -114.531,44.24 -171.969,65.965c-28.718,10.854 -57.437,21.629 -86.281,32.188c-14.406,5.268 -28.843,10.493 -43.312,15.571c-7.25,2.548 -14.5,5.051 -21.781,7.479c-7.281,2.412 -14.594,4.803 -22,6.84c7.406,-2.074 14.687,-4.497 21.968,-6.95c7.251,-2.456 14.5,-4.994 21.719,-7.569c14.469,-5.15 28.875,-10.437 43.25,-15.78c28.781,-10.691 57.469,-21.598 86.125,-32.585c57.344,-21.997 114.531,-44.328 171.656,-66.772c114.25,-44.928 228.344,-90.341 342.282,-136.087l1.281,3.212Z" style="fill-rule:nonzero;"/><path d="M2183.75,397.128c-40.25,16.144 -80.594,32.116 -120.969,47.975c-40.375,15.86 -80.812,31.588 -121.312,47.119c-40.5,15.522 -81.063,30.872 -121.813,45.766c-20.375,7.434 -40.781,14.765 -61.312,21.8c-10.25,3.515 -20.532,6.962 -30.876,10.241c-10.343,3.243 -20.718,6.453 -31.281,8.896c10.532,-2.512 20.875,-5.79 31.219,-9.103c10.313,-3.347 20.563,-6.856 30.781,-10.441c20.469,-7.181 40.844,-14.637 61.157,-22.209c40.656,-15.153 81.125,-30.778 121.5,-46.565c40.406,-15.798 80.719,-31.797 120.999,-47.916c40.251,-16.125 80.469,-32.369 120.626,-48.762l1.281,3.199Z" style="fill-rule:nonzero;"/><path d="M2190.16,409.254l-238.687,90.078l-119.438,44.78l-59.781,22.232c-19.938,7.353 -39.875,14.763 -59.938,21.809c20.032,-7.181 39.907,-14.731 59.813,-22.215l59.594,-22.634l119.156,-45.582l238.062,-91.694l1.219,3.226Z" style="fill-rule:nonzero;"/><path d="M2183.69,492.903l-133.5,45.628l-66.687,23.05l-33.281,11.663c-11.094,3.931 -22.188,7.834 -33.157,12.025c10.938,-4.325 21.969,-8.362 33.001,-12.431l33.156,-12.075l66.375,-23.866l132.937,-47.268l1.156,3.274Z" style="fill-rule:nonzero;"/><path d="M2183.75,496.332c-48.75,19.099 -97.438,38.35 -146.031,57.808c-24.282,9.739 -48.563,19.526 -72.782,29.464c-12.124,4.965 -24.219,9.974 -36.25,15.075c-6.031,2.549 -12.062,5.121 -18.031,7.756c-6,2.64 -12,5.284 -17.812,8.246c5.812,-3.028 11.75,-5.734 17.719,-8.446c5.968,-2.694 11.937,-5.335 17.937,-7.957c12,-5.228 24.062,-10.368 36.094,-15.475c24.125,-10.202 48.281,-20.262 72.468,-30.262c48.407,-20.003 96.875,-39.788 145.407,-59.422l1.281,3.213Z" style="fill-rule:nonzero;"/><path d="M2190.31,489.703c16.375,8.06 32.843,16.004 49.343,23.863c16.531,7.853 33.063,15.61 49.688,23.224c16.624,7.616 33.281,15.098 50.093,22.282c8.407,3.597 16.844,7.112 25.344,10.478c8.5,3.35 17.031,6.607 25.75,9.375c-8.75,-2.634 -17.344,-5.753 -25.906,-8.972c-8.563,-3.234 -17.063,-6.615 -25.531,-10.081c-16.907,-6.925 -33.719,-14.15 -50.469,-21.5c-16.75,-7.362 -33.406,-14.859 -50.063,-22.453c-16.624,-7.603 -33.218,-15.281 -49.75,-23.097l1.501,-3.119Z" style="fill-rule:nonzero;"/><path d="M2183.81,390.331c71.844,32.125 143.75,64.1 215.75,95.841c36.001,15.863 72.031,31.672 108.125,47.322c18.063,7.818 36.126,15.6 54.219,23.278c9.063,3.837 18.125,7.65 27.219,11.4c9.125,3.713 18.187,7.488 27.469,10.753c-9.313,-3.196 -18.407,-6.909 -27.563,-10.556c-9.094,-3.682 -18.187,-7.425 -27.281,-11.194c-18.156,-7.553 -36.312,-15.197 -54.406,-22.887c-36.219,-15.388 -72.375,-30.932 -108.469,-46.532c-72.25,-31.215 -144.406,-62.659 -216.469,-94.259l1.406,-3.166Z" style="fill-rule:nonzero;"/><path d="M2192.88,403.181c63.156,28.966 126.313,58.01 189.406,87.163l94.563,43.881l47.218,22.116c15.688,7.428 31.438,14.821 46.969,22.584c-15.594,-7.634 -31.375,-14.891 -47.156,-22.191l-47.375,-21.724l-94.938,-43.091c-63.343,-28.635 -126.718,-57.15 -190.124,-85.584l1.437,-3.154Z" style="fill-rule:nonzero;"/><path d="M2190.28,315.288c53.094,24.69 106.312,49.178 159.563,73.518c53.281,24.332 106.625,48.497 160.093,72.397c53.5,23.888 107.063,47.541 160.907,70.572c26.937,11.504 53.906,22.853 81.093,33.794c13.563,5.465 27.188,10.822 40.907,15.934c6.875,2.547 13.75,5.029 20.687,7.366c6.938,2.315 13.937,4.575 21.063,6.203c-7.157,-1.597 -14.125,-3.825 -21.094,-6.103c-6.938,-2.303 -13.844,-4.753 -20.719,-7.266c-13.75,-5.038 -27.406,-10.337 -41,-15.731c-27.219,-10.812 -54.281,-22.034 -81.281,-33.403c-53.969,-22.769 -107.656,-46.165 -161.25,-69.787c-53.594,-23.641 -107.063,-47.542 -160.469,-71.613c-53.406,-24.072 -106.719,-48.306 -159.969,-72.741l1.469,-3.14Z" style="fill-rule:nonzero;"/><path d="M2190.28,309.763c60.813,28.075 121.844,55.781 182.969,83.231c61.125,27.447 122.375,54.597 183.844,81.293c61.468,26.676 123.125,52.96 185.218,78.125c31.06,12.563 62.219,24.866 93.653,36.413c15.754,5.766 31.535,11.344 47.504,16.435c7.968,2.534 16,4.947 24.125,7.062c4.031,1.05 8.124,2.025 12.218,2.844c4.094,0.794 8.25,1.484 12.438,1.625c-4.188,-0.122 -8.344,-0.8 -12.438,-1.575c-4.125,-0.794 -8.187,-1.759 -12.249,-2.788c-8.126,-2.084 -16.157,-4.465 -24.157,-6.968c-15.969,-5.016 -31.816,-10.532 -47.566,-16.225c-31.496,-11.422 -62.746,-23.588 -93.84,-36.016c-62.219,-24.912 -124,-50.928 -185.594,-77.341c-61.594,-26.437 -122.969,-53.328 -184.219,-80.506c-61.249,-27.193 -122.375,-54.647 -183.375,-82.468l1.469,-3.141Z" style="fill-rule:nonzero;"/><path d="M2183.81,229.778c146.907,64.756 293.969,129.216 441.188,193.238c73.625,32.009 147.313,63.9 221.09,95.512c36.91,15.804 73.816,31.532 110.817,47.1c18.499,7.772 37.03,15.513 55.593,23.151c18.563,7.634 37.125,15.218 55.875,22.44c-18.75,-7.153 -37.375,-14.672 -55.969,-22.237c-18.594,-7.576 -37.125,-15.248 -55.656,-22.963c-37.063,-15.425 -74.032,-31.025 -111,-46.694c-73.91,-31.353 -147.687,-62.975 -221.438,-94.719c-147.468,-63.503 -294.75,-127.431 -441.906,-191.662l1.406,-3.166Z" style="fill-rule:nonzero;"/><path d="M2190.25,219.016c81.781,36.524 163.625,72.915 245.531,109.212c81.875,36.291 163.813,72.475 245.813,108.482c82.031,36.006 164.125,71.862 246.375,107.302c41.125,17.707 82.312,35.316 123.624,52.641c20.626,8.656 41.313,17.238 62.095,25.626c10.375,4.184 20.78,8.328 31.25,12.318c5.218,2 10.468,3.957 15.75,5.819c2.624,0.935 5.281,1.834 7.937,2.672c1.344,0.425 2.687,0.825 4.031,1.181c1.344,0.344 2.719,0.706 4.125,0.784c-1.406,-0.069 -2.781,-0.428 -4.125,-0.768c-1.344,-0.36 -2.687,-0.753 -4.031,-1.166c-2.656,-0.832 -5.313,-1.728 -7.969,-2.653c-5.281,-1.844 -10.531,-3.791 -15.781,-5.766c-10.469,-3.969 -20.875,-8.072 -31.281,-12.225c-20.781,-8.319 -41.5,-16.834 -62.188,-25.425c-41.344,-17.19 -82.594,-34.668 -123.781,-52.246c-82.378,-35.173 -164.562,-70.766 -246.719,-106.504c-82.125,-35.749 -164.187,-71.672 -246.187,-107.697c-82,-36.037 -163.969,-72.159 -245.875,-108.428l1.406,-3.159Z" style="fill-rule:nonzero;"/><path d="M3193.75,627.222l-0,28.978l-76.625,-0.556l-76.594,0.556l-0,-28.978l2.282,0l-0,3.315l2.25,0l-0,-2.934l2.437,0l0,2.779l1,-0l-0,-7.094l7.812,-0l0,4.006l1.531,0l0,2.625l0.938,-0l0,-17.269l1.063,0l-1.063,-4.55c0,0 -0.25,-2.928 18.25,-5.312c0,-0 12.281,-18.269 39.782,-23.432l0.312,-3.909l0.312,3.909c27.501,5.163 39.782,23.432 39.782,23.432c18.499,2.384 18.281,5.312 18.281,5.312l-1.063,4.55l1.063,0l0,17.269l0.938,-0l-0,-2.625l1.531,0l-0,-4.006l7.781,-0l0,7.094l1,-0l-0,-2.779l2.469,0l-0,2.934l2.249,0l0,-3.315l2.282,0Z" style="fill-rule:nonzero;"/><path d="M910.687,611.25l0,22.463l-360.812,-0l-0,-22.463l44.187,0l0,-2.418l2.969,-0l0,-11.75l1.469,-0l0,-20.288l-1.063,-0l0,-3.385l2.032,0l-0,-5.952l0.969,-0l-0,-34.538l-5.094,-4.994l8.875,0l-0,-4.587l-5.157,-2.253l0,-0.647l4.75,-0c0,-0 19.563,-27.935 64.157,-32.041l124.625,0c44.594,4.106 64.156,32.041 64.156,32.041l4.75,-0l-0,0.647l-5.157,2.253l0,4.587l8.876,0l-5.063,4.994l0,34.538l0.938,-0l-0,5.952l2.031,0l-0,3.385l-1.063,-0l0,20.288l1.469,-0l0,11.75l2.969,-0l-0,2.418l44.187,0Z" style="fill-rule:nonzero;"/><path d="M2699.66,565.722l15.997,16.003l-0,27.384l151.628,0l-0,19.991l95.344,0l-0,-19.991l16.469,-16.449l18.906,-0l-0,26.215l35.375,0l0,10.225l12.312,0l44.594,-44.597l31.125,31.147l0,40.55l-525.562,0l-0,-29.403l103.812,-61.075Z" style="fill-rule:nonzero;"/><path d="M3517.97,652.95l1.188,-179.106l-8.031,-4.206l-0,-2.576c-0,0 -35.188,-22.652 -57.282,-28.481l0,2.466l-15.812,-5.6c0,-0 -1.219,13.894 -10.312,14.119l-0,206.634l90.374,0l-0.125,-3.25Z" style="fill-rule:nonzero;"/><path d="M552.687,656.2l0,-54.49l-1.062,-0l0,-21.978l-1.813,-0l0,-16.332l3.282,-3.29l-23.594,-16.554l-0,-10.687l-1.687,10.528l-23.657,16.185l2.907,2.9l-0,16.487l-3.969,3.966l-0,38.318l-1.688,-1.687l0,-6.716l-4.125,0l-11.219,-11.219l-9.687,0l-0,-10.456l-6.406,0l-0,4.887l-4.656,-4.653l-42.969,0l-7.75,7.741l-17.438,-9.196l-26.406,20.761l-6.719,-14.043l-12.812,0l-3.375,3.356l-102.407,0l-3.968,-13.428l-6.25,11.138l-10.688,-20.45l0,-8.55l-1.843,8.703l-3.969,8.091l-0,-46.407l2.156,0l-0,-10.225l-2.906,-21.675l-4.75,20.303l-5.469,-61.665l-0,-28.391l-2.75,3.966l-3.219,-24.878l0,-19.082l-1.219,19.691l-2.593,26.253l-2.907,-5.338l0,27.016l-13.593,58.762l-2.875,-14.65l-3.969,23.657l0,6.256l2.75,0l0,45.184l-10.844,0.307l-5.5,-12.366l-4.125,7.328l-42.75,5.954l-16.312,27.934l-8.719,-9.772l-2.125,3.665l-8.844,-9.312l-3.844,2.9l-10.968,-14.503l-0,-7.931l-5.813,-8.4l-4.562,3.965l-9.938,0c0,0 0.469,-13.315 -4.562,-13.315l-0.688,-14.422l-2.062,14.653c-0,-0 -5.625,0.915 -5.625,11.559l-0,10.076l-8.688,-0l-21.406,23.584l-0,48.616l552.687,1.371Z" style="fill-rule:nonzero;"/><rect x="3148.34" y="645.491" width="282.344" height="10.709" style="fill-rule:nonzero;"/><rect x="3205.31" y="643.338" width="206.906" height="12.728" style="fill-rule:nonzero;"/><rect x="3204.41" y="643.247" width="1.781" height="12.819" style="fill-rule:nonzero;"/><path d="M3204.53,655.941l1.532,0l-0,-12.563l-1.532,0l0,12.563Zm1.812,0.259l-2.062,0l0,-13.081l2.062,0l0,13.081Z" style="fill:#fff;fill-rule:nonzero;"/><rect x="3217.88" y="643.247" width="1.781" height="12.819" style="fill-rule:nonzero;"/><path d="M3218,655.941l1.531,0l-0,-12.563l-1.531,0l-0,12.563Zm1.781,0.259l-2.062,0l-0,-13.081l2.062,0l0,13.081Z" style="fill:#fff;fill-rule:nonzero;"/><rect x="3234.12" y="643.247" width="1.781" height="12.819" style="fill-rule:nonzero;"/><path d="M3234.25,655.941l1.531,0l0,-12.563l-1.531,0l0,12.563Zm1.781,0.259l-2.062,0l-0,-13.081l2.062,0l-0,13.081Z" style="fill:#fff;fill-rule:nonzero;"/><rect x="3249.25" y="642.207" width="37.719" height="13.86" style="fill-rule:nonzero;"/><path d="M3249.38,655.941l37.468,0l0,-13.606l-37.468,-0l-0,13.606Zm37.719,0.259l-37.969,0l-0,-14.131l37.969,0l-0,14.131Z" style="fill:#fff;fill-rule:nonzero;"/><rect x="3288.84" y="643.338" width="0.906" height="12.728" style="fill-rule:nonzero;"/><path d="M3288.97,655.941l0.657,0l0,-12.479l-0.657,0l0,12.479Zm0.907,0.259l-1.156,0l-0,-12.997l1.156,-0l-0,12.997Z" style="fill:#fff;fill-rule:nonzero;"/><rect x="3300.62" y="643.338" width="0.937" height="12.728" style="fill-rule:nonzero;"/><path d="M3300.75,655.941l0.656,0l0,-12.479l-0.656,0l-0,12.479Zm0.937,0.259l-1.187,0l0,-12.997l1.187,-0l0,12.997Z" style="fill:#fff;fill-rule:nonzero;"/><rect x="3315.78" y="643.338" width="0.906" height="12.728" style="fill-rule:nonzero;"/><path d="M3315.91,655.941l0.656,0l0,-12.479l-0.656,0l0,12.479Zm0.907,0.259l-1.157,0l-0,-12.997l1.157,-0l-0,12.997Z" style="fill:#fff;fill-rule:nonzero;"/><rect x="3330.22" y="643.338" width="0.906" height="12.728" style="fill-rule:nonzero;"/><path d="M3330.38,655.941l0.625,0l0,-12.479l-0.625,0l-0,12.479Zm0.906,0.259l-1.187,0l-0,-12.997l1.187,-0l-0,12.997Z" style="fill:#fff;fill-rule:nonzero;"/><rect x="3344.81" y="643.338" width="0.906" height="12.728" style="fill-rule:nonzero;"/><path d="M3344.94,655.941l0.656,0l-0,-12.479l-0.656,0l-0,12.479Zm0.906,0.259l-1.157,0l0,-12.997l1.157,-0l-0,12.997Z" style="fill:#fff;fill-rule:nonzero;"/><rect x="3364.12" y="643.338" width="0.906" height="12.728" style="fill-rule:nonzero;"/><path d="M3364.25,655.941l0.656,0l-0,-12.479l-0.656,0l-0,12.479Zm0.906,0.259l-1.156,0l-0,-12.997l1.156,-0l0,12.997Z" style="fill:#fff;fill-rule:nonzero;"/><rect x="3363.5" y="642.854" width="2.812" height="13.213" style="fill-rule:nonzero;"/><path d="M3363.66,655.941l2.532,0l-0,-12.953l-2.532,-0l0,12.953Zm2.781,0.259l-3.062,0l-0,-13.472l3.062,0l0,13.472Z" style="fill:#fff;fill-rule:nonzero;"/><rect x="3382.09" y="643.407" width="2.312" height="12.659" style="fill-rule:nonzero;"/><path d="M3382.22,655.941l2.062,0l-0,-12.397l-2.062,0l-0,12.397Zm2.312,0.259l-2.563,0l0,-12.921l2.563,-0l0,12.921Z" style="fill:#fff;fill-rule:nonzero;"/><rect x="3399.38" y="644.932" width="2" height="11.134" style="fill-rule:nonzero;"/><path d="M3399.5,655.941l1.75,0l0,-10.881l-1.75,-0l-0,10.881Zm2,0.259l-2.25,0l-0,-11.396l2.25,-0l-0,11.396Z" style="fill:#fff;fill-rule:nonzero;"/><rect x="3411" y="642.578" width="2.438" height="13.488" style="fill-rule:nonzero;"/><path d="M3411.12,655.941l2.187,0l0,-13.225l-2.187,0l-0,13.225Zm2.437,0.259l-2.687,0l-0,-13.747l2.687,0l0,13.747Z" style="fill:#fff;fill-rule:nonzero;"/><path d="M3203.59,645.491l-0,-13.178l5.656,-0l0,-5.047l-4,-0l0,-18.625c0,0 12.625,-1.828 22.437,-2.354c9.844,-0.521 9.156,-2.259 9.156,-2.259l0,-18.975c0,0 2.438,-4.091 14.782,-4.091c12.375,0 54.844,-1.74 57.031,6.788l-0,17.319c-0,-0 20.875,2.172 28.719,-0.172c7.813,-2.346 9.562,-4.178 11.75,-5.481c2.156,-1.304 13.813,-6.353 21.656,-6.185c7.844,0.176 35.5,-1.562 43.25,2.526l-0,49.734l-210.437,0Z" style="fill-rule:nonzero;"/><path d="M3017.66,654.556l-362.437,0c-0,0 -0.657,-54.75 4.656,-67.893c-0,0 9.531,-1.938 12.687,-1.353c3.157,0.581 10.875,2.127 12.594,3.994l-0.75,-42.51c0,0 6.5,-2.45 14.813,-2.388l-1.407,-10.628c0,0 19.688,-6.315 41.344,0.707c-0,-0 6.375,26.993 7.469,35.362c0,0 22.375,-4.781 26.187,-0.494l5.31,72.494l-0,-22.934l3.785,-0l-0,2.062l3.781,0l-0,-29.29l19.84,-0l-0,-4.982l23.437,0l0,-2.231l8.254,-0l1.562,-1.55l15.966,0l-0,-1.541l4.378,-1.375l26.031,4.123l-0,-49.991l19.219,-5.838l9.125,0l-0,-4.981l22.063,-3.515l28.156,3.515l-0,36.762l6.875,0l26.031,4.716l0,14l11.688,0l-0,14.097l9.343,-1.035l0,62.697Z" style="fill-rule:nonzero;"/><path d="M2978.38,648.041l-15.281,-51.4l0.031,-0.003l42.437,-3.438l0,0.066l-42.375,3.434l15.25,51.319l-0.062,0.022Z" style="fill:#fff;fill-rule:nonzero;"/><path d="M2915.59,645.972l-0.062,0l-0,-72.01l8.094,-4.805l19.906,-5.163l13.437,0.009l8.594,3.95l-0.031,0.06l-8.594,-3.951l-13.374,0l-19.938,5.15l-8.032,4.801l0,71.959Z" style="fill:#fff;fill-rule:nonzero;"/><path d="M2925.16,649.144l0,-0.066c0.031,0 0.031,-0.009 0.031,-0.019c1.251,-1.284 -0.031,-45.752 -0.062,-46.209l-0,-0.031l35.469,0l-0,44.35l-0.063,-0l0,-44.287l-35.344,-0c0.094,2.272 1.313,44.918 0.063,46.222c-0.031,0.028 -0.063,0.04 -0.094,0.04Z" style="fill:#fff;fill-rule:nonzero;"/><path d="M2852.88,649.11l-0.062,-0l1.902,-32.882l0,-0.006l30.098,-12.371l-0,0.003l26.656,10.665l-0,0.013l1.718,34.578l-0.093,-0l-1.688,-34.55l-26.593,-10.638l-30.032,12.356l-1.906,32.832Z" style="fill:#fff;fill-rule:nonzero;"/><path d="M2933.62,563.172l-0.063,0l0,-29.006l-18.031,-4.628l0.031,-0.063l18.063,4.644l-0,29.053Z" style="fill:#fff;fill-rule:nonzero;"/><rect x="2906.41" y="532.082" width="0.063" height="76.443" style="fill:#fff;fill-rule:nonzero;"/><path d="M2702.62,615.788c-0.656,-46.869 -3.531,-69.741 -3.563,-69.96l0.063,-0.012c0.031,0.222 2.906,23.1 3.562,69.968l-0.062,0.004Z" style="fill:#fff;fill-rule:nonzero;"/><path d="M2734.16,600.826l-30.593,-5.501l0.031,-0.062l30.562,5.494l0,0.069Z" style="fill:#fff;fill-rule:nonzero;"/><path d="M2735.38,613.329l-0.063,-0l0,-40.566l0.032,0l10.312,-2.406l0,0.062l-10.281,2.397l-0,40.513Z" style="fill:#fff;fill-rule:nonzero;"/><path d="M2702.69,651.125l-2.594,-32.322l0.032,-0.006l36.094,-4.122l9.468,2.069l0,14.762l13.407,1.035l-0,0.031l-0.875,15.119l-0.063,-0.007l0.875,-15.087l-13.406,-1.025l-0,-14.781l-9.406,-2.05l-36.063,4.112l2.594,32.266l-0.063,0.006Z" style="fill:#fff;fill-rule:nonzero;"/><path d="M2715.94,621.951l-13.124,-1.898l-0,-0.062l13.124,1.897l28,-4.466l0,0.065l-28,4.464Z" style="fill:#fff;fill-rule:nonzero;"/><rect x="2715.91" y="621.919" width="0.063" height="29.2" style="fill:#fff;fill-rule:nonzero;"/><rect x="524.688" y="633.713" width="377.156" height="22.488" style="fill-rule:nonzero;"/></svg>
\ No newline at end of file
diff --git a/assets/images/osdata_clear.svg b/assets/images/osdata_clear.svg
new file mode 100644
index 0000000..aae9d19
--- /dev/null
+++ b/assets/images/osdata_clear.svg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 3520 657" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <path d="M854.186,585.078L992.594,585.078L992.594,569.313L998.75,569.313L998.75,544.704L1015.28,540.088L1018.25,540.088L1018.25,533.366L1025.31,533.366L1025.31,462.428L1039.44,460.697L1039.44,451.322L1055.31,447.866L1172.53,447.866L1172.53,456.657L1184.78,456.657L1184.78,544.463L1194.44,544.463L1194.44,538.7L1210.59,538.7L1210.59,543.166L1279.78,543.166L1279.78,536.535L1307.91,536.535L1307.91,544.607L1325.62,544.607L1338.62,560.038L1338.62,581.226L1347.84,581.226L1361.69,222.9L1327.66,159.078C1327.66,159.078 1335.34,152.928 1349.75,152.928L1349.75,146.201C1349.75,146.201 1333.81,144.372 1333.81,140.719C1333.81,137.066 1342.06,135.722 1342.06,135.722L1343.72,123.897C1343.72,123.897 1340.34,123.228 1340.34,120.538C1340.34,117.841 1366.97,116.109 1366.97,116.109L1368.31,61.707L1372.94,52.962L1372.94,-0L1375.34,-0L1375.34,53.635L1379.84,61.516L1379.84,116.403C1379.84,116.403 1408.5,117.46 1407.53,123.132C1406.56,128.8 1387.06,128.51 1387.06,128.51L1387.06,134.666C1387.06,134.666 1415.41,134.953 1414.06,142.45C1414.06,142.45 1415.91,146.581 1397.25,147.063L1397.25,153.697C1397.25,153.697 1415.72,154.079 1419.75,161.863L1384.19,223.522L1393.41,580.656L1404.38,580.656L1404.38,573.925L1419.75,573.925L1423.38,570.272L1428.69,575.563L1437.44,575.563C1437.44,575.563 1439.97,564.503 1451.38,564.503L1478.31,564.503C1478.31,564.503 1486.09,566.528 1487.84,573.591L1517.59,573.591L1517.59,564.313L1522.59,559.319L1544.97,559.319L1544.97,536.441L1568.72,536.441L1568.72,516.06L1580.94,516.06L1580.94,507.607L1614.38,507.607L1614.38,562.969L1620.81,562.969L1620.81,551.437L1643.97,551.437L1643.97,529.325L1677.25,529.325L1677.25,537.4L1694.53,537.4L1694.53,562.679L1720.31,562.679L1723.66,566.041L1723.66,570.178L1727.41,570.178L1727.41,564.891L1733.09,564.891L1733.09,567.869L1734.81,567.869L1734.81,570.369L1740,570.369L1740,571.619L1754.12,571.619L1754.12,576.994L1770.09,576.994L1770.09,538.075L1783.75,538.075L1783.75,536.06L1785.47,536.06L1785.47,527.309L1808.91,527.309L1808.91,530.576L1813.06,530.576L1813.06,533.078L1816.62,533.078L1816.62,553.547L1813.34,553.547L1813.34,554.991L1829.09,554.991L1829.09,528.46L1837.47,528.46L1837.47,524.903L1867.47,524.903L1867.47,528.366L1871.31,528.366L1871.31,575.272L1985.78,575.272L1985.78,534.419L1990,534.419L1990,522.407L2027.5,522.407L2027.5,572.006L2052.47,572.006L2052.47,574.885L2114.09,574.885L2114.09,515.294C2114.09,515.294 2116.31,506.45 2122.94,506.45C2129.56,506.45 2133.41,510.394 2133.41,510.394L2137.34,510.394L2137.34,507.319L2143.91,507.319L2143.91,521.825L2147.25,521.825L2147.25,571.135L2157.16,571.135L2157.16,498.759L2174.84,498.759L2174.84,200.985L2183.09,200.985L2183.09,217.329L2196,217.329L2196,568.544L2227.91,568.544L2227.91,503.088L2235.69,497.031L2265.09,497.031L2265.09,571.135L2385.72,571.135L2385.72,541.053L2387.66,571.809L2413.03,571.809L2417.66,567.197L2436.88,567.197L2442.06,572.388L2475.12,572.388L2475.12,564.122L2482.81,564.122L2482.81,556.432L2500.5,556.432L2510.69,566.622L2560.09,566.622L2560.09,570.081L2604.69,570.081L2604.69,559.319L2629.69,559.319L2629.69,556.622L2632.38,556.622L2632.38,553.166L2636.12,553.166C2636.12,553.166 2634.19,538.36 2641.97,535.957L2641.97,532.019L2643.91,532.019L2643.91,527.979L2644.75,532.019L2646.59,532.019L2646.59,536.729C2646.59,536.729 2653.44,539.8 2653.44,553.259L2656.78,533.65L2658.62,555.372L2658.62,561.141L2674.47,561.141L2674.47,558.735L2682.25,558.735L2682.25,561.522L2699.66,561.522L2699.66,633.713L854.186,633.713L854.186,585.078Z" style="fill:none;fill-rule:nonzero;stroke:black;stroke-width:0.5px;"/>
+    <path d="M2183.75,218.932C2039.62,276.541 1895.34,333.832 1750.88,390.656C1678.66,419.05 1606.38,447.337 1533.97,475.278C1497.75,489.247 1461.53,503.141 1425.19,516.81C1407.03,523.641 1388.88,530.416 1370.62,537.05C1361.5,540.366 1352.38,543.647 1343.22,546.838C1334.06,550.006 1324.88,553.194 1315.56,555.853C1324.88,553.153 1334.03,549.937 1343.19,546.738C1352.34,543.513 1361.44,540.194 1370.56,536.85C1388.75,530.147 1406.91,523.3 1425.06,516.403C1461.31,502.6 1497.5,488.569 1533.66,474.475C1605.97,446.253 1678.12,417.716 1750.25,389.05C1894.5,331.691 2038.53,273.866 2182.47,215.722L2183.75,218.932Z" style="fill-rule:nonzero;"/>
+    <path d="M1315.47,578.76L1531.16,494.476C1603.06,466.347 1674.91,438.129 1746.69,409.788L1961.91,324.357C1997.81,310.204 2033.66,295.894 2069.47,281.522C2087.38,274.338 2105.25,267.101 2123.1,259.716C2132,256.053 2140.94,252.357 2149.78,248.55C2154.22,246.647 2158.63,244.722 2163.03,242.728C2165.22,241.731 2167.41,240.713 2169.56,239.653C2171.72,238.581 2173.91,237.531 2175.91,236.216L2176.1,236.497C2174.1,237.881 2171.94,238.979 2169.78,240.097C2167.66,241.206 2165.47,242.272 2163.31,243.316C2158.94,245.409 2154.56,247.431 2150.19,249.429C2141.38,253.429 2132.56,257.316 2123.72,261.176C2106,268.826 2088.19,276.31 2070.38,283.753C2034.75,298.6 1998.97,313.084 1963.19,327.569C1891.6,356.406 1819.63,384.351 1747.69,412.366C1675.78,440.391 1603.81,468.282 1531.78,496.088L1315.6,579.085L1315.47,578.76Z" style="fill-rule:nonzero;"/>
+    <path d="M2183.75,306.019C2062.66,353.925 1941.47,401.585 1820.12,448.925C1759.47,472.581 1698.78,496.15 1638,519.516C1607.59,531.194 1577.19,542.816 1546.75,554.319C1516.28,565.8 1485.78,577.25 1455.09,588.153C1485.75,577.116 1516.16,565.531 1546.59,553.919C1577,542.272 1607.34,530.519 1637.69,518.707C1698.34,495.078 1758.94,471.238 1819.5,447.313C1940.62,399.441 2061.59,351.241 2182.47,302.8L2183.75,306.019Z" style="fill-rule:nonzero;"/>
+    <path d="M2183.75,325.622C2069.59,370.834 1955.31,415.71 1840.81,460.11C1783.56,482.291 1726.28,504.35 1668.84,526.075C1640.12,536.929 1611.41,547.704 1582.56,558.263C1568.16,563.531 1553.72,568.756 1539.25,573.834C1532,576.382 1524.75,578.885 1517.47,581.313C1510.19,583.725 1502.88,586.116 1495.47,588.153C1502.88,586.079 1510.16,583.656 1517.44,581.203C1524.69,578.747 1531.94,576.209 1539.16,573.634C1553.62,568.484 1568.03,563.197 1582.41,557.854C1611.19,547.163 1639.88,536.256 1668.53,525.269C1725.88,503.272 1783.06,480.941 1840.19,458.497C1954.44,413.569 2068.53,368.156 2182.47,322.41L2183.75,325.622Z" style="fill-rule:nonzero;"/>
+    <path d="M2183.75,397.128C2143.5,413.272 2103.16,429.244 2062.78,445.103C2022.41,460.963 1981.97,476.691 1941.47,492.222C1900.97,507.744 1860.41,523.094 1819.66,537.988C1799.28,545.422 1778.88,552.753 1758.34,559.788C1748.09,563.303 1737.81,566.75 1727.47,570.029C1717.12,573.272 1706.75,576.482 1696.19,578.925C1706.72,576.413 1717.06,573.135 1727.41,569.822C1737.72,566.475 1747.97,562.966 1758.19,559.381C1778.66,552.2 1799.03,544.744 1819.34,537.172C1860,522.019 1900.47,506.394 1940.84,490.607C1981.25,474.809 2021.56,458.81 2061.84,442.691C2102.09,426.566 2142.31,410.322 2182.47,393.929L2183.75,397.128Z" style="fill-rule:nonzero;"/>
+    <path d="M2190.16,409.254L1951.47,499.332L1832.04,544.112L1772.25,566.344C1752.32,573.697 1732.38,581.107 1712.32,588.153C1732.35,580.972 1752.22,573.422 1772.13,565.938L1831.72,543.304L1950.88,497.722L2188.94,406.028L2190.16,409.254Z" style="fill-rule:nonzero;"/>
+    <path d="M2183.69,492.903L2050.19,538.531L1983.5,561.581L1950.22,573.244C1939.13,577.175 1928.03,581.078 1917.07,585.269C1928,580.944 1939.03,576.907 1950.07,572.838L1983.22,560.763L2049.6,536.897L2182.53,489.629L2183.69,492.903Z" style="fill-rule:nonzero;"/>
+    <path d="M2183.75,496.332C2135,515.431 2086.31,534.682 2037.72,554.14C2013.44,563.879 1989.16,573.666 1964.94,583.604C1952.81,588.569 1940.72,593.578 1928.69,598.679C1922.66,601.228 1916.62,603.8 1910.66,606.435C1904.66,609.075 1898.66,611.719 1892.84,614.681C1898.66,611.653 1904.59,608.947 1910.56,606.235C1916.53,603.541 1922.5,600.9 1928.5,598.278C1940.5,593.05 1952.56,587.91 1964.59,582.803C1988.72,572.601 2012.88,562.541 2037.06,552.541C2085.47,532.538 2133.94,512.753 2182.47,493.119L2183.75,496.332Z" style="fill-rule:nonzero;"/>
+    <path d="M2190.31,489.703C2206.68,497.763 2223.15,505.707 2239.65,513.566C2256.18,521.419 2272.72,529.176 2289.34,536.79C2305.97,544.406 2322.62,551.888 2339.43,559.072C2347.84,562.669 2356.28,566.184 2364.78,569.55C2373.28,572.9 2381.81,576.157 2390.53,578.925C2381.78,576.291 2373.18,573.172 2364.62,569.953C2356.06,566.719 2347.56,563.338 2339.09,559.872C2322.18,552.947 2305.37,545.722 2288.62,538.372C2271.87,531.01 2255.22,523.513 2238.56,515.919C2221.93,508.316 2205.34,500.638 2188.81,492.822L2190.31,489.703Z" style="fill-rule:nonzero;"/>
+    <path d="M2183.81,390.331C2255.65,422.456 2327.56,454.431 2399.56,486.172C2435.56,502.035 2471.59,517.844 2507.68,533.494C2525.75,541.312 2543.81,549.094 2561.9,556.772C2570.97,560.609 2580.03,564.422 2589.12,568.172C2598.25,571.885 2607.31,575.66 2616.59,578.925C2607.28,575.729 2598.18,572.016 2589.03,568.369C2579.93,564.687 2570.84,560.944 2561.75,557.175C2543.59,549.622 2525.44,541.978 2507.34,534.288C2471.12,518.9 2434.97,503.356 2398.87,487.756C2326.62,456.541 2254.47,425.097 2182.4,393.497L2183.81,390.331Z" style="fill-rule:nonzero;"/>
+    <path d="M2192.88,403.181C2256.04,432.147 2319.19,461.191 2382.29,490.344L2476.85,534.225L2524.07,556.341C2539.76,563.769 2555.51,571.162 2571.04,578.925C2555.44,571.291 2539.66,564.034 2523.88,556.734L2476.51,535.01L2381.57,491.919C2318.22,463.284 2254.85,434.769 2191.44,406.335L2192.88,403.181Z" style="fill-rule:nonzero;"/>
+    <path d="M2190.28,315.288C2243.37,339.978 2296.59,364.466 2349.84,388.806C2403.12,413.138 2456.47,437.303 2509.94,461.203C2563.44,485.091 2617,508.744 2670.84,531.775C2697.78,543.279 2724.75,554.628 2751.94,565.569C2765.5,571.034 2779.12,576.391 2792.84,581.503C2799.72,584.05 2806.59,586.532 2813.53,588.869C2820.47,591.184 2827.47,593.444 2834.59,595.072C2827.44,593.475 2820.47,591.247 2813.5,588.969C2806.56,586.666 2799.66,584.216 2792.78,581.703C2779.03,576.665 2765.37,571.366 2751.78,565.972C2724.56,555.16 2697.5,543.938 2670.5,532.569C2616.53,509.8 2562.84,486.404 2509.25,462.782C2455.66,439.141 2402.19,415.24 2348.78,391.169C2295.37,367.097 2242.06,342.863 2188.81,318.428L2190.28,315.288Z" style="fill-rule:nonzero;"/>
+    <path d="M2190.28,309.763C2251.09,337.838 2312.12,365.544 2373.25,392.994C2434.37,420.441 2495.62,447.591 2557.09,474.287C2618.56,500.963 2680.22,527.247 2742.31,552.412C2773.37,564.975 2804.53,577.278 2835.96,588.825C2851.72,594.591 2867.5,600.169 2883.47,605.26C2891.44,607.794 2899.47,610.207 2907.59,612.322C2911.62,613.372 2915.72,614.347 2919.81,615.166C2923.91,615.96 2928.06,616.65 2932.25,616.791C2928.06,616.669 2923.91,615.991 2919.81,615.216C2915.69,614.422 2911.62,613.457 2907.56,612.428C2899.44,610.344 2891.41,607.963 2883.41,605.46C2867.44,600.444 2851.59,594.928 2835.84,589.235C2804.34,577.813 2773.09,565.647 2742,553.219C2679.78,528.307 2618,502.291 2556.41,475.878C2494.81,449.441 2433.44,422.55 2372.19,395.372C2310.94,368.179 2249.81,340.725 2188.81,312.904L2190.28,309.763Z" style="fill-rule:nonzero;"/>
+    <path d="M2183.81,229.778C2330.72,294.534 2477.78,358.994 2625,423.016C2698.62,455.025 2772.31,486.916 2846.09,518.528C2883,534.332 2919.9,550.06 2956.91,565.628C2975.4,573.4 2993.93,581.141 3012.5,588.779C3031.06,596.413 3049.62,603.997 3068.37,611.219C3049.62,604.066 3031,596.547 3012.4,588.982C2993.81,581.406 2975.28,573.734 2956.75,566.019C2919.68,550.594 2882.72,534.994 2845.75,519.325C2771.84,487.972 2698.06,456.35 2624.31,424.606C2476.84,361.103 2329.56,297.175 2182.4,232.944L2183.81,229.778Z" style="fill-rule:nonzero;"/>
+    <path d="M2190.25,219.016C2272.03,255.54 2353.88,291.931 2435.78,328.228C2517.66,364.519 2599.59,400.703 2681.59,436.71C2763.62,472.716 2845.72,508.572 2927.97,544.012C2969.09,561.719 3010.28,579.328 3051.59,596.653C3072.22,605.309 3092.91,613.891 3113.69,622.279C3124.06,626.463 3134.47,630.607 3144.94,634.597C3150.16,636.597 3155.41,638.554 3160.69,640.416C3163.31,641.351 3165.97,642.25 3168.62,643.088C3169.97,643.513 3171.31,643.913 3172.66,644.269C3174,644.613 3175.38,644.975 3176.78,645.053C3175.38,644.984 3174,644.625 3172.66,644.285C3171.31,643.925 3169.97,643.532 3168.62,643.119C3165.97,642.287 3163.31,641.391 3160.66,640.466C3155.38,638.622 3150.12,636.675 3144.88,634.7C3134.41,630.731 3124,626.628 3113.59,622.475C3092.81,614.156 3072.09,605.641 3051.41,597.05C3010.06,579.86 2968.81,562.382 2927.62,544.804C2845.25,509.631 2763.06,474.038 2680.91,438.3C2598.78,402.551 2516.72,366.628 2434.72,330.603C2352.72,294.566 2270.75,258.444 2188.84,222.175L2190.25,219.016Z" style="fill-rule:nonzero;"/>
+    <g transform="matrix(1,0,0,1,-340.875,-22.6235)">
+        <path d="M3193.75,627.222L3193.75,656.2L3117.12,655.644L3040.53,656.2L3040.53,627.222L3042.81,627.222L3042.81,630.537L3045.06,630.537L3045.06,627.603L3047.5,627.603L3047.5,630.382L3048.5,630.382L3048.5,623.288L3056.31,623.288L3056.31,627.294L3057.84,627.294L3057.84,629.919L3058.78,629.919L3058.78,612.65L3059.84,612.65L3058.78,608.1C3058.78,608.1 3058.53,605.172 3077.03,602.788C3077.03,602.788 3089.31,584.519 3116.81,579.356L3117.12,575.447L3117.44,579.356C3144.94,584.519 3157.22,602.788 3157.22,602.788C3175.72,605.172 3175.5,608.1 3175.5,608.1L3174.44,612.65L3175.5,612.65L3175.5,629.919L3176.44,629.919L3176.44,627.294L3177.97,627.294L3177.97,623.288L3185.75,623.288L3185.75,630.382L3186.75,630.382L3186.75,627.603L3189.22,627.603L3189.22,630.537L3191.47,630.537L3191.47,627.222L3193.75,627.222Z" style="fill:none;fill-rule:nonzero;stroke:black;stroke-width:0.5px;"/>
+        <rect x="3204.41" y="643.247" width="1.781" height="12.819" style="fill:none;stroke:black;stroke-width:0.5px;"/>
+        <path d="M3204.53,655.941L3206.06,655.941L3206.06,643.378L3204.53,643.378L3204.53,655.941ZM3206.34,656.2L3204.28,656.2L3204.28,643.119L3206.34,643.119L3206.34,656.2Z" style="fill:none;fill-rule:nonzero;stroke:black;stroke-width:0.5px;"/>
+        <rect x="3217.88" y="643.247" width="1.781" height="12.819" style="fill:none;stroke:black;stroke-width:0.5px;"/>
+        <path d="M3218,655.941L3219.53,655.941L3219.53,643.378L3218,643.378L3218,655.941ZM3219.78,656.2L3217.72,656.2L3217.72,643.119L3219.78,643.119L3219.78,656.2Z" style="fill:none;fill-rule:nonzero;stroke:black;stroke-width:0.5px;"/>
+    </g>
+    <g transform="matrix(0.834484,0,0,1,94.2319,0)">
+        <path d="M910.687,611.25L910.687,633.713L549.875,633.713L549.875,611.25L594.062,611.25L594.062,608.832L597.031,608.832L597.031,597.082L598.5,597.082L598.5,576.794L597.437,576.794L597.437,573.409L599.469,573.409L599.469,567.457L600.438,567.457L600.438,532.919L595.344,527.925L604.219,527.925L604.219,523.338L599.062,521.085L599.062,520.438L603.812,520.438C603.812,520.438 623.375,492.503 667.969,488.397L792.594,488.397C837.188,492.503 856.75,520.438 856.75,520.438L861.5,520.438L861.5,521.085L856.343,523.338L856.343,527.925L865.219,527.925L860.156,532.919L860.156,567.457L861.094,567.457L861.094,573.409L863.125,573.409L863.125,576.794L862.062,576.794L862.062,597.082L863.531,597.082L863.531,608.832L866.5,608.832L866.5,611.25L910.687,611.25Z" style="fill:none;fill-rule:nonzero;stroke:black;stroke-width:0.54px;"/>
+    </g>
+    <g transform="matrix(1,0,0,1,-291.663,-22.6235)">
+        <path d="M3517.97,652.95L3519.16,473.844L3511.13,469.638L3511.13,467.062C3511.13,467.062 3475.94,444.41 3453.85,438.581L3453.85,441.047L3438.03,435.447C3438.03,435.447 3436.81,449.341 3427.72,449.566L3427.72,656.2L3518.1,656.2L3517.97,652.95Z" style="fill:none;fill-rule:nonzero;stroke:black;stroke-width:0.5px;"/>
+    </g>
+    <path d="M552.687,656.2L552.687,601.71L551.625,601.71L551.625,579.732L549.812,579.732L549.812,563.4L553.094,560.11L529.5,543.556L529.5,532.869L527.813,543.397L504.156,559.582L507.063,562.482L507.063,578.969L503.094,582.935L503.094,621.253L501.406,619.566L501.406,612.85L497.281,612.85L486.062,601.631L476.375,601.631L476.375,591.175L469.969,591.175L469.969,596.062L465.313,591.409L422.344,591.409L414.594,599.15L397.156,589.954L370.75,610.715L364.031,596.672L351.219,596.672L347.844,600.028L245.437,600.028L241.469,586.6L235.219,597.738L224.531,577.288L224.531,568.738L222.688,577.441L218.719,585.532L218.719,539.125L220.875,539.125L220.875,528.9L217.969,507.225L213.219,527.528L207.75,465.863L207.75,437.472L205,441.438L201.781,416.56L201.781,397.478L200.562,417.169L197.969,443.422L195.062,438.084L195.062,465.1L181.469,523.862L178.594,509.212L174.625,532.869L174.625,539.125L177.375,539.125L177.375,584.309L166.531,584.616L161.031,572.25L156.906,579.578L114.156,585.532L97.844,613.466L89.125,603.694L87,607.359L78.156,598.047L74.312,600.947L63.344,586.444L63.344,578.513L57.531,570.113L52.969,574.078L43.031,574.078C43.031,574.078 43.5,560.763 38.469,560.763L37.781,546.341L35.719,560.994C35.719,560.994 30.094,561.909 30.094,572.553L30.094,582.629L21.406,582.629L0,606.213L0,654.829L552.687,656.2Z" style="fill:none;fill-rule:nonzero;stroke:black;stroke-width:0.55px;"/>
+    <g transform="matrix(1,0,0,1,-294.626,-22.6235)">
+        <rect x="3148.34" y="645.491" width="282.344" height="10.709" style="fill:none;stroke:black;stroke-width:0.5px;"/>
+        <path d="M3203.59,645.491L3203.59,632.313L3209.25,632.313L3209.25,627.266L3205.25,627.266L3205.25,608.641C3205.25,608.641 3217.87,606.813 3227.68,606.287C3237.53,605.766 3236.84,604.028 3236.84,604.028L3236.84,585.053C3236.84,585.053 3239.28,580.962 3251.62,580.962C3264,580.962 3306.47,579.222 3308.65,587.75L3308.65,605.069C3308.65,605.069 3329.53,607.241 3337.37,604.897C3345.18,602.551 3346.93,600.719 3349.12,599.416C3351.28,598.112 3362.93,593.063 3370.78,593.231C3378.62,593.407 3406.28,591.669 3414.03,595.757L3414.03,645.491L3203.59,645.491Z" style="fill:none;fill-rule:nonzero;stroke:black;stroke-width:0.5px;"/>
+    </g>
+    <path d="M2978.38,648.041L2963.1,596.641L2963.13,596.638L3005.57,593.2L3005.57,593.266L2963.19,596.7L2978.44,648.019L2978.38,648.041Z" style="fill:white;fill-rule:nonzero;"/>
+    <path d="M2915.59,645.972L2915.53,645.972L2915.53,573.962L2923.62,569.157L2943.53,563.994L2956.97,564.003L2965.56,567.953L2965.53,568.013L2956.93,564.062L2943.56,564.062L2923.62,569.212L2915.59,574.013L2915.59,645.972Z" style="fill:white;fill-rule:nonzero;"/>
+    <path d="M2925.16,649.144L2925.16,649.078C2925.19,649.078 2925.19,649.069 2925.19,649.059C2926.44,647.775 2925.16,603.307 2925.13,602.85L2925.13,602.819L2960.6,602.819L2960.6,647.169L2960.53,647.169L2960.53,602.882L2925.19,602.882C2925.28,605.154 2926.5,647.8 2925.25,649.104C2925.22,649.132 2925.19,649.144 2925.16,649.144Z" style="fill:white;fill-rule:nonzero;"/>
+    <path d="M2852.88,649.11L2852.82,649.11L2854.72,616.228L2854.72,616.222L2884.82,603.851L2884.82,603.854L2911.47,614.519L2911.47,614.532L2913.19,649.11L2913.1,649.11L2911.41,614.56L2884.82,603.922L2854.79,616.278L2852.88,649.11Z" style="fill:white;fill-rule:nonzero;"/>
+    <path d="M2933.62,563.172L2933.56,563.172L2933.56,534.166L2915.53,529.538L2915.56,529.475L2933.62,534.119L2933.62,563.172Z" style="fill:white;fill-rule:nonzero;"/>
+    <rect x="2906.41" y="532.082" width="0.063" height="76.443" style="fill:white;"/>
+    <path d="M2702.62,615.788C2701.96,568.919 2699.09,546.047 2699.06,545.828L2699.12,545.816C2699.15,546.038 2702.03,568.916 2702.68,615.784L2702.62,615.788Z" style="fill:white;fill-rule:nonzero;"/>
+    <path d="M2734.16,600.826L2703.57,595.325L2703.6,595.263L2734.16,600.757L2734.16,600.826Z" style="fill:white;fill-rule:nonzero;"/>
+    <path d="M2735.38,613.329L2735.32,613.329L2735.32,572.763L2735.35,572.763L2745.66,570.357L2745.66,570.419L2735.38,572.816L2735.38,613.329Z" style="fill:white;fill-rule:nonzero;"/>
+    <path d="M2702.69,651.125L2700.1,618.803L2700.13,618.797L2736.22,614.675L2745.69,616.744L2745.69,631.506L2759.1,632.541L2759.1,632.572L2758.22,647.691L2758.16,647.684L2759.03,632.597L2745.63,631.572L2745.63,616.791L2736.22,614.741L2700.16,618.853L2702.75,651.119L2702.69,651.125Z" style="fill:white;fill-rule:nonzero;"/>
+    <path d="M2715.94,621.951L2702.82,620.053L2702.82,619.991L2715.94,621.888L2743.94,617.422L2743.94,617.487L2715.94,621.951Z" style="fill:white;fill-rule:nonzero;"/>
+    <rect x="2715.91" y="621.919" width="0.063" height="29.2" style="fill:white;"/>
+</svg>
diff --git a/assets/js/components/DocumentUpload.vue b/assets/js/components/DocumentUpload.vue
new file mode 100644
index 0000000..2f32c22
--- /dev/null
+++ b/assets/js/components/DocumentUpload.vue
@@ -0,0 +1,379 @@
+<template>
+  <div class="document-upload">
+    <div class="flex justify-content-between align-items-center mb-3">
+      <h3 v-if="title">{{ title }}</h3>
+      <Button
+        v-if="canUpload"
+        label="Dokument hochladen"
+        icon="pi pi-upload"
+        @click="showUploadDialog = true"
+        severity="success"
+        outlined
+      />
+    </div>
+
+    <!-- Documents List -->
+    <DataTable
+      :value="documents"
+      :loading="loading"
+      stripedRows
+      size="small"
+      class="p-datatable-sm"
+    >
+      <Column field="originalFilename" header="Dateiname">
+        <template #body="{ data }">
+          <div class="flex align-items-center gap-2">
+            <i :class="getFileIcon(data.mimeType)" class="text-xl"></i>
+            <span>{{ data.originalFilename }}</span>
+          </div>
+        </template>
+      </Column>
+      <Column field="description" header="Beschreibung"></Column>
+      <Column field="size" header="Größe">
+        <template #body="{ data }">
+          {{ formatFileSize(data.size) }}
+        </template>
+      </Column>
+      <Column field="uploadedAt" header="Hochgeladen am">
+        <template #body="{ data }">
+          {{ formatDate(data.uploadedAt) }}
+        </template>
+      </Column>
+      <Column field="uploadedBy" header="Hochgeladen von">
+        <template #body="{ data }">
+          {{ data.uploadedBy ? `${data.uploadedBy.firstName} ${data.uploadedBy.lastName}` : 'Unbekannt' }}
+        </template>
+      </Column>
+      <Column header="Aktionen" style="width: 120px">
+        <template #body="{ data }">
+          <div class="flex gap-2">
+            <Button
+              icon="pi pi-download"
+              severity="info"
+              size="small"
+              text
+              rounded
+              @click="downloadDocument(data)"
+              v-tooltip.top="'Herunterladen'"
+            />
+            <Button
+              v-if="canDelete"
+              icon="pi pi-trash"
+              severity="danger"
+              size="small"
+              text
+              rounded
+              @click="confirmDeleteDocument(data)"
+              v-tooltip.top="'Löschen'"
+            />
+          </div>
+        </template>
+      </Column>
+    </DataTable>
+
+    <!-- Upload Dialog -->
+    <Dialog
+      v-model:visible="showUploadDialog"
+      :modal="true"
+      header="Dokument hochladen"
+      :style="{ width: '600px' }"
+    >
+      <div class="flex flex-column gap-3">
+        <div class="field">
+          <label for="file">Datei auswählen</label>
+          <FileUpload
+            mode="basic"
+            name="file"
+            accept="image/*,.pdf,.csv,.xls,.xlsx,.doc,.docx"
+            :maxFileSize="10000000"
+            @select="onFileSelect"
+            :auto="false"
+            chooseLabel="Datei wählen"
+          />
+          <small v-if="selectedFile" class="text-500">
+            {{ selectedFile.name }} ({{ formatFileSize(selectedFile.size) }})
+          </small>
+          <small class="block text-500 mt-2">
+            Erlaubt: Bilder (JPG, PNG, GIF, WebP, SVG), PDF, Excel (XLS, XLSX), CSV, Word (DOC, DOCX) - Max. 10 MB
+          </small>
+        </div>
+
+        <div class="field">
+          <label for="description">Beschreibung (optional)</label>
+          <Textarea
+            id="description"
+            v-model="uploadDescription"
+            rows="3"
+            class="w-full"
+          />
+        </div>
+      </div>
+
+      <template #footer>
+        <Button label="Abbrechen" severity="secondary" @click="closeUploadDialog" />
+        <Button
+          label="Hochladen"
+          icon="pi pi-upload"
+          @click="uploadDocument"
+          :disabled="!selectedFile"
+          :loading="uploading"
+        />
+      </template>
+    </Dialog>
+
+    <!-- Delete Confirmation -->
+    <Dialog
+      v-model:visible="showDeleteDialog"
+      :modal="true"
+      header="Dokument löschen"
+      :style="{ width: '450px' }"
+    >
+      <p>Möchten Sie das Dokument "{{ documentToDelete?.originalFilename }}" wirklich löschen?</p>
+      <template #footer>
+        <Button label="Abbrechen" severity="secondary" @click="showDeleteDialog = false" />
+        <Button
+          label="Löschen"
+          severity="danger"
+          @click="deleteDocument"
+          :loading="deleting"
+        />
+      </template>
+    </Dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, computed } from 'vue'
+import DataTable from 'primevue/datatable'
+import Column from 'primevue/column'
+import Button from 'primevue/button'
+import Dialog from 'primevue/dialog'
+import FileUpload from 'primevue/fileupload'
+import Textarea from 'primevue/textarea'
+import { useToast } from 'primevue/usetoast'
+
+const props = defineProps({
+  entityType: {
+    type: String,
+    required: true
+  },
+  entityId: {
+    type: Number,
+    required: true
+  },
+  title: {
+    type: String,
+    default: 'Dokumente'
+  },
+  canUpload: {
+    type: Boolean,
+    default: true
+  },
+  canDelete: {
+    type: Boolean,
+    default: true
+  }
+})
+
+const toast = useToast()
+const documents = ref([])
+const loading = ref(false)
+const showUploadDialog = ref(false)
+const showDeleteDialog = ref(false)
+const selectedFile = ref(null)
+const uploadDescription = ref('')
+const uploading = ref(false)
+const deleting = ref(false)
+const documentToDelete = ref(null)
+
+onMounted(() => {
+  loadDocuments()
+})
+
+async function loadDocuments() {
+  loading.value = true
+  try {
+    const response = await fetch(
+      `/api/documents?relatedEntity=${props.entityType}&relatedEntityId=${props.entityId}`
+    )
+    
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`)
+    }
+    
+    const data = await response.json()
+    console.log('Documents API response:', data)
+    
+    // Handle API Platform response
+    const items = data['hydra:member'] || data.member || data
+    
+    // Ensure it's an array and not an object
+    if (Array.isArray(items)) {
+      documents.value = items
+    } else {
+      console.error('API returned non-array:', items)
+      documents.value = []
+    }
+  } catch (error) {
+    console.error('Fehler beim Laden der Dokumente:', error)
+    documents.value = []
+    toast.add({
+      severity: 'error',
+      summary: 'Fehler',
+      detail: 'Dokumente konnten nicht geladen werden',
+      life: 3000
+    })
+  } finally {
+    loading.value = false
+  }
+}
+
+function onFileSelect(event) {
+  selectedFile.value = event.files[0]
+}
+
+async function uploadDocument() {
+  if (!selectedFile.value) return
+
+  uploading.value = true
+  try {
+    const formData = new FormData()
+    formData.append('file', selectedFile.value)
+    formData.append('relatedEntity', props.entityType)
+    formData.append('relatedEntityId', props.entityId)
+    if (uploadDescription.value) {
+      formData.append('description', uploadDescription.value)
+    }
+
+    const response = await fetch('/api/documents/upload', {
+      method: 'POST',
+      body: formData
+    })
+
+    if (!response.ok) {
+      throw new Error('Upload fehlgeschlagen')
+    }
+
+    toast.add({
+      severity: 'success',
+      summary: 'Erfolg',
+      detail: 'Dokument wurde hochgeladen',
+      life: 3000
+    })
+
+    closeUploadDialog()
+    loadDocuments()
+  } catch (error) {
+    console.error('Fehler beim Upload:', error)
+    toast.add({
+      severity: 'error',
+      summary: 'Fehler',
+      detail: 'Dokument konnte nicht hochgeladen werden',
+      life: 3000
+    })
+  } finally {
+    uploading.value = false
+  }
+}
+
+function closeUploadDialog() {
+  showUploadDialog.value = false
+  selectedFile.value = null
+  uploadDescription.value = ''
+}
+
+async function downloadDocument(document) {
+  try {
+    // Open document in new window instead of downloading
+    window.open(`/api/documents/${document.id}/download`, '_blank')
+  } catch (error) {
+    console.error('Fehler beim Öffnen:', error)
+    toast.add({
+      severity: 'error',
+      summary: 'Fehler',
+      detail: 'Dokument konnte nicht geöffnet werden',
+      life: 3000
+    })
+  }
+}
+
+function confirmDeleteDocument(document) {
+  documentToDelete.value = document
+  showDeleteDialog.value = true
+}
+
+async function deleteDocument() {
+  if (!documentToDelete.value) return
+
+  deleting.value = true
+  try {
+    const response = await fetch(`/api/documents/${documentToDelete.value.id}`, {
+      method: 'DELETE'
+    })
+
+    if (!response.ok) {
+      throw new Error('Löschen fehlgeschlagen')
+    }
+
+    toast.add({
+      severity: 'success',
+      summary: 'Erfolg',
+      detail: 'Dokument wurde gelöscht',
+      life: 3000
+    })
+
+    showDeleteDialog.value = false
+    documentToDelete.value = null
+    loadDocuments()
+  } catch (error) {
+    console.error('Fehler beim Löschen:', error)
+    toast.add({
+      severity: 'error',
+      summary: 'Fehler',
+      detail: 'Dokument konnte nicht gelöscht werden',
+      life: 3000
+    })
+  } finally {
+    deleting.value = false
+  }
+}
+
+function formatFileSize(bytes) {
+  if (bytes === 0) return '0 Bytes'
+  const k = 1024
+  const sizes = ['Bytes', 'KB', 'MB', 'GB']
+  const i = Math.floor(Math.log(bytes) / Math.log(k))
+  return Math.round(bytes / Math.pow(k, i) * 100) / 100 + ' ' + sizes[i]
+}
+
+function formatDate(dateString) {
+  const date = new Date(dateString)
+  return date.toLocaleDateString('de-DE', {
+    day: '2-digit',
+    month: '2-digit',
+    year: 'numeric',
+    hour: '2-digit',
+    minute: '2-digit'
+  })
+}
+
+function getFileIcon(mimeType) {
+  if (!mimeType) return 'pi pi-file'
+  
+  if (mimeType.includes('pdf')) return 'pi pi-file-pdf'
+  if (mimeType.includes('word') || mimeType.includes('document')) return 'pi pi-file-word'
+  if (mimeType.includes('excel') || mimeType.includes('spreadsheet')) return 'pi pi-file-excel'
+  if (mimeType.includes('image')) return 'pi pi-image'
+  if (mimeType.includes('video')) return 'pi pi-video'
+  if (mimeType.includes('audio')) return 'pi pi-volume-up'
+  if (mimeType.includes('zip') || mimeType.includes('compressed')) return 'pi pi-file-import'
+  
+  return 'pi pi-file'
+}
+</script>
+
+<style scoped>
+.document-upload {
+  width: 100%;
+}
+</style>
diff --git a/assets/js/components/GitCommitList.vue b/assets/js/components/GitCommitList.vue
new file mode 100644
index 0000000..e307ec9
--- /dev/null
+++ b/assets/js/components/GitCommitList.vue
@@ -0,0 +1,142 @@
+<template>
+  <div class="git-commit-list">
+    <DataTable
+      :value="commits"
+      :loading="loading"
+      paginator
+      :rows="20"
+      :rowsPerPageOptions="[10, 20, 50, 100]"
+      :total-records="commits.length"
+      responsive-layout="scroll"
+      striped-rows
+      class="p-datatable-sm"
+    >
+      <template #empty>
+        <div class="text-center py-4 text-500">
+          Keine Commits gefunden
+        </div>
+      </template>
+
+      <Column field="shortHash" header="Hash" style="width: 100px">
+        <template #body="{ data }">
+          <code class="text-sm">{{ data.shortHash }}</code>
+        </template>
+      </Column>
+
+      <Column field="subject" header="Nachricht">
+        <template #body="{ data }">
+          <div class="font-medium">{{ data.subject }}</div>
+          <div v-if="data.body" class="text-sm text-500 mt-1 whitespace-pre-wrap">
+            {{ data.body }}
+          </div>
+        </template>
+      </Column>
+
+      <Column field="author" header="Autor" style="width: 200px">
+        <template #body="{ data }">
+          <div class="flex flex-col gap-1">
+            <span class="font-medium">{{ data.author }}</span>
+            <span class="text-sm text-500">{{ data.email }}</span>
+          </div>
+        </template>
+      </Column>
+
+      <Column field="date" header="Datum" style="width: 180px">
+        <template #body="{ data }">
+          {{ formatDate(data.date) }}
+        </template>
+      </Column>
+    </DataTable>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, watch } from 'vue'
+import DataTable from 'primevue/datatable'
+import Column from 'primevue/column'
+import { useToast } from 'primevue/usetoast'
+
+const props = defineProps({
+  repositoryId: {
+    type: Number,
+    required: true
+  },
+  branch: {
+    type: String,
+    default: 'main'
+  },
+  limit: {
+    type: Number,
+    default: 100
+  }
+})
+
+const toast = useToast()
+const commits = ref([])
+const loading = ref(false)
+
+onMounted(() => {
+  loadCommits()
+})
+
+watch(() => [props.repositoryId, props.branch], () => {
+  loadCommits()
+})
+
+async function loadCommits() {
+  loading.value = true
+
+  try {
+    const url = `/api/git-repos/${props.repositoryId}/commits?branch=${props.branch}&limit=${props.limit}`
+    const response = await fetch(url)
+
+    if (!response.ok) {
+      const error = await response.json()
+      throw new Error(error.error || 'Fehler beim Laden der Commits')
+    }
+
+    const data = await response.json()
+    commits.value = data.commits || []
+  } catch (error) {
+    console.error('Error loading commits:', error)
+    toast.add({
+      severity: 'error',
+      summary: 'Fehler',
+      detail: error.message || 'Commits konnten nicht geladen werden',
+      life: 3000
+    })
+    commits.value = []
+  } finally {
+    loading.value = false
+  }
+}
+
+function formatDate(dateString) {
+  if (!dateString) return ''
+  const date = new Date(dateString)
+  return date.toLocaleString('de-DE', {
+    day: '2-digit',
+    month: '2-digit',
+    year: 'numeric',
+    hour: '2-digit',
+    minute: '2-digit'
+  })
+}
+
+defineExpose({
+  loadCommits
+})
+</script>
+
+<style scoped>
+.git-commit-list {
+  width: 100%;
+}
+
+code {
+  background-color: var(--surface-100);
+  padding: 2px 6px;
+  border-radius: 4px;
+  font-family: 'Courier New', monospace;
+}
+</style>
diff --git a/assets/js/components/GitContributionChart.vue b/assets/js/components/GitContributionChart.vue
new file mode 100644
index 0000000..086556b
--- /dev/null
+++ b/assets/js/components/GitContributionChart.vue
@@ -0,0 +1,291 @@
+<template>
+  <div class="git-contribution-chart">
+    <div class="flex justify-between align-items-center mb-4">
+      <h3 class="text-lg font-semibold m-0">Contributions im letzten Jahr</h3>
+      <div v-if="!loading && totalContributions > 0" class="text-500">
+        <i class="pi pi-calendar mr-2"></i>
+        {{ totalContributions }} Commits
+      </div>
+    </div>
+
+    <div v-if="loading" class="text-center py-8">
+      <i class="pi pi-spin pi-spinner text-4xl text-primary"></i>
+    </div>
+
+    <div v-else-if="error" class="p-4 border-round surface-border border-1 text-center">
+      <i class="pi pi-exclamation-triangle text-orange-500 text-3xl mb-2"></i>
+      <p class="text-500">{{ error }}</p>
+    </div>
+
+    <div v-else-if="contributionData.length === 0" class="p-4 border-round surface-border border-1 text-center">
+      <i class="pi pi-info-circle text-blue-500 text-3xl mb-2"></i>
+      <p class="text-500">Keine Contributions im letzten Jahr</p>
+    </div>
+
+    <div v-else>
+      <!-- Heatmap-style visualization (similar to GitHub) -->
+      <div class="contribution-heatmap">
+        <div class="heatmap-grid">
+          <div
+            v-for="week in contributionData"
+            :key="week.week"
+            class="heatmap-cell"
+            :class="getIntensityClass(week.count)"
+            :title="`KW ${week.weekNumber} ${week.year}: ${week.count} Commits`"
+          >
+            <span class="cell-count">{{ week.count }}</span>
+          </div>
+        </div>
+
+        <div class="legend mt-3 flex gap-2 align-items-center justify-end">
+          <span class="text-sm text-500">Weniger</span>
+          <div class="legend-cell level-0"></div>
+          <div class="legend-cell level-1"></div>
+          <div class="legend-cell level-2"></div>
+          <div class="legend-cell level-3"></div>
+          <div class="legend-cell level-4"></div>
+          <span class="text-sm text-500">Mehr</span>
+        </div>
+      </div>
+
+      <!-- Bar Chart alternative -->
+      <div class="mt-4">
+        <Chart type="bar" :data="chartData" :options="chartOptions" class="h-20rem" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, onMounted, watch } from 'vue'
+import Chart from 'primevue/chart'
+import { useToast } from 'primevue/usetoast'
+
+const props = defineProps({
+  repositoryId: {
+    type: Number,
+    required: true
+  },
+  branch: {
+    type: String,
+    default: 'main'
+  },
+  author: {
+    type: String,
+    default: null
+  }
+})
+
+const toast = useToast()
+const contributionData = ref([])
+const loading = ref(false)
+const error = ref(null)
+
+const totalContributions = computed(() => {
+  return contributionData.value.reduce((sum, week) => sum + week.count, 0)
+})
+
+const chartData = computed(() => {
+  const labels = contributionData.value.map(w => `KW ${w.weekNumber}`)
+  const data = contributionData.value.map(w => w.count)
+
+  return {
+    labels,
+    datasets: [
+      {
+        label: 'Commits pro Woche',
+        data,
+        backgroundColor: '#10b981',
+        borderColor: '#059669',
+        borderWidth: 1
+      }
+    ]
+  }
+})
+
+const chartOptions = ref({
+  responsive: true,
+  maintainAspectRatio: false,
+  plugins: {
+    legend: {
+      display: false
+    },
+    tooltip: {
+      callbacks: {
+        label: (context) => {
+          return `${context.parsed.y} Commits`
+        }
+      }
+    }
+  },
+  scales: {
+    x: {
+      grid: {
+        display: false
+      },
+      ticks: {
+        maxRotation: 45,
+        minRotation: 45
+      }
+    },
+    y: {
+      beginAtZero: true,
+      ticks: {
+        stepSize: 1
+      }
+    }
+  }
+})
+
+onMounted(() => {
+  loadContributions()
+})
+
+watch(() => [props.repositoryId, props.branch, props.author], () => {
+  loadContributions()
+})
+
+async function loadContributions() {
+  loading.value = true
+  error.value = null
+
+  try {
+    let url = `/api/git-repos/${props.repositoryId}/contributions?branch=${props.branch}`
+    if (props.author) {
+      url += `&author=${encodeURIComponent(props.author)}`
+    }
+
+    const response = await fetch(url)
+
+    if (!response.ok) {
+      const errorData = await response.json()
+      throw new Error(errorData.error || 'Fehler beim Laden der Contributions')
+    }
+
+    const data = await response.json()
+    contributionData.value = data.contributions || []
+  } catch (err) {
+    console.error('Error loading contributions:', err)
+    error.value = err.message
+    toast.add({
+      severity: 'error',
+      summary: 'Fehler',
+      detail: err.message || 'Contributions konnten nicht geladen werden',
+      life: 3000
+    })
+    contributionData.value = []
+  } finally {
+    loading.value = false
+  }
+}
+
+function getIntensityClass(count) {
+  if (count === 0) return 'level-0'
+  if (count <= 2) return 'level-1'
+  if (count <= 5) return 'level-2'
+  if (count <= 10) return 'level-3'
+  return 'level-4'
+}
+
+defineExpose({
+  loadContributions
+})
+</script>
+
+<style scoped>
+.git-contribution-chart {
+  width: 100%;
+}
+
+.contribution-heatmap {
+  width: 100%;
+}
+
+.heatmap-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(16px, 1fr));
+  gap: 3px;
+  max-width: 100%;
+}
+
+.heatmap-cell {
+  position: relative;
+  aspect-ratio: 1;
+  border-radius: 3px;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.heatmap-cell:hover {
+  transform: scale(1.2);
+  z-index: 10;
+}
+
+.cell-count {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 10px;
+  font-weight: 600;
+  color: white;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+  opacity: 0;
+  transition: opacity 0.2s;
+}
+
+.heatmap-cell:hover .cell-count {
+  opacity: 1;
+}
+
+.level-0 {
+  background-color: var(--surface-200);
+}
+
+.level-1 {
+  background-color: #9be9a8;
+}
+
+.level-2 {
+  background-color: #40c463;
+}
+
+.level-3 {
+  background-color: #30a14e;
+}
+
+.level-4 {
+  background-color: #216e39;
+}
+
+.legend {
+  display: flex;
+  align-items: center;
+}
+
+.legend-cell {
+  width: 14px;
+  height: 14px;
+  border-radius: 2px;
+}
+
+.legend-cell.level-0 {
+  background-color: var(--surface-200);
+}
+
+.legend-cell.level-1 {
+  background-color: #9be9a8;
+}
+
+.legend-cell.level-2 {
+  background-color: #40c463;
+}
+
+.legend-cell.level-3 {
+  background-color: #30a14e;
+}
+
+.legend-cell.level-4 {
+  background-color: #216e39;
+}
+</style>
diff --git a/assets/js/layout/AppFooter.vue b/assets/js/layout/AppFooter.vue
index 450d1a0..c15da52 100644
--- a/assets/js/layout/AppFooter.vue
+++ b/assets/js/layout/AppFooter.vue
@@ -5,3 +5,9 @@
         <a href="https://www.osdata.org" target="_blank" rel="noopener noreferrer" class="text-primary font-bold hover:underline">2025 © osdata.org</a>
     </div>
 </template>
+
+<style scoped>
+.logo-icon {
+    color: var(--primary-color);
+}
+</style>
\ No newline at end of file
diff --git a/assets/js/views/ProjectManagement.vue b/assets/js/views/ProjectManagement.vue
index 1f7d3c0..70cbc1e 100644
--- a/assets/js/views/ProjectManagement.vue
+++ b/assets/js/views/ProjectManagement.vue
@@ -277,6 +277,89 @@
             />
           </div>
         </div>
+
+        <!-- Documents Section (only for existing projects) -->
+        <div v-if="editingProject.id" class="mt-4">
+          <div class="font-semibold text-lg mb-3">Dokumente</div>
+          <DocumentUpload
+            entity-type="project"
+            :entity-id="editingProject.id"
+            :can-upload="true"
+            :can-delete="true"
+          />
+        </div>
+
+        <!-- Git Repositories Section (only for existing projects) -->
+        <div v-if="editingProject.id" class="mt-4">
+          <div class="font-semibold text-lg mb-3">Git Repositories</div>
+          
+          <!-- Repository List -->
+          <DataTable
+            v-if="editGitRepositories.length > 0"
+            :value="editGitRepositories"
+            class="mb-3"
+            striped-rows
+          >
+            <Column field="name" header="Name" style="width: 25%">
+              <template #body="{ data }">
+                <div class="font-medium">{{ data.name }}</div>
+              </template>
+            </Column>
+            
+            <Column field="url" header="URL" style="width: 35%">
+              <template #body="{ data }">
+                <a :href="data.url" target="_blank" class="text-primary hover:underline text-sm">
+                  {{ data.url }}
+                </a>
+              </template>
+            </Column>
+            
+            <Column field="provider" header="Provider" style="width: 15%">
+              <template #body="{ data }">
+                <Tag :value="data.provider || 'local'" severity="info" />
+              </template>
+            </Column>
+            
+            <Column field="branch" header="Branch" style="width: 15%">
+              <template #body="{ data }">
+                <code class="text-sm">{{ data.branch || 'main' }}</code>
+              </template>
+            </Column>
+            
+            <Column style="width: 10%">
+              <template #body="{ data }">
+                <div class="flex gap-2 justify-end">
+                  <Button
+                    icon="pi pi-pencil"
+                    size="small"
+                    text
+                    @click="editGitRepo(data)"
+                  />
+                  <Button
+                    icon="pi pi-trash"
+                    size="small"
+                    text
+                    severity="danger"
+                    @click="confirmDeleteGitRepo(data)"
+                  />
+                </div>
+              </template>
+            </Column>
+          </DataTable>
+
+          <div v-else class="p-4 border-round border-1 surface-border text-center text-500 mb-3">
+            <i class="pi pi-github text-3xl mb-2"></i>
+            <p>Keine Git-Repositories verknüpft</p>
+          </div>
+
+          <!-- Add Repository Button -->
+          <Button
+            label="Repository hinzufügen"
+            icon="pi pi-plus"
+            size="small"
+            @click="openAddGitRepoDialog"
+          />
+        </div>
       </div>
 
       <template #footer>
@@ -285,6 +368,177 @@
       </template>
     </Dialog>
 
+    <!-- Git Repository Dialog -->
+    <Dialog
+      v-model:visible="gitRepoDialog"
+      :header="editingGitRepo?.id ? 'Repository bearbeiten' : 'Repository hinzufügen'"
+      :modal="true"
+      :style="{ width: '600px' }"
+    >
+      <div class="flex flex-col gap-4">
+        <div class="flex flex-col gap-2">
+          <label for="gitRepoName">Name *</label>
+          <InputText
+            id="gitRepoName"
+            v-model="editingGitRepo.name"
+            :class="{ 'p-invalid': gitRepoSubmitted && !editingGitRepo.name }"
+            placeholder="z.B. Main Repository"
+          />
+          <small v-if="gitRepoSubmitted && !editingGitRepo.name" class="p-error">Name ist erforderlich</small>
+        </div>
+
+        <div class="flex flex-col gap-2">
+          <label for="gitRepoUrl">URL *</label>
+          <InputText
+            id="gitRepoUrl"
+            v-model="editingGitRepo.url"
+            :class="{ 'p-invalid': gitRepoSubmitted && !editingGitRepo.url }"
+            placeholder="https://github.com/user/repo"
+          />
+          <small v-if="gitRepoSubmitted && !editingGitRepo.url" class="p-error">URL ist erforderlich</small>
+        </div>
+
+        <div class="flex flex-col gap-2">
+          <label for="gitRepoProvider">Provider</label>
+          <Select
+            id="gitRepoProvider"
+            v-model="editingGitRepo.provider"
+            :options="gitProviders"
+            option-label="label"
+            option-value="value"
+            placeholder="Provider auswählen"
+          />
+          <small class="text-500">Leer lassen für lokale Repositories</small>
+        </div>
+
+        <div class="flex flex-col gap-2">
+          <label for="gitRepoBranch">Branch</label>
+          <InputText
+            id="gitRepoBranch"
+            v-model="editingGitRepo.branch"
+            placeholder="main"
+          />
+        </div>
+
+        <!-- Test Connection Section -->
+        <div v-if="editingGitRepo.url && editingGitRepo.provider" class="p-3 border-round border-1 surface-border">
+          <div class="flex justify-between align-items-center mb-2">
+            <span class="font-medium text-sm">Verbindung testen</span>
+            <Button
+              label="Testen"
+              icon="pi pi-check-circle"
+              size="small"
+              outlined
+              :loading="testingConnection"
+              @click="testRepositoryConnection"
+            />
+          </div>
+          
+          <div v-if="connectionTestResult" class="mt-2">
+            <div v-if="connectionTestResult.success" class="flex align-items-start gap-2 p-2 border-round surface-ground border-1 border-green-500">
+              <i class="pi pi-check-circle text-green-600 mt-1"></i>
+              <div class="flex-1">
+                <div class="font-semibold text-sm text-green-700 dark:text-green-400">Verbindung erfolgreich</div>
+                <div class="text-xs mt-1">{{ connectionTestResult.message }}</div>
+                <div v-if="connectionTestResult.details" class="text-xs mt-1 text-600">
+                  <div v-if="connectionTestResult.details.defaultBranch">
+                    Standard-Branch: <code>{{ connectionTestResult.details.defaultBranch }}</code>
+                  </div>
+                  <div v-if="connectionTestResult.details.commitCount">
+                    Commits gefunden: {{ connectionTestResult.details.commitCount }}
+                  </div>
+                </div>
+              </div>
+            </div>
+            
+            <div v-else class="flex align-items-start gap-2 p-2 border-round surface-ground border-1 border-red-500">
+              <i class="pi pi-times-circle text-red-600 mt-1"></i>
+              <div class="flex-1">
+                <div class="font-semibold text-sm text-red-700 dark:text-red-400">Verbindung fehlgeschlagen</div>
+                <div class="text-xs mt-1">{{ connectionTestResult.message }}</div>
+                <div v-if="connectionTestResult.error" class="text-xs mt-1 text-600 font-mono">
+                  {{ connectionTestResult.error }}
+                </div>
+                <div v-if="connectionTestResult.details" class="text-xs mt-2 text-600">
+                  <div v-if="connectionTestResult.details.hint" class="font-semibold">
+                    💡 {{ connectionTestResult.details.hint }}
+                  </div>
+                  <div v-if="connectionTestResult.details.owner">
+                    Owner: {{ connectionTestResult.details.owner }}
+                  </div>
+                  <div v-if="connectionTestResult.details.repo">
+                    Repo: {{ connectionTestResult.details.repo }}
+                  </div>
+                  <div v-if="connectionTestResult.details.branch">
+                    Branch: {{ connectionTestResult.details.branch }}
+                  </div>
+                  <div v-if="connectionTestResult.details.defaultBranch">
+                    Standard-Branch: {{ connectionTestResult.details.defaultBranch }}
+                  </div>
+                </div>
+                <div v-if="connectionTestResult.trace" class="text-xs mt-2 p-2 surface-100 dark:surface-800 border-round overflow-auto max-h-10rem font-mono">
+                  {{ connectionTestResult.trace }}
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="flex flex-col gap-2">
+          <label for="gitRepoLocalPath">Lokaler Pfad (optional)</label>
+          <InputText
+            id="gitRepoLocalPath"
+            v-model="editingGitRepo.localPath"
+            placeholder="/pfad/zum/repository"
+          />
+          <small class="text-500">Nur für lokale Git-Repositories erforderlich</small>
+        </div>
+
+        <div v-if="editingGitRepo.provider && editingGitRepo.provider !== 'local'" class="flex flex-col gap-2">
+          <label for="gitRepoToken">Access Token (optional)</label>
+          <InputText
+            id="gitRepoToken"
+            v-model="editingGitRepo.accessToken"
+            type="password"
+            placeholder="Token für private Repositories"
+          />
+          <small class="text-500">Für private Repositories oder höhere Rate Limits</small>
+        </div>
+
+        <div class="flex flex-col gap-2">
+          <label for="gitRepoDescription">Beschreibung</label>
+          <Textarea
+            id="gitRepoDescription"
+            v-model="editingGitRepo.description"
+            rows="2"
+            placeholder="Optional: Beschreibung des Repositories"
+          />
+        </div>
+      </div>
+
+      <template #footer>
+        <Button label="Abbrechen" @click="gitRepoDialog = false" text :disabled="savingGitRepo" />
+        <Button label="Speichern" @click="saveGitRepo" :loading="savingGitRepo" />
+      </template>
+    </Dialog>
+
+    <!-- Delete Git Repo Confirmation Dialog -->
+    <Dialog
+      v-model:visible="deleteGitRepoDialog"
+      header="Repository entfernen"
+      :modal="true"
+      :style="{ width: '450px' }"
+    >
+      <div class="flex align-items-center gap-3">
+        <i class="pi pi-exclamation-triangle text-4xl text-orange-500" />
+        <span>Möchten Sie das Repository <b>{{ gitRepoToDelete?.name }}</b> wirklich entfernen?</span>
+      </div>
+      <template #footer>
+        <Button label="Abbrechen" @click="deleteGitRepoDialog = false" text :disabled="deletingGitRepo" />
+        <Button label="Entfernen" @click="deleteGitRepo" severity="danger" :loading="deletingGitRepo" />
+      </template>
+    </Dialog>
+
     <!-- Delete Confirmation Dialog -->
     <Dialog
       v-model:visible="deleteDialog"
@@ -307,96 +561,169 @@
       v-model:visible="viewDialog"
       header="Projekt anzeigen"
       :modal="true"
-      :style="{ width: '900px' }"
+      :style="{ width: '1400px' }"
     >
-      <div class="flex flex-col gap-4">
-        <!-- Basic Information -->
-        <div class="font-semibold text-lg">Grunddaten</div>
-        <div class="grid grid-cols-2 gap-4">
-          <div class="flex flex-col gap-2">
-            <label class="font-medium text-sm text-500">Projektname</label>
-            <div class="text-900">{{ viewingProject.name || '-' }}</div>
+      <TabView>
+        <!-- Project Data Tab -->
+        <TabPanel header="Projektdaten">
+          <div class="flex flex-col gap-4">
+            <!-- Basic Information -->
+            <div class="p-4 border-round border-1 surface-border">
+              <div class="font-semibold text-lg mb-3">Grunddaten</div>
+              <div class="grid grid-cols-2 gap-4">
+                <div class="flex flex-col gap-2">
+                  <label class="font-medium text-sm text-500">Projektname</label>
+                  <div class="text-900">{{ viewingProject.name || '-' }}</div>
+                </div>
+
+                <div class="flex flex-col gap-2">
+                  <label class="font-medium text-sm text-500">Projektnummer</label>
+                  <div class="text-900">{{ viewingProject.projectNumber || '-' }}</div>
+                </div>
+
+                <div class="flex flex-col gap-2 col-span-2">
+                  <label class="font-medium text-sm text-500">Beschreibung</label>
+                  <div class="text-900 whitespace-pre-wrap">{{ viewingProject.description || '-' }}</div>
+                </div>
+
+                <div class="flex flex-col gap-2">
+                  <label class="font-medium text-sm text-500">Kunde</label>
+                  <div class="text-900">{{ viewingProject.customer?.companyName || '-' }}</div>
+                </div>
+
+                <div class="flex flex-col gap-2">
+                  <label class="font-medium text-sm text-500">Status</label>
+                  <Tag v-if="viewingProject.status" :value="viewingProject.status.name" :style="{ backgroundColor: viewingProject.status.color }" />
+                  <div v-else class="text-900">-</div>
+                </div>
+
+                <div class="flex flex-col gap-2">
+                  <label class="font-medium text-sm text-500">Typ</label>
+                  <Tag :value="viewingProject.isPrivate ? 'Privat' : 'Beruflich'" :severity="viewingProject.isPrivate ? 'info' : 'success'" />
+                </div>
+              </div>
+            </div>
+
+            <!-- Project Numbers & Dates -->
+            <div class="p-4 border-round border-1 surface-border">
+              <div class="font-semibold text-lg mb-3">Nummern & Daten</div>
+              <div class="grid grid-cols-3 gap-4">
+                <div class="flex flex-col gap-2">
+                  <label class="font-medium text-sm text-500">Bestellnummer</label>
+                  <div class="text-900">{{ viewingProject.orderNumber || '-' }}</div>
+                </div>
+
+                <div class="flex flex-col gap-2">
+                  <label class="font-medium text-sm text-500">Bestelldatum</label>
+                  <div class="text-900">{{ formatDate(viewingProject.orderDate) || '-' }}</div>
+                </div>
+
+                <div class="flex flex-col gap-2">
+                  <label class="font-medium text-sm text-500">Startdatum</label>
+                  <div class="text-900">{{ formatDate(viewingProject.startDate) || '-' }}</div>
+                </div>
+
+                <div class="flex flex-col gap-2">
+                  <label class="font-medium text-sm text-500">Enddatum</label>
+                  <div class="text-900">{{ formatDate(viewingProject.endDate) || '-' }}</div>
+                </div>
+              </div>
+            </div>
+
+            <!-- Budget & Hours -->
+            <div class="p-4 border-round border-1 surface-border">
+              <div class="font-semibold text-lg mb-3">Budget & Kontingent</div>
+              <div class="grid grid-cols-2 gap-4">
+                <div class="flex flex-col gap-2">
+                  <label class="font-medium text-sm text-500">Budget</label>
+                  <div class="text-900">{{ viewingProject.budget ? formatCurrency(viewingProject.budget) : '-' }}</div>
+                </div>
+
+                <div class="flex flex-col gap-2">
+                  <label class="font-medium text-sm text-500">Stundenkontingent</label>
+                  <div class="text-900">{{ viewingProject.hourContingent ? `${viewingProject.hourContingent} h` : '-' }}</div>
+                </div>
+              </div>
+            </div>
+
+            <!-- Documents Section -->
+            <div class="p-4 border-round border-1 surface-border">
+              <div class="font-semibold text-lg mb-3">Dokumente</div>
+              <DocumentUpload
+                v-if="viewingProject.id"
+                entity-type="project"
+                :entity-id="viewingProject.id"
+                :can-upload="false"
+                :can-delete="false"
+              />
+            </div>
+
+            <!-- Timestamps -->
+            <div class="p-4 border-round border-1 surface-border">
+              <div class="font-semibold text-lg mb-3">Metadaten</div>
+              <div class="grid grid-cols-2 gap-4">
+                <div class="flex flex-col gap-2">
+                  <label class="font-medium text-sm text-500">Erstellt am</label>
+                  <div class="text-900">{{ formatDate(viewingProject.createdAt) || '-' }}</div>
+                </div>
+
+                <div class="flex flex-col gap-2">
+                  <label class="font-medium text-sm text-500">Zuletzt geändert</label>
+                  <div class="text-900">{{ formatDate(viewingProject.updatedAt) || '-' }}</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </TabPanel>
+
+        <!-- Git Repository Tab -->
+        <TabPanel header="Git Repositories">
+          <div v-if="gitRepositories.length === 0" class="text-center py-8 text-500">
+            <i class="pi pi-github text-6xl mb-3"></i>
+            <p>Keine Git-Repositories verknüpft</p>
+            <p class="text-sm">Füge ein Git-Repository hinzu, um Commits und Contributions zu analysieren.</p>
           </div>
 
-          <div class="flex flex-col gap-2">
-            <label class="font-medium text-sm text-500">Projektnummer</label>
-            <div class="text-900">{{ viewingProject.projectNumber || '-' }}</div>
-          </div>
+          <div v-else class="flex flex-col gap-4">
+            <!-- Repository Selector -->
+            <div class="flex gap-3 align-items-center">
+              <label class="font-medium">Repository:</label>
+              <Select
+                v-model="selectedRepository"
+                :options="gitRepositories"
+                option-label="name"
+                placeholder="Repository auswählen"
+                class="flex-1"
+              />
+              <label v-if="selectedRepository" class="font-medium">Branch:</label>
+              <InputText
+                v-if="selectedRepository"
+                v-model="selectedBranch"
+                placeholder="Branch (z.B. main)"
+                class="w-15rem"
+              />
+            </div>
 
-          <div class="flex flex-col gap-2 col-span-2">
-            <label class="font-medium text-sm text-500">Beschreibung</label>
-            <div class="text-900 whitespace-pre-wrap">{{ viewingProject.description || '-' }}</div>
-          </div>
+            <!-- Contribution Chart -->
+            <div v-if="selectedRepository" class="p-4 border-round border-1 surface-border">
+              <GitContributionChart
+                :repository-id="selectedRepository.id"
+                :branch="selectedBranch"
+              />
+            </div>
 
-          <div class="flex flex-col gap-2">
-            <label class="font-medium text-sm text-500">Kunde</label>
-            <div class="text-900">{{ viewingProject.customer?.companyName || '-' }}</div>
+            <!-- Commit List -->
+            <div v-if="selectedRepository" class="p-4 border-round border-1 surface-border">
+              <div class="font-semibold text-lg mb-3">Commit-Historie</div>
+              <GitCommitList
+                :repository-id="selectedRepository.id"
+                :branch="selectedBranch"
+                :limit="50"
+              />
+            </div>
           </div>
-
-          <div class="flex flex-col gap-2">
-            <label class="font-medium text-sm text-500">Status</label>
-            <Tag v-if="viewingProject.status" :value="viewingProject.status.name" :style="{ backgroundColor: viewingProject.status.color }" />
-            <div v-else class="text-900">-</div>
-          </div>
-
-          <div class="flex flex-col gap-2">
-            <label class="font-medium text-sm text-500">Typ</label>
-            <Tag :value="viewingProject.isPrivate ? 'Privat' : 'Beruflich'" :severity="viewingProject.isPrivate ? 'info' : 'success'" />
-          </div>
-        </div>
-
-        <!-- Project Numbers & Dates -->
-        <div class="font-semibold text-lg mt-4">Nummern & Daten</div>
-        <div class="grid grid-cols-3 gap-4">
-          <div class="flex flex-col gap-2">
-            <label class="font-medium text-sm text-500">Bestellnummer</label>
-            <div class="text-900">{{ viewingProject.orderNumber || '-' }}</div>
-          </div>
-
-          <div class="flex flex-col gap-2">
-            <label class="font-medium text-sm text-500">Bestelldatum</label>
-            <div class="text-900">{{ formatDate(viewingProject.orderDate) || '-' }}</div>
-          </div>
-
-          <div class="flex flex-col gap-2">
-            <label class="font-medium text-sm text-500">Startdatum</label>
-            <div class="text-900">{{ formatDate(viewingProject.startDate) || '-' }}</div>
-          </div>
-
-          <div class="flex flex-col gap-2">
-            <label class="font-medium text-sm text-500">Enddatum</label>
-            <div class="text-900">{{ formatDate(viewingProject.endDate) || '-' }}</div>
-          </div>
-        </div>
-
-        <!-- Budget & Hours -->
-        <div class="font-semibold text-lg mt-4">Budget & Kontingent</div>
-        <div class="grid grid-cols-2 gap-4">
-          <div class="flex flex-col gap-2">
-            <label class="font-medium text-sm text-500">Budget</label>
-            <div class="text-900">{{ viewingProject.budget ? formatCurrency(viewingProject.budget) : '-' }}</div>
-          </div>
-
-          <div class="flex flex-col gap-2">
-            <label class="font-medium text-sm text-500">Stundenkontingent</label>
-            <div class="text-900">{{ viewingProject.hourContingent ? `${viewingProject.hourContingent} h` : '-' }}</div>
-          </div>
-        </div>
-
-        <!-- Timestamps -->
-        <div class="font-semibold text-lg mt-4">Metadaten</div>
-        <div class="grid grid-cols-2 gap-4">
-          <div class="flex flex-col gap-2">
-            <label class="font-medium text-sm text-500">Erstellt am</label>
-            <div class="text-900">{{ formatDate(viewingProject.createdAt) || '-' }}</div>
-          </div>
-
-          <div class="flex flex-col gap-2">
-            <label class="font-medium text-sm text-500">Zuletzt geändert</label>
-            <div class="text-900">{{ formatDate(viewingProject.updatedAt) || '-' }}</div>
-          </div>
-        </div>
-      </div>
+        </TabPanel>
+      </TabView>
 
       <template #footer>
         <Button label="Schließen" @click="viewDialog = false" />
@@ -419,6 +746,13 @@ import DatePicker from 'primevue/datepicker'
 import InputNumber from 'primevue/inputnumber'
 import RadioButton from 'primevue/radiobutton'
 import Tag from 'primevue/tag'
+import TabView from 'primevue/tabview'
+import TabPanel from 'primevue/tabpanel'
+import DataTable from 'primevue/datatable'
+import Column from 'primevue/column'
+import GitCommitList from '../components/GitCommitList.vue'
+import GitContributionChart from '../components/GitContributionChart.vue'
+import DocumentUpload from '../components/DocumentUpload.vue'
 
 const toast = useToast()
 const tableRef = ref(null)
@@ -434,6 +768,27 @@ const deleting = ref(false)
 const typeFilter = ref('all')
 const customers = ref([])
 const statuses = ref([])
+const gitRepositories = ref([])
+const selectedRepository = ref(null)
+const selectedBranch = ref('main')
+
+// Git Repository Management
+const editGitRepositories = ref([])
+const gitRepoDialog = ref(false)
+const editingGitRepo = ref({})
+const gitRepoSubmitted = ref(false)
+const savingGitRepo = ref(false)
+const deleteGitRepoDialog = ref(false)
+const gitRepoToDelete = ref(null)
+const deletingGitRepo = ref(false)
+const testingConnection = ref(false)
+const connectionTestResult = ref(null)
+
+const gitProviders = [
+  { label: 'GitHub', value: 'github' },
+  { label: 'Gitea', value: 'gitea' },
+  { label: 'Lokal', value: 'local' }
+]
 
 // Permission checks (will be replaced with actual permission checks)
 const canView = computed(() => true)
@@ -523,9 +878,35 @@ function onDataLoaded(data) {
   console.log('Projects loaded:', data.length)
 }
 
-function viewProject(project) {
+async function viewProject(project) {
   viewingProject.value = { ...project }
   viewDialog.value = true
+  
+  // Load Git repositories for this project
+  await loadGitRepositories(project.id)
+}
+
+async function loadGitRepositories(projectId) {
+  try {
+    const response = await fetch(`/api/git_repositories?project=${projectId}`)
+    if (!response.ok) throw new Error('Fehler beim Laden der Git-Repositories')
+    
+    const data = await response.json()
+    gitRepositories.value = data['hydra:member'] || data.member || data || []
+    
+    // Select first repository by default
+    if (gitRepositories.value.length > 0) {
+      selectedRepository.value = gitRepositories.value[0]
+      selectedBranch.value = gitRepositories.value[0].branch || 'main'
+    } else {
+      selectedRepository.value = null
+      selectedBranch.value = 'main'
+    }
+  } catch (error) {
+    console.error('Error loading git repositories:', error)
+    gitRepositories.value = []
+    selectedRepository.value = null
+  }
 }
 
 function editFromView() {
@@ -567,6 +948,241 @@ function editProject(project) {
   }
   submitted.value = false
   projectDialog.value = true
+  
+  // Load git repositories for editing if project exists
+  if (project.id) {
+    loadGitRepositoriesForEdit(project.id)
+  }
+}
+
+async function loadGitRepositoriesForEdit(projectId) {
+  try {
+    const response = await fetch(`/api/git_repositories?project=${projectId}`)
+    if (!response.ok) throw new Error('Fehler beim Laden der Git-Repositories')
+    
+    const data = await response.json()
+    editGitRepositories.value = data['hydra:member'] || data.member || data || []
+  } catch (error) {
+    console.error('Error loading git repositories for edit:', error)
+    editGitRepositories.value = []
+  }
+}
+
+// Git Repository Management Functions
+function openAddGitRepoDialog() {
+  editingGitRepo.value = {
+    name: '',
+    url: '',
+    provider: null,
+    branch: 'main',
+    localPath: '',
+    accessToken: '',
+    description: ''
+  }
+  gitRepoSubmitted.value = false
+  connectionTestResult.value = null
+  gitRepoDialog.value = true
+}
+
+function editGitRepo(repo) {
+  editingGitRepo.value = { ...repo }
+  gitRepoSubmitted.value = false
+  connectionTestResult.value = null
+  gitRepoDialog.value = true
+}
+
+async function testRepositoryConnection() {
+  if (!editingGitRepo.value.url || !editingGitRepo.value.provider) {
+    toast.add({
+      severity: 'warn',
+      summary: 'Hinweis',
+      detail: 'Bitte URL und Provider angeben',
+      life: 3000
+    })
+    return
+  }
+
+  testingConnection.value = true
+  connectionTestResult.value = null
+
+  try {
+    // Create a temporary repository object for testing
+    const testData = {
+      url: editingGitRepo.value.url,
+      provider: editingGitRepo.value.provider,
+      branch: editingGitRepo.value.branch || 'main',
+      accessToken: editingGitRepo.value.accessToken || null,
+      localPath: editingGitRepo.value.localPath || null
+    }
+
+    const response = await fetch('/api/git-repos/test', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'Accept': 'application/json'
+      },
+      credentials: 'same-origin',
+      body: JSON.stringify(testData)
+    })
+
+    const result = await response.json()
+    
+    console.log('Test response:', response.status, result)
+
+    if (response.ok && result.success) {
+      connectionTestResult.value = {
+        success: true,
+        message: result.message || 'Repository ist erreichbar und korrekt konfiguriert',
+        details: result.details || {}
+      }
+
+      // Auto-fill branch if detected
+      if (result.details?.defaultBranch && !editingGitRepo.value.branch) {
+        editingGitRepo.value.branch = result.details.defaultBranch
+      }
+
+      toast.add({
+        severity: 'success',
+        summary: 'Erfolg',
+        detail: 'Repository-Verbindung erfolgreich getestet',
+        life: 3000
+      })
+    } else {
+      connectionTestResult.value = {
+        success: false,
+        message: result.message || 'Verbindung zum Repository fehlgeschlagen',
+        error: result.error || ''
+      }
+
+      toast.add({
+        severity: 'error',
+        summary: 'Fehler',
+        detail: result.message || 'Verbindung fehlgeschlagen',
+        life: 5000
+      })
+    }
+  } catch (error) {
+    console.error('Error testing repository connection:', error)
+    connectionTestResult.value = {
+      success: false,
+      message: 'Netzwerkfehler beim Testen der Verbindung',
+      error: error.message
+    }
+
+    toast.add({
+      severity: 'error',
+      summary: 'Fehler',
+      detail: 'Verbindung konnte nicht getestet werden',
+      life: 3000
+    })
+  } finally {
+    testingConnection.value = false
+  }
+}
+
+async function saveGitRepo() {
+  gitRepoSubmitted.value = true
+  
+  if (!editingGitRepo.value.name || !editingGitRepo.value.url) {
+    return
+  }
+  
+  savingGitRepo.value = true
+  
+  try {
+    const repoData = {
+      name: editingGitRepo.value.name,
+      url: editingGitRepo.value.url,
+      provider: editingGitRepo.value.provider || null,
+      branch: editingGitRepo.value.branch || 'main',
+      localPath: editingGitRepo.value.localPath || null,
+      accessToken: editingGitRepo.value.accessToken || null,
+      description: editingGitRepo.value.description || null,
+      project: `/api/projects/${editingProject.value.id}`
+    }
+    
+    const isNew = !editingGitRepo.value.id
+    const url = isNew ? '/api/git_repositories' : `/api/git_repositories/${editingGitRepo.value.id}`
+    const method = isNew ? 'POST' : 'PUT'
+    
+    const response = await fetch(url, {
+      method,
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(repoData)
+    })
+    
+    if (!response.ok) {
+      const errorData = await response.json()
+      throw new Error(errorData.message || 'Fehler beim Speichern des Repositories')
+    }
+    
+    toast.add({
+      severity: 'success',
+      summary: 'Erfolg',
+      detail: isNew ? 'Repository hinzugefügt' : 'Repository aktualisiert',
+      life: 3000
+    })
+    
+    gitRepoDialog.value = false
+    
+    // Reload git repositories
+    await loadGitRepositoriesForEdit(editingProject.value.id)
+  } catch (error) {
+    console.error('Error saving git repository:', error)
+    toast.add({
+      severity: 'error',
+      summary: 'Fehler',
+      detail: error.message || 'Repository konnte nicht gespeichert werden',
+      life: 3000
+    })
+  } finally {
+    savingGitRepo.value = false
+  }
+}
+
+function confirmDeleteGitRepo(repo) {
+  gitRepoToDelete.value = repo
+  deleteGitRepoDialog.value = true
+}
+
+async function deleteGitRepo() {
+  if (!gitRepoToDelete.value) return
+  
+  deletingGitRepo.value = true
+  
+  try {
+    const response = await fetch(`/api/git_repositories/${gitRepoToDelete.value.id}`, {
+      method: 'DELETE'
+    })
+    
+    if (!response.ok) {
+      throw new Error('Fehler beim Löschen des Repositories')
+    }
+    
+    toast.add({
+      severity: 'success',
+      summary: 'Erfolg',
+      detail: 'Repository entfernt',
+      life: 3000
+    })
+    
+    deleteGitRepoDialog.value = false
+    
+    // Reload git repositories
+    await loadGitRepositoriesForEdit(editingProject.value.id)
+  } catch (error) {
+    console.error('Error deleting git repository:', error)
+    toast.add({
+      severity: 'error',
+      summary: 'Fehler',
+      detail: 'Repository konnte nicht entfernt werden',
+      life: 3000
+    })
+  } finally {
+    deletingGitRepo.value = false
+  }
 }
 
 async function saveProject() {
diff --git a/config/services.yaml b/config/services.yaml
index 446a033..c891e96 100644
--- a/config/services.yaml
+++ b/config/services.yaml
@@ -40,3 +40,13 @@ services:
     App\EventListener\MailerLoggerListener:
         arguments:
             $projectDir: '%kernel.project_dir%'
+    
+    # GitHub Service with optional token
+    App\Service\GitHubService:
+        arguments:
+            $githubToken: '%env(string:default::GITHUB_TOKEN)%'
+    
+    # Gitea Service with optional token
+    App\Service\GiteaService:
+        arguments:
+            $giteaToken: '%env(string:default::GITEA_TOKEN)%'
diff --git a/docs/GIT_INTEGRATION.md b/docs/GIT_INTEGRATION.md
new file mode 100644
index 0000000..8a6c297
--- /dev/null
+++ b/docs/GIT_INTEGRATION.md
@@ -0,0 +1,228 @@
+# Git Integration - Dokumentation
+
+## Übersicht
+
+Die Git-Integration unterstützt drei Modi:
+1. **Remote API** (GitHub/GitLab/Gitea) - **Empfohlen**
+2. **Lokaler Clone** (Git-Commands auf lokalem Repository)
+
+## Remote API
+
+### Unterstützte Provider
+
+| Provider  | Status | API-Dokumentation |
+|-----------|--------|-------------------|
+| GitHub    | ✅ Implementiert | [GitHub API](https://docs.github.com/en/rest) |
+| Gitea     | ✅ Implementiert | [Gitea API](https://docs.gitea.io/en-us/api-usage/) |
+| GitLab    | 🔜 Geplant | [GitLab API](https://docs.gitlab.com/ee/api/) |
+| Bitbucket | 🔜 Geplant | [Bitbucket API](https://developer.atlassian.com/cloud/bitbucket/rest/) |
+
+### Vorteile
+- ✅ Kein lokaler Clone nötig
+- ✅ Schneller und skalierbarer
+- ✅ Automatisch aktuell
+- ✅ Zusätzliche Daten verfügbar (Stars, Forks, Contributors)
+
+### Nachteile
+- ⚠️ Rate Limits (abhängig vom Provider)
+- ⚠️ Nur für öffentliche Repos ohne Token
+
+## GitHub Integration
+
+### Repository hinzufügen (GitHub)
+
+```bash
+POST /api/git_repositories
+Content-Type: application/ld+json
+
+{
+  "project": "/api/projects/1",
+  "name": "Mein GitHub Projekt",
+  "url": "https://github.com/username/repository",
+  "branch": "main",
+  "provider": "github",
+  "accessToken": "ghp_XXXXXXXXXXXX"  // Optional, für private Repos
+}
+```
+
+### GitHub Personal Access Token erstellen
+
+1. GitHub → Settings → Developer settings → Personal access tokens → Tokens (classic)
+2. "Generate new token (classic)"
+3. Scopes auswählen:
+   - `repo` (für private Repositories)
+   - `public_repo` (nur für öffentliche Repositories)
+4. Token kopieren und in `accessToken` Feld eintragen
+
+**Wichtig:** Token niemals im Code committen! In Production: Environment Variable nutzen.
+
+## Gitea Integration
+
+### Repository hinzufügen (Gitea)
+
+```bash
+POST /api/git_repositories
+Content-Type: application/ld+json
+
+{
+  "project": "/api/projects/1",
+  "name": "Mein Gitea Projekt",
+  "url": "https://gitea.example.com/username/repository",
+  "branch": "main",
+  "provider": "gitea",
+  "accessToken": "your_gitea_token_here"  // Optional, für private Repos
+}
+```
+
+### Gitea Access Token erstellen
+
+1. Gitea → Settings → Applications → Generate New Token
+2. Token Name eingeben
+3. Scopes auswählen:
+   - `repo` (für Repository-Zugriff)
+4. Token kopieren und in `accessToken` Feld eintragen
+
+### Besonderheiten Gitea
+
+- **Self-hosted**: URL muss vollständige Instanz-URL enthalten (z.B. `https://gitea.example.com/user/repo`)
+- **API-Limit**: Standardmäßig keine Rate Limits bei self-hosted Gitea
+- **Contributions**: Werden aus Commit-Historie berechnet (max. 50 Commits pro Anfrage)
+
+### Unterstützte URL-Formate (Gitea)
+
+```
+https://gitea.example.com/username/repo
+https://gitea.example.com/username/repo.git
+git@gitea.example.com:username/repo.git
+```
+
+### Unterstützte Provider
+
+| Provider  | Status | API-Dokumentation |
+|-----------|--------|-------------------|
+| GitHub    | ✅ Implementiert | [GitHub API](https://docs.github.com/en/rest) |
+| Gitea     | ✅ Implementiert | [Gitea API](https://docs.gitea.io/en-us/api-usage/) |
+| GitLab    | 🔜 Geplant | [GitLab API](https://docs.gitlab.com/ee/api/) |
+| Bitbucket | 🔜 Geplant | [Bitbucket API](https://developer.atlassian.com/cloud/bitbucket/rest/) |
+
+## Lokaler Clone
+
+### Vorteile
+- ✅ Funktioniert mit jedem Git-Server
+- ✅ Keine API-Limits
+- ✅ Volle Git-Historie verfügbar
+
+### Nachteile
+- ⚠️ Benötigt Disk Space
+- ⚠️ Muss regelmäßig aktualisiert werden (git pull)
+- ⚠️ Git muss auf Server installiert sein
+
+### Repository hinzufügen (Lokal)
+
+```bash
+# 1. Repository lokal clonen
+cd /var/www/git-repos
+git clone https://github.com/username/repository.git
+
+# 2. Via API registrieren
+POST /api/git_repositories
+Content-Type: application/ld+json
+
+{
+  "project": "/api/projects/1",
+  "name": "Mein lokales Projekt",
+  "url": "https://github.com/username/repository.git",
+  "localPath": "/var/www/git-repos/repository",
+  "branch": "main",
+  "provider": "local"
+}
+```
+
+### Repository aktualisieren (Cron-Job)
+
+```bash
+# Crontab: Täglich um 2 Uhr morgens alle Repos pullen
+0 2 * * * cd /var/www/git-repos/repository && git pull origin main
+```
+
+## API Endpoints
+
+### Commits abrufen
+```
+GET /api/git-repos/{id}/commits?branch=main&limit=100
+```
+
+### Contributions abrufen (Wochenstatistik)
+```
+GET /api/git-repos/{id}/contributions?branch=main
+```
+
+### Branches auflisten
+```
+GET /api/git-repos/{id}/branches
+```
+
+### Repository validieren
+```
+GET /api/git-repos/{id}/validate
+```
+
+## Environment-Variablen (.env)
+
+```env
+# Optional: GitHub Token für höhere Rate Limits
+GITHUB_TOKEN=ghp_XXXXXXXXXXXX
+
+# Optional: Gitea Token für private Repos
+GITEA_TOKEN=your_gitea_token_here
+
+# Optional: GitLab Token
+GITLAB_TOKEN=glpat-XXXXXXXXXXXX
+```
+
+## Rate Limits
+
+### GitHub
+- **Ohne Token**: 60 Requests/Stunde
+- **Mit Token**: 5000 Requests/Stunde
+- **Enterprise**: 15000 Requests/Stunde
+
+### Gitea (Self-hosted)
+- **Standard**: Keine Limits (konfigurierbar durch Admin)
+- **Empfehlung**: Token verwenden für private Repos
+
+### Empfehlung
+Für Production-Umgebungen immer einen Token verwenden und Caching implementieren.
+
+## Beispiel: Repository über UI hinzufügen
+
+1. Projekt öffnen
+2. Tab "Git Repositories" öffnen
+3. "Repository hinzufügen" klicken
+4. **Provider auswählen**: `github` oder `gitea`
+5. **URL eintragen**: 
+   - GitHub: `https://github.com/username/repo`
+   - Gitea: `https://gitea.example.com/username/repo`
+6. **Optional**: Access Token eintragen (für private Repos)
+7. Speichern
+
+## Troubleshooting
+
+### "Failed to fetch commits: 403 Forbidden"
+→ Rate Limit erreicht. Token hinzufügen oder warten.
+
+### "Invalid GitHub URL format"
+→ URL muss Format haben: `https://github.com/owner/repo` oder `git@github.com:owner/repo.git`
+
+### "Invalid Gitea URL format"
+→ URL muss vollständige Gitea-Instanz beinhalten: `https://gitea.example.com/owner/repo`
+
+### "No data source configured"
+→ Weder `provider` noch `localPath` gesetzt. Eines von beiden ist erforderlich.
+
+### Gitea: "Failed to fetch commits"
+→ Prüfe:
+  - Ist die Gitea-Instanz erreichbar?
+  - Ist der Token gültig?
+  - Hat der Token die nötigen Rechte (`repo` scope)?
+  - Ist das Repository öffentlich oder benötigt einen Token?
diff --git a/migrations/Version20251111153432.php b/migrations/Version20251111153432.php
new file mode 100644
index 0000000..15167a2
--- /dev/null
+++ b/migrations/Version20251111153432.php
@@ -0,0 +1,33 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * Auto-generated Migration: Please modify to your needs!
+ */
+final class Version20251111153432 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return '';
+    }
+
+    public function up(Schema $schema): void
+    {
+        // this up() migration is auto-generated, please modify it to your needs
+        $this->addSql('CREATE TABLE documents (id INT AUTO_INCREMENT NOT NULL, uploaded_by_id INT NOT NULL, filename VARCHAR(255) NOT NULL, original_filename VARCHAR(255) NOT NULL, mime_type VARCHAR(100) NOT NULL, size INT NOT NULL, uploaded_at DATETIME NOT NULL, related_entity VARCHAR(50) NOT NULL, related_entity_id INT NOT NULL, description VARCHAR(255) DEFAULT NULL, INDEX IDX_A2B07288A2B28FE8 (uploaded_by_id), PRIMARY KEY(id)) DEFAULT CHARACTER SET utf8mb4 COLLATE `utf8mb4_unicode_ci` ENGINE = InnoDB');
+        $this->addSql('ALTER TABLE documents ADD CONSTRAINT FK_A2B07288A2B28FE8 FOREIGN KEY (uploaded_by_id) REFERENCES users (id)');
+    }
+
+    public function down(Schema $schema): void
+    {
+        // this down() migration is auto-generated, please modify it to your needs
+        $this->addSql('ALTER TABLE documents DROP FOREIGN KEY FK_A2B07288A2B28FE8');
+        $this->addSql('DROP TABLE documents');
+    }
+}
diff --git a/migrations/Version20251112141740.php b/migrations/Version20251112141740.php
new file mode 100644
index 0000000..cdc6168
--- /dev/null
+++ b/migrations/Version20251112141740.php
@@ -0,0 +1,33 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * Auto-generated Migration: Please modify to your needs!
+ */
+final class Version20251112141740 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return '';
+    }
+
+    public function up(Schema $schema): void
+    {
+        // this up() migration is auto-generated, please modify it to your needs
+        $this->addSql('CREATE TABLE git_repository (id INT AUTO_INCREMENT NOT NULL, project_id INT NOT NULL, url VARCHAR(500) NOT NULL, local_path VARCHAR(500) DEFAULT NULL, branch VARCHAR(100) DEFAULT NULL, last_sync DATETIME DEFAULT NULL, name VARCHAR(255) DEFAULT NULL, description LONGTEXT DEFAULT NULL, created_at DATETIME NOT NULL COMMENT \'(DC2Type:datetime_immutable)\', updated_at DATETIME NOT NULL COMMENT \'(DC2Type:datetime_immutable)\', INDEX IDX_C2B3204A166D1F9C (project_id), PRIMARY KEY(id)) DEFAULT CHARACTER SET utf8mb4 COLLATE `utf8mb4_unicode_ci` ENGINE = InnoDB');
+        $this->addSql('ALTER TABLE git_repository ADD CONSTRAINT FK_C2B3204A166D1F9C FOREIGN KEY (project_id) REFERENCES projects (id)');
+    }
+
+    public function down(Schema $schema): void
+    {
+        // this down() migration is auto-generated, please modify it to your needs
+        $this->addSql('ALTER TABLE git_repository DROP FOREIGN KEY FK_C2B3204A166D1F9C');
+        $this->addSql('DROP TABLE git_repository');
+    }
+}
diff --git a/migrations/Version20251112142215.php b/migrations/Version20251112142215.php
new file mode 100644
index 0000000..399b854
--- /dev/null
+++ b/migrations/Version20251112142215.php
@@ -0,0 +1,33 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * Auto-generated Migration: Please modify to your needs!
+ */
+final class Version20251112142215 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return 'Add provider and access_token fields to git_repository table';
+    }
+
+    public function up(Schema $schema): void
+    {
+        // Add new fields to existing git_repository table
+        $this->addSql('ALTER TABLE git_repository ADD provider VARCHAR(50) DEFAULT NULL');
+        $this->addSql('ALTER TABLE git_repository ADD access_token VARCHAR(255) DEFAULT NULL');
+    }
+
+    public function down(Schema $schema): void
+    {
+        // Remove the added fields
+        $this->addSql('ALTER TABLE git_repository DROP provider');
+        $this->addSql('ALTER TABLE git_repository DROP access_token');
+    }
+}
diff --git a/package-lock.json b/package-lock.json
index d485dcc..5386465 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,6 +7,7 @@
             "license": "UNLICENSED",
             "dependencies": {
                 "@primevue/themes": "^4.4.1",
+                "chart.js": "^4.5.1",
                 "pinia": "^2.2.0",
                 "primeicons": "^7.0.0",
                 "primevue": "^4.3.0",
@@ -2202,6 +2203,12 @@
                 "@jridgewell/sourcemap-codec": "^1.4.14"
             }
         },
+        "node_modules/@kurkle/color": {
+            "version": "0.3.4",
+            "resolved": "https://registry.npmjs.org/@kurkle/color/-/color-0.3.4.tgz",
+            "integrity": "sha512-M5UknZPHRu3DEDWoipU6sE8PdkZ6Z/S+v4dD+Ke8IaNlpdSQah50lz1KtcFBa2vsdOnwbbnxJwVM4wty6udA5w==",
+            "license": "MIT"
+        },
         "node_modules/@nuxt/friendly-errors-webpack-plugin": {
             "version": "2.6.0",
             "resolved": "https://registry.npmjs.org/@nuxt/friendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-2.6.0.tgz",
@@ -4217,6 +4224,18 @@
                 "node": ">=4"
             }
         },
+        "node_modules/chart.js": {
+            "version": "4.5.1",
+            "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.5.1.tgz",
+            "integrity": "sha512-GIjfiT9dbmHRiYi6Nl2yFCq7kkwdkp1W/lp2J99rX0yo9tgJGn3lKQATztIjb5tVtevcBtIdICNWqlq5+E8/Pw==",
+            "license": "MIT",
+            "dependencies": {
+                "@kurkle/color": "^0.3.0"
+            },
+            "engines": {
+                "pnpm": ">=8"
+            }
+        },
         "node_modules/chokidar": {
             "version": "4.0.3",
             "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
diff --git a/package.json b/package.json
index 2b54b4d..bc82ab7 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
     },
     "dependencies": {
         "@primevue/themes": "^4.4.1",
+        "chart.js": "^4.5.1",
         "pinia": "^2.2.0",
         "primeicons": "^7.0.0",
         "primevue": "^4.3.0",
diff --git a/public/.htaccess b/public/.htaccess
new file mode 100644
index 0000000..57f806d
--- /dev/null
+++ b/public/.htaccess
@@ -0,0 +1,19 @@
+# public/.htaccess
+<IfModule mod_rewrite.c>
+    RewriteEngine On
+
+    # Redirect to HTTPS if not already (optional, if you want HTTPS only)
+    # RewriteCond %{HTTPS} !=on
+    # RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
+
+    # If the requested filename exists, serve it directly
+    RewriteCond %{REQUEST_FILENAME} -f
+    RewriteRule ^ - [L]
+
+    # If the requested directory exists, serve it directly
+    RewriteCond %{REQUEST_FILENAME} -d
+    RewriteRule ^ - [L]
+
+    # Otherwise, forward to index.php
+    RewriteRule ^ index.php [L]
+</IfModule>
\ No newline at end of file
diff --git a/src/Controller/DocumentController.php b/src/Controller/DocumentController.php
new file mode 100644
index 0000000..8b2c11d
--- /dev/null
+++ b/src/Controller/DocumentController.php
@@ -0,0 +1,159 @@
+<?php
+
+namespace App\Controller;
+
+use App\Entity\Document;
+use App\Entity\User;
+use Doctrine\ORM\EntityManagerInterface;
+use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
+use Symfony\Component\HttpFoundation\File\Exception\FileException;
+use Symfony\Component\HttpFoundation\File\UploadedFile;
+use Symfony\Component\HttpFoundation\JsonResponse;
+use Symfony\Component\HttpFoundation\Request;
+use Symfony\Component\HttpFoundation\BinaryFileResponse;
+use Symfony\Component\HttpFoundation\ResponseHeaderBag;
+use Symfony\Component\Routing\Annotation\Route;
+use Symfony\Component\String\Slugger\SluggerInterface;
+
+#[Route('/api/documents')]
+class DocumentController extends AbstractController
+{
+    private string $uploadsDirectory;
+
+    public function __construct(
+        private EntityManagerInterface $entityManager,
+        private SluggerInterface $slugger
+    ) {
+        // Get project directory from kernel parameter
+        $this->uploadsDirectory = '%kernel.project_dir%/var/uploads/documents';
+    }
+
+    #[Route('/upload', name: 'api_document_upload', methods: ['POST'])]
+    public function upload(Request $request): JsonResponse
+    {
+        $this->denyAccessUnlessGranted('IS_AUTHENTICATED_FULLY');
+
+        // Resolve the actual path
+        $uploadsDirectory = str_replace('%kernel.project_dir%', $this->getParameter('kernel.project_dir'), $this->uploadsDirectory);
+        
+        // Erstelle Upload-Verzeichnis falls nicht vorhanden
+        if (!is_dir($uploadsDirectory)) {
+            mkdir($uploadsDirectory, 0755, true);
+        }
+
+        /** @var UploadedFile $file */
+        $file = $request->files->get('file');
+        if (!$file) {
+            return $this->json(['error' => 'Keine Datei hochgeladen'], 400);
+        }
+
+        // Validierung
+        $maxSize = 10 * 1024 * 1024; // 10MB
+        if ($file->getSize() > $maxSize) {
+            return $this->json(['error' => 'Datei ist zu groß (max. 10MB)'], 400);
+        }
+
+        // Erlaubte Dateitypen
+        $allowedMimeTypes = [
+            // Bilder
+            'image/jpeg',
+            'image/jpg',
+            'image/png',
+            'image/gif',
+            'image/webp',
+            'image/svg+xml',
+            // PDF
+            'application/pdf',
+            // Excel
+            'application/vnd.ms-excel',
+            'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+            // CSV
+            'text/csv',
+            'text/plain',
+            // Word
+            'application/msword',
+            'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+        ];
+
+        $mimeType = $file->getClientMimeType();
+        if (!in_array($mimeType, $allowedMimeTypes)) {
+            return $this->json([
+                'error' => 'Dateityp nicht erlaubt. Erlaubt sind: Bilder (JPG, PNG, GIF, WebP, SVG), PDF, Excel (XLS, XLSX), CSV und Word (DOC, DOCX)'
+            ], 400);
+        }
+
+        $relatedEntity = $request->request->get('relatedEntity');
+        $relatedEntityId = $request->request->get('relatedEntityId');
+
+        if (!$relatedEntity || !$relatedEntityId) {
+            return $this->json(['error' => 'relatedEntity und relatedEntityId sind erforderlich'], 400);
+        }
+
+        // Datei-Informationen VOR dem Move speichern
+        $originalFilename = $file->getClientOriginalName();
+        $mimeType = $file->getClientMimeType();
+        $fileSize = $file->getSize();
+
+        // Sichere Dateinamen generieren
+        $safeFilename = $this->slugger->slug(pathinfo($originalFilename, PATHINFO_FILENAME));
+        $newFilename = $safeFilename . '-' . uniqid() . '.' . $file->guessExtension();
+
+        try {
+            $file->move($uploadsDirectory, $newFilename);
+        } catch (FileException $e) {
+            return $this->json(['error' => 'Datei konnte nicht gespeichert werden'], 500);
+        }
+
+        // Document Entity erstellen
+        $document = new Document();
+        $document->setFilename($newFilename);
+        $document->setOriginalFilename($originalFilename);
+        $document->setMimeType($mimeType);
+        $document->setSize($fileSize);
+        $document->setRelatedEntity($relatedEntity);
+        $document->setRelatedEntityId((int) $relatedEntityId);
+        $document->setDescription($request->request->get('description'));
+        
+        /** @var User $user */
+        $user = $this->getUser();
+        $document->setUploadedBy($user);
+
+        $this->entityManager->persist($document);
+        $this->entityManager->flush();
+
+        return $this->json($document, 201, [], ['groups' => 'document:read']);
+    }
+
+    #[Route('/{id}/download', name: 'api_document_download', methods: ['GET'])]
+    public function download(Document $document): BinaryFileResponse
+    {
+        $this->denyAccessUnlessGranted('VIEW', $document);
+
+        $uploadsDirectory = str_replace('%kernel.project_dir%', $this->getParameter('kernel.project_dir'), $this->uploadsDirectory);
+        $filePath = $uploadsDirectory . '/' . $document->getFilename();
+        
+        if (!file_exists($filePath)) {
+            throw $this->createNotFoundException('Datei nicht gefunden');
+        }
+
+        $response = new BinaryFileResponse($filePath);
+        
+        // Inline anzeigen statt Download für gängige Dateitypen
+        $mimeType = $document->getMimeType();
+        $inlineTypes = ['application/pdf', 'image/jpeg', 'image/jpg', 'image/png', 'image/gif', 'image/webp'];
+        
+        if (in_array($mimeType, $inlineTypes)) {
+            $response->setContentDisposition(
+                ResponseHeaderBag::DISPOSITION_INLINE,
+                $document->getOriginalFilename()
+            );
+        } else {
+            $response->setContentDisposition(
+                ResponseHeaderBag::DISPOSITION_ATTACHMENT,
+                $document->getOriginalFilename()
+            );
+        }
+
+        return $response;
+    }
+}
diff --git a/src/Controller/GitRepositoryController.php b/src/Controller/GitRepositoryController.php
new file mode 100644
index 0000000..df9b00b
--- /dev/null
+++ b/src/Controller/GitRepositoryController.php
@@ -0,0 +1,409 @@
+<?php
+
+namespace App\Controller;
+
+use App\Entity\GitRepository;
+use App\Service\GitService;
+use App\Service\GitHubService;
+use App\Service\GiteaService;
+use Doctrine\ORM\EntityManagerInterface;
+use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
+use Symfony\Component\HttpFoundation\JsonResponse;
+use Symfony\Component\HttpFoundation\Request;
+use Symfony\Component\HttpFoundation\Response;
+use Symfony\Component\Routing\Annotation\Route;
+
+#[Route('/api/git-repos')]
+class GitRepositoryController extends AbstractController
+{
+    public function __construct(
+        private GitService $gitService,
+        private GitHubService $githubService,
+        private GiteaService $giteaService,
+        private EntityManagerInterface $em
+    ) {
+    }
+
+    #[Route('/{id}/commits', name: 'api_git_repo_commits', methods: ['GET'])]
+    public function getCommits(GitRepository $gitRepo, Request $request): JsonResponse
+    {
+        try {
+            $limit = (int)$request->query->get('limit', 100);
+            $branch = $request->query->get('branch', $gitRepo->getBranch() ?? 'main');
+
+            // Choose service based on provider
+            if ($gitRepo->getProvider() === 'github') {
+                $commits = $this->getCommitsFromGitHub($gitRepo, $branch, $limit);
+            } elseif ($gitRepo->getProvider() === 'gitea') {
+                $commits = $this->getCommitsFromGitea($gitRepo, $branch, $limit);
+            } elseif ($gitRepo->getLocalPath()) {
+                $commits = $this->gitService->getCommits(
+                    $gitRepo->getLocalPath(),
+                    $branch,
+                    $limit
+                );
+            } else {
+                return $this->json([
+                    'error' => 'No data source configured (neither provider API nor local path)'
+                ], Response::HTTP_BAD_REQUEST);
+            }
+
+            // Update last sync timestamp
+            $gitRepo->setLastSync(new \DateTime());
+            $this->em->flush();
+
+            return $this->json([
+                'repository' => [
+                    'id' => $gitRepo->getId(),
+                    'name' => $gitRepo->getName(),
+                    'branch' => $branch,
+                    'provider' => $gitRepo->getProvider()
+                ],
+                'commits' => $commits,
+                'total' => count($commits)
+            ]);
+        } catch (\Exception $e) {
+            return $this->json([
+                'error' => 'Failed to fetch commits: ' . $e->getMessage()
+            ], Response::HTTP_INTERNAL_SERVER_ERROR);
+        }
+    }
+
+    private function getCommitsFromGitHub(GitRepository $gitRepo, string $branch, int $limit): array
+    {
+        $parsed = GitHubService::parseGitHubUrl($gitRepo->getUrl());
+        return $this->githubService->getCommits($parsed['owner'], $parsed['repo'], $branch, $limit);
+    }
+
+    private function getCommitsFromGitea(GitRepository $gitRepo, string $branch, int $limit): array
+    {
+        $parsed = GiteaService::parseGiteaUrl($gitRepo->getUrl());
+        return $this->giteaService->getCommits($parsed['baseUrl'], $parsed['owner'], $parsed['repo'], $branch, $limit);
+    }
+
+    #[Route('/{id}/contributions', name: 'api_git_repo_contributions', methods: ['GET'])]
+    public function getContributions(GitRepository $gitRepo, Request $request): JsonResponse
+    {
+        try {
+            $branch = $request->query->get('branch', $gitRepo->getBranch() ?? 'main');
+            $author = $request->query->get('author');
+
+            // Choose service based on provider
+            if ($gitRepo->getProvider() === 'github') {
+                $contributions = $this->getContributionsFromGitHub($gitRepo);
+            } elseif ($gitRepo->getProvider() === 'gitea') {
+                $contributions = $this->getContributionsFromGitea($gitRepo, $branch, $author);
+            } elseif ($gitRepo->getLocalPath()) {
+                $contributions = $this->gitService->getContributions(
+                    $gitRepo->getLocalPath(),
+                    $branch,
+                    $author
+                );
+            } else {
+                return $this->json([
+                    'error' => 'No data source configured (neither provider API nor local path)'
+                ], Response::HTTP_BAD_REQUEST);
+            }
+
+            // Update last sync timestamp
+            $gitRepo->setLastSync(new \DateTime());
+            $this->em->flush();
+
+            return $this->json([
+                'repository' => [
+                    'id' => $gitRepo->getId(),
+                    'name' => $gitRepo->getName(),
+                    'branch' => $branch,
+                    'provider' => $gitRepo->getProvider()
+                ],
+                'contributions' => $contributions,
+                'total' => array_sum(array_column($contributions, 'count'))
+            ]);
+        } catch (\Exception $e) {
+            return $this->json([
+                'error' => 'Failed to fetch contributions: ' . $e->getMessage()
+            ], Response::HTTP_INTERNAL_SERVER_ERROR);
+        }
+    }
+
+    private function getContributionsFromGitHub(GitRepository $gitRepo): array
+    {
+        $parsed = GitHubService::parseGitHubUrl($gitRepo->getUrl());
+        return $this->githubService->getContributions($parsed['owner'], $parsed['repo']);
+    }
+
+    private function getContributionsFromGitea(GitRepository $gitRepo, string $branch, ?string $author): array
+    {
+        $parsed = GiteaService::parseGiteaUrl($gitRepo->getUrl());
+        return $this->giteaService->getContributions($parsed['baseUrl'], $parsed['owner'], $parsed['repo'], $branch, $author);
+    }
+
+    #[Route('/{id}/branches', name: 'api_git_repo_branches', methods: ['GET'])]
+    public function getBranches(GitRepository $gitRepo): JsonResponse
+    {
+        try {
+            if (!$gitRepo->getLocalPath()) {
+                return $this->json([
+                    'error' => 'No local path configured for this repository'
+                ], Response::HTTP_BAD_REQUEST);
+            }
+
+            $branches = $this->gitService->getBranches($gitRepo->getLocalPath());
+
+            return $this->json([
+                'repository' => [
+                    'id' => $gitRepo->getId(),
+                    'name' => $gitRepo->getName()
+                ],
+                'branches' => $branches
+            ]);
+        } catch (\Exception $e) {
+            return $this->json([
+                'error' => 'Failed to fetch branches: ' . $e->getMessage()
+            ], Response::HTTP_INTERNAL_SERVER_ERROR);
+        }
+    }
+
+    #[Route('/{id}/validate', name: 'api_git_repo_validate', methods: ['GET'])]
+    public function validateRepository(GitRepository $gitRepo): JsonResponse
+    {
+        if (!$gitRepo->getLocalPath()) {
+            return $this->json([
+                'valid' => false,
+                'error' => 'No local path configured'
+            ]);
+        }
+
+        $isValid = $this->gitService->isValidRepository($gitRepo->getLocalPath());
+
+        if ($isValid) {
+            try {
+                $info = $this->gitService->getRepositoryInfo($gitRepo->getLocalPath());
+                return $this->json([
+                    'valid' => true,
+                    'info' => $info
+                ]);
+            } catch (\Exception $e) {
+                return $this->json([
+                    'valid' => false,
+                    'error' => $e->getMessage()
+                ]);
+            }
+        }
+
+        return $this->json([
+            'valid' => false,
+            'error' => 'Invalid Git repository'
+        ]);
+    }
+
+    #[Route('/test', name: 'api_git_repo_test_connection', methods: ['POST'])]
+    public function testConnection(Request $request): JsonResponse
+    {
+        // Simple authentication check - user must be logged in
+        $this->denyAccessUnlessGranted('IS_AUTHENTICATED_FULLY');
+        
+        $data = json_decode($request->getContent(), true);
+        
+        $url = $data['url'] ?? null;
+        $provider = $data['provider'] ?? null;
+        $branch = $data['branch'] ?? 'main';
+        $accessToken = $data['accessToken'] ?? null;
+        $localPath = $data['localPath'] ?? null;
+
+        if (!$url) {
+            return $this->json([
+                'success' => false,
+                'message' => 'URL ist erforderlich'
+            ], 400);
+        }
+
+        try {
+            // Test connection based on provider
+            if ($provider === 'github') {
+                return $this->testGitHubConnection($url, $branch, $accessToken);
+            } elseif ($provider === 'gitea') {
+                return $this->testGiteaConnection($url, $branch, $accessToken);
+            } elseif ($provider === 'local') {
+                return $this->testLocalConnection($localPath, $branch);
+            } else {
+                return $this->json([
+                    'success' => false,
+                    'message' => 'Unbekannter Provider',
+                    'error' => 'Bitte wählen Sie einen gültigen Provider aus'
+                ], 400);
+            }
+        } catch (\Exception $e) {
+            return $this->json([
+                'success' => false,
+                'message' => 'Fehler beim Testen der Verbindung',
+                'error' => $e->getMessage()
+            ], 500);
+        }
+    }
+
+    private function testGitHubConnection(string $url, string $branch, ?string $accessToken): JsonResponse
+    {
+        try {
+            // Parse GitHub URL
+            $repoInfo = $this->githubService->parseGitHubUrl($url);
+            if (!$repoInfo) {
+                return $this->json([
+                    'success' => false,
+                    'message' => 'Ungültige GitHub URL',
+                    'error' => 'Die URL konnte nicht geparst werden. Erwartet: https://github.com/owner/repo'
+                ], 400);
+            }
+
+            // Get repository info
+            try {
+                $info = $this->githubService->getRepositoryInfo(
+                    $repoInfo['owner'],
+                    $repoInfo['repo'],
+                    $accessToken
+                );
+            } catch (\Exception $e) {
+                return $this->json([
+                    'success' => false,
+                    'message' => 'Repository-Informationen konnten nicht abgerufen werden',
+                    'error' => $e->getMessage(),
+                    'details' => [
+                        'owner' => $repoInfo['owner'],
+                        'repo' => $repoInfo['repo'],
+                        'hint' => 'Prüfen Sie, ob das Repository existiert und öffentlich ist, oder fügen Sie ein Access Token hinzu'
+                    ]
+                ], 400);
+            }
+
+            // Try to get commits to verify branch access
+            try {
+                $commits = $this->githubService->getCommits($url, $branch, 10, $accessToken);
+            } catch (\Exception $e) {
+                return $this->json([
+                    'success' => false,
+                    'message' => 'Branch konnte nicht gelesen werden',
+                    'error' => $e->getMessage(),
+                    'details' => [
+                        'branch' => $branch,
+                        'defaultBranch' => $info['default_branch'] ?? 'main',
+                        'hint' => 'Der Branch "' . $branch . '" existiert möglicherweise nicht. Standard-Branch ist: ' . ($info['default_branch'] ?? 'main')
+                    ]
+                ], 400);
+            }
+            
+            return $this->json([
+                'success' => true,
+                'message' => 'Verbindung erfolgreich',
+                'details' => [
+                    'repositoryName' => $info['name'] ?? $repoInfo['repo'],
+                    'defaultBranch' => $info['default_branch'] ?? 'main',
+                    'commitCount' => count($commits),
+                    'private' => $info['private'] ?? false
+                ]
+            ]);
+        } catch (\Exception $e) {
+            return $this->json([
+                'success' => false,
+                'message' => 'Unerwarteter Fehler',
+                'error' => $e->getMessage(),
+                'trace' => $e->getTraceAsString()
+            ], 500);
+        }
+    }
+
+    private function testGiteaConnection(string $url, string $branch, ?string $accessToken): JsonResponse
+    {
+        try {
+            // Parse Gitea URL
+            $repoInfo = $this->giteaService->parseGiteaUrl($url);
+            if (!$repoInfo) {
+                return $this->json([
+                    'success' => false,
+                    'message' => 'Ungültige Gitea URL',
+                    'error' => 'Die URL konnte nicht geparst werden. Erwartet: https://gitea.example.com/owner/repo'
+                ], 400);
+            }
+
+            // Try to get commits with correct parameters
+            try {
+                $commits = $this->giteaService->getCommits(
+                    $repoInfo['baseUrl'],
+                    $repoInfo['owner'],
+                    $repoInfo['repo'],
+                    $branch,
+                    10
+                );
+            } catch (\Exception $e) {
+                return $this->json([
+                    'success' => false,
+                    'message' => 'Branch konnte nicht gelesen werden',
+                    'error' => $e->getMessage(),
+                    'details' => [
+                        'baseUrl' => $repoInfo['baseUrl'],
+                        'owner' => $repoInfo['owner'],
+                        'repo' => $repoInfo['repo'],
+                        'branch' => $branch,
+                        'hint' => 'Prüfen Sie, ob das Repository existiert und der Branch korrekt ist'
+                    ]
+                ], 400);
+            }
+            
+            return $this->json([
+                'success' => true,
+                'message' => 'Verbindung erfolgreich',
+                'details' => [
+                    'repositoryName' => $repoInfo['repo'],
+                    'commitCount' => count($commits),
+                    'baseUrl' => $repoInfo['baseUrl'],
+                    'owner' => $repoInfo['owner']
+                ]
+            ]);
+        } catch (\Exception $e) {
+            return $this->json([
+                'success' => false,
+                'message' => 'Unerwarteter Fehler',
+                'error' => $e->getMessage(),
+                'trace' => $e->getTraceAsString()
+            ], 500);
+        }
+    }
+
+    private function testLocalConnection(?string $localPath, string $branch): JsonResponse
+    {
+        if (!$localPath) {
+            return $this->json([
+                'success' => false,
+                'message' => 'Lokaler Pfad ist erforderlich'
+            ], 400);
+        }
+
+        if (!$this->gitService->isValidRepository($localPath)) {
+            return $this->json([
+                'success' => false,
+                'message' => 'Kein gültiges Git-Repository',
+                'error' => 'Der angegebene Pfad enthält kein Git-Repository'
+            ], 400);
+        }
+
+        try {
+            $branches = $this->gitService->getBranches($localPath);
+            $commits = $this->gitService->getCommits($localPath, $branch, 10);
+            
+            return $this->json([
+                'success' => true,
+                'message' => 'Repository gefunden und lesbar',
+                'details' => [
+                    'path' => $localPath,
+                    'branches' => count($branches),
+                    'commitCount' => count($commits)
+                ]
+            ]);
+        } catch (\Exception $e) {
+            return $this->json([
+                'success' => false,
+                'message' => 'Fehler beim Lesen des Repositories',
+                'error' => $e->getMessage()
+            ], 400);
+        }
+    }
+}
diff --git a/src/Controller/PermissionController.php b/src/Controller/PermissionController.php
index 0402c40..a113e90 100644
--- a/src/Controller/PermissionController.php
+++ b/src/Controller/PermissionController.php
@@ -24,7 +24,7 @@ class PermissionController extends AbstractController
         $permissions = [];
         
         // Liste aller Module die geprüft werden sollen
-        $modules = ['contacts', 'projects', 'project_statuses', 'users', 'roles', 'settings'];
+        $modules = ['contacts', 'projects', 'project_statuses', 'documents', 'users', 'roles', 'settings'];
         
         foreach ($modules as $module) {
             $permissions[$module] = [
diff --git a/src/Entity/Document.php b/src/Entity/Document.php
new file mode 100644
index 0000000..87c5b07
--- /dev/null
+++ b/src/Entity/Document.php
@@ -0,0 +1,196 @@
+<?php
+
+namespace App\Entity;
+
+use ApiPlatform\Doctrine\Orm\Filter\SearchFilter;
+use ApiPlatform\Metadata\ApiFilter;
+use ApiPlatform\Metadata\ApiResource;
+use ApiPlatform\Metadata\Delete;
+use ApiPlatform\Metadata\Get;
+use ApiPlatform\Metadata\GetCollection;
+use ApiPlatform\Metadata\Post;
+use App\Entity\Interface\ModuleAwareInterface;
+use App\Repository\DocumentRepository;
+use Doctrine\DBAL\Types\Types;
+use Doctrine\ORM\Mapping as ORM;
+use Symfony\Component\Serializer\Annotation\Groups;
+use Symfony\Component\Validator\Constraints as Assert;
+
+#[ORM\Entity(repositoryClass: DocumentRepository::class)]
+#[ORM\Table(name: 'documents')]
+#[ApiResource(
+    operations: [
+        new GetCollection(security: "is_granted('ROLE_USER')"),
+        new Get(security: "is_granted('VIEW', object)"),
+        new Post(
+            security: "is_granted('CREATE', object)",
+            validationContext: ['groups' => ['Default', 'document:create']]
+        ),
+        new Delete(security: "is_granted('DELETE', object)")
+    ],
+    normalizationContext: ['groups' => ['document:read']],
+    denormalizationContext: ['groups' => ['document:write']]
+)]
+#[ApiFilter(SearchFilter::class, properties: ['relatedEntity' => 'exact', 'relatedEntityId' => 'exact'])]
+class Document implements ModuleAwareInterface
+{
+    #[ORM\Id]
+    #[ORM\GeneratedValue]
+    #[ORM\Column]
+    #[Groups(['document:read'])]
+    private ?int $id = null;
+
+    #[ORM\Column(length: 255)]
+    #[Groups(['document:read'])]
+    private ?string $filename = null;
+
+    #[ORM\Column(length: 255)]
+    #[Groups(['document:read'])]
+    #[Assert\NotBlank]
+    private ?string $originalFilename = null;
+
+    #[ORM\Column(length: 100)]
+    #[Groups(['document:read'])]
+    private ?string $mimeType = null;
+
+    #[ORM\Column]
+    #[Groups(['document:read'])]
+    private ?int $size = null;
+
+    #[ORM\Column(type: Types::DATETIME_MUTABLE)]
+    #[Groups(['document:read'])]
+    private ?\DateTimeInterface $uploadedAt = null;
+
+    #[ORM\ManyToOne]
+    #[ORM\JoinColumn(nullable: false)]
+    #[Groups(['document:read'])]
+    private ?User $uploadedBy = null;
+
+    #[ORM\Column(length: 50)]
+    #[Groups(['document:read', 'document:write'])]
+    #[Assert\NotBlank]
+    private ?string $relatedEntity = null;
+
+    #[ORM\Column]
+    #[Groups(['document:read', 'document:write'])]
+    #[Assert\NotBlank]
+    private ?int $relatedEntityId = null;
+
+    #[ORM\Column(length: 255, nullable: true)]
+    #[Groups(['document:read', 'document:write'])]
+    private ?string $description = null;
+
+    public function __construct()
+    {
+        $this->uploadedAt = new \DateTime();
+    }
+
+    public function getId(): ?int
+    {
+        return $this->id;
+    }
+
+    public function getFilename(): ?string
+    {
+        return $this->filename;
+    }
+
+    public function setFilename(string $filename): static
+    {
+        $this->filename = $filename;
+        return $this;
+    }
+
+    public function getOriginalFilename(): ?string
+    {
+        return $this->originalFilename;
+    }
+
+    public function setOriginalFilename(string $originalFilename): static
+    {
+        $this->originalFilename = $originalFilename;
+        return $this;
+    }
+
+    public function getMimeType(): ?string
+    {
+        return $this->mimeType;
+    }
+
+    public function setMimeType(string $mimeType): static
+    {
+        $this->mimeType = $mimeType;
+        return $this;
+    }
+
+    public function getSize(): ?int
+    {
+        return $this->size;
+    }
+
+    public function setSize(int $size): static
+    {
+        $this->size = $size;
+        return $this;
+    }
+
+    public function getUploadedAt(): ?\DateTimeInterface
+    {
+        return $this->uploadedAt;
+    }
+
+    public function setUploadedAt(\DateTimeInterface $uploadedAt): static
+    {
+        $this->uploadedAt = $uploadedAt;
+        return $this;
+    }
+
+    public function getUploadedBy(): ?User
+    {
+        return $this->uploadedBy;
+    }
+
+    public function setUploadedBy(?User $uploadedBy): static
+    {
+        $this->uploadedBy = $uploadedBy;
+        return $this;
+    }
+
+    public function getRelatedEntity(): ?string
+    {
+        return $this->relatedEntity;
+    }
+
+    public function setRelatedEntity(string $relatedEntity): static
+    {
+        $this->relatedEntity = $relatedEntity;
+        return $this;
+    }
+
+    public function getRelatedEntityId(): ?int
+    {
+        return $this->relatedEntityId;
+    }
+
+    public function setRelatedEntityId(int $relatedEntityId): static
+    {
+        $this->relatedEntityId = $relatedEntityId;
+        return $this;
+    }
+
+    public function getDescription(): ?string
+    {
+        return $this->description;
+    }
+
+    public function setDescription(?string $description): static
+    {
+        $this->description = $description;
+        return $this;
+    }
+
+    public function getModuleName(): string
+    {
+        return 'documents';
+    }
+}
diff --git a/src/Entity/GitRepository.php b/src/Entity/GitRepository.php
new file mode 100644
index 0000000..bb55313
--- /dev/null
+++ b/src/Entity/GitRepository.php
@@ -0,0 +1,229 @@
+<?php
+
+namespace App\Entity;
+
+use ApiPlatform\Metadata\ApiResource;
+use ApiPlatform\Metadata\Get;
+use ApiPlatform\Metadata\GetCollection;
+use ApiPlatform\Metadata\Post;
+use ApiPlatform\Metadata\Put;
+use ApiPlatform\Metadata\Delete;
+use App\Repository\GitRepositoryRepository;
+use Doctrine\DBAL\Types\Types;
+use Doctrine\ORM\Mapping as ORM;
+use Symfony\Component\Serializer\Annotation\Groups;
+
+#[ORM\Entity(repositoryClass: GitRepositoryRepository::class)]
+#[ApiResource(
+    operations: [
+        new Get(normalizationContext: ['groups' => ['git_repo:read', 'git_repo:read:detail']]),
+        new GetCollection(normalizationContext: ['groups' => ['git_repo:read']]),
+        new Post(denormalizationContext: ['groups' => ['git_repo:write']]),
+        new Put(denormalizationContext: ['groups' => ['git_repo:write']]),
+        new Delete()
+    ],
+    normalizationContext: ['groups' => ['git_repo:read']],
+    denormalizationContext: ['groups' => ['git_repo:write']]
+)]
+class GitRepository
+{
+    #[ORM\Id]
+    #[ORM\GeneratedValue]
+    #[ORM\Column]
+    #[Groups(['git_repo:read'])]
+    private ?int $id = null;
+
+    #[ORM\Column(length: 500)]
+    #[Groups(['git_repo:read', 'git_repo:write'])]
+    private ?string $url = null;
+
+    #[ORM\Column(length: 500, nullable: true)]
+    #[Groups(['git_repo:read', 'git_repo:write'])]
+    private ?string $localPath = null;
+
+    #[ORM\Column(length: 100, nullable: true)]
+    #[Groups(['git_repo:read', 'git_repo:write'])]
+    private ?string $branch = 'main';
+
+    #[ORM\Column(length: 50, nullable: true)]
+    #[Groups(['git_repo:read', 'git_repo:write'])]
+    private ?string $provider = 'github'; // github, gitlab, bitbucket, local
+
+    #[ORM\Column(length: 255, nullable: true)]
+    #[Groups(['git_repo:read', 'git_repo:write'])]
+    private ?string $accessToken = null; // For API access (encrypted in production!)
+
+    #[ORM\ManyToOne(inversedBy: 'gitRepositories')]
+    #[ORM\JoinColumn(nullable: false)]
+    #[Groups(['git_repo:read', 'git_repo:write'])]
+    private ?Project $project = null;
+
+    #[ORM\Column(type: Types::DATETIME_MUTABLE, nullable: true)]
+    #[Groups(['git_repo:read'])]
+    private ?\DateTimeInterface $lastSync = null;
+
+    #[ORM\Column(length: 255, nullable: true)]
+    #[Groups(['git_repo:read', 'git_repo:write'])]
+    private ?string $name = null;
+
+    #[ORM\Column(type: Types::TEXT, nullable: true)]
+    #[Groups(['git_repo:read', 'git_repo:write'])]
+    private ?string $description = null;
+
+    #[ORM\Column]
+    #[Groups(['git_repo:read'])]
+    private ?\DateTimeImmutable $createdAt = null;
+
+    #[ORM\Column]
+    #[Groups(['git_repo:read'])]
+    private ?\DateTimeImmutable $updatedAt = null;
+
+    public function __construct()
+    {
+        $this->createdAt = new \DateTimeImmutable();
+        $this->updatedAt = new \DateTimeImmutable();
+    }
+
+    #[ORM\PreUpdate]
+    public function setUpdatedAtValue(): void
+    {
+        $this->updatedAt = new \DateTimeImmutable();
+    }
+
+    public function getId(): ?int
+    {
+        return $this->id;
+    }
+
+    public function getUrl(): ?string
+    {
+        return $this->url;
+    }
+
+    public function setUrl(string $url): static
+    {
+        $this->url = $url;
+
+        return $this;
+    }
+
+    public function getLocalPath(): ?string
+    {
+        return $this->localPath;
+    }
+
+    public function setLocalPath(?string $localPath): static
+    {
+        $this->localPath = $localPath;
+
+        return $this;
+    }
+
+    public function getBranch(): ?string
+    {
+        return $this->branch;
+    }
+
+    public function setBranch(?string $branch): static
+    {
+        $this->branch = $branch;
+
+        return $this;
+    }
+
+    public function getProject(): ?Project
+    {
+        return $this->project;
+    }
+
+    public function setProject(?Project $project): static
+    {
+        $this->project = $project;
+
+        return $this;
+    }
+
+    public function getLastSync(): ?\DateTimeInterface
+    {
+        return $this->lastSync;
+    }
+
+    public function setLastSync(?\DateTimeInterface $lastSync): static
+    {
+        $this->lastSync = $lastSync;
+
+        return $this;
+    }
+
+    public function getName(): ?string
+    {
+        return $this->name;
+    }
+
+    public function setName(?string $name): static
+    {
+        $this->name = $name;
+
+        return $this;
+    }
+
+    public function getDescription(): ?string
+    {
+        return $this->description;
+    }
+
+    public function setDescription(?string $description): static
+    {
+        $this->description = $description;
+
+        return $this;
+    }
+
+    public function getCreatedAt(): ?\DateTimeImmutable
+    {
+        return $this->createdAt;
+    }
+
+    public function setCreatedAt(\DateTimeImmutable $createdAt): static
+    {
+        $this->createdAt = $createdAt;
+
+        return $this;
+    }
+
+    public function getUpdatedAt(): ?\DateTimeImmutable
+    {
+        return $this->updatedAt;
+    }
+
+    public function setUpdatedAt(\DateTimeImmutable $updatedAt): static
+    {
+        $this->updatedAt = $updatedAt;
+
+        return $this;
+    }
+
+    public function getProvider(): ?string
+    {
+        return $this->provider;
+    }
+
+    public function setProvider(?string $provider): static
+    {
+        $this->provider = $provider;
+
+        return $this;
+    }
+
+    public function getAccessToken(): ?string
+    {
+        return $this->accessToken;
+    }
+
+    public function setAccessToken(?string $accessToken): static
+    {
+        $this->accessToken = $accessToken;
+
+        return $this;
+    }
+}
diff --git a/src/Entity/Project.php b/src/Entity/Project.php
index f8b7be7..4980508 100644
--- a/src/Entity/Project.php
+++ b/src/Entity/Project.php
@@ -14,6 +14,8 @@ use ApiPlatform\Metadata\Put;
 use ApiPlatform\Metadata\Delete;
 use App\Entity\Interface\ModuleAwareInterface;
 use App\Repository\ProjectRepository;
+use Doctrine\Common\Collections\ArrayCollection;
+use Doctrine\Common\Collections\Collection;
 use Doctrine\DBAL\Types\Types;
 use Doctrine\ORM\Mapping as ORM;
 use Symfony\Component\Serializer\Annotation\Groups;
@@ -126,9 +128,14 @@ class Project implements ModuleAwareInterface
     #[Groups(['project:read'])]
     private ?\DateTimeImmutable $updatedAt = null;
 
+    #[ORM\OneToMany(mappedBy: 'project', targetEntity: GitRepository::class, cascade: ['remove'])]
+    #[Groups(['project:read'])]
+    private Collection $gitRepositories;
+
     public function __construct()
     {
         $this->createdAt = new \DateTimeImmutable();
+        $this->gitRepositories = new ArrayCollection();
     }
 
     public function getId(): ?int
@@ -307,6 +314,36 @@ class Project implements ModuleAwareInterface
         return $this->name ?? '';
     }
 
+    /**
+     * @return Collection<int, GitRepository>
+     */
+    public function getGitRepositories(): Collection
+    {
+        return $this->gitRepositories;
+    }
+
+    public function addGitRepository(GitRepository $gitRepository): static
+    {
+        if (!$this->gitRepositories->contains($gitRepository)) {
+            $this->gitRepositories->add($gitRepository);
+            $gitRepository->setProject($this);
+        }
+
+        return $this;
+    }
+
+    public function removeGitRepository(GitRepository $gitRepository): static
+    {
+        if ($this->gitRepositories->removeElement($gitRepository)) {
+            // set the owning side to null (unless already changed)
+            if ($gitRepository->getProject() === $this) {
+                $gitRepository->setProject(null);
+            }
+        }
+
+        return $this;
+    }
+
     /**
      * Returns the module code this entity belongs to.
      * Required by ModuleVoter for permission checks.
diff --git a/src/Entity/User.php b/src/Entity/User.php
index e5a3b77..91780da 100644
--- a/src/Entity/User.php
+++ b/src/Entity/User.php
@@ -37,7 +37,7 @@ class User implements UserInterface, PasswordAuthenticatedUserInterface
     #[ORM\Id]
     #[ORM\GeneratedValue]
     #[ORM\Column]
-    #[Groups(['user:read'])]
+    #[Groups(['user:read', 'document:read'])]
     private ?int $id = null;
 
     #[ORM\Column(length: 180)]
@@ -47,11 +47,11 @@ class User implements UserInterface, PasswordAuthenticatedUserInterface
     private ?string $email = null;
 
     #[ORM\Column(length: 100)]
-    #[Groups(['user:read', 'user:write'])]
+    #[Groups(['user:read', 'user:write', 'document:read'])]
     private ?string $firstName = null;
 
     #[ORM\Column(length: 100)]
-    #[Groups(['user:read', 'user:write'])]
+    #[Groups(['user:read', 'user:write', 'document:read'])]
     private ?string $lastName = null;
 
     #[ORM\Column]
diff --git a/src/EventListener/MailerLoggerListener.php b/src/EventListener/MailerLoggerListener.php
index af23e63..46626c7 100644
--- a/src/EventListener/MailerLoggerListener.php
+++ b/src/EventListener/MailerLoggerListener.php
@@ -79,7 +79,7 @@ class MailerLoggerListener
     private function logSentEmail(SentMessageEvent $event): void
     {
         try {
-            $rawMessage = $event->getMessage()->getMessage();
+            $rawMessage = $event->getMessage();
             
             if (!$rawMessage instanceof Email) {
                 return;
@@ -117,7 +117,7 @@ class MailerLoggerListener
     private function logFailedEmail(FailedMessageEvent $event): void
     {
         try {
-            $rawMessage = $event->getMessage()->getMessage();
+            $rawMessage = $event->getMessage();
             
             if (!$rawMessage instanceof Email) {
                 return;
diff --git a/src/Repository/DocumentRepository.php b/src/Repository/DocumentRepository.php
new file mode 100644
index 0000000..cc58d6a
--- /dev/null
+++ b/src/Repository/DocumentRepository.php
@@ -0,0 +1,46 @@
+<?php
+
+namespace App\Repository;
+
+use App\Entity\Document;
+use Doctrine\Bundle\DoctrineBundle\Repository\ServiceEntityRepository;
+use Doctrine\Persistence\ManagerRegistry;
+
+/**
+ * @extends ServiceEntityRepository<Document>
+ */
+class DocumentRepository extends ServiceEntityRepository
+{
+    public function __construct(ManagerRegistry $registry)
+    {
+        parent::__construct($registry, Document::class);
+    }
+
+    /**
+     * Find all documents for a specific entity
+     */
+    public function findByRelatedEntity(string $entityType, int $entityId): array
+    {
+        return $this->createQueryBuilder('d')
+            ->andWhere('d.relatedEntity = :entityType')
+            ->andWhere('d.relatedEntityId = :entityId')
+            ->setParameter('entityType', $entityType)
+            ->setParameter('entityId', $entityId)
+            ->orderBy('d.uploadedAt', 'DESC')
+            ->getQuery()
+            ->getResult();
+    }
+
+    /**
+     * Find documents by user
+     */
+    public function findByUser(int $userId): array
+    {
+        return $this->createQueryBuilder('d')
+            ->andWhere('d.uploadedBy = :userId')
+            ->setParameter('userId', $userId)
+            ->orderBy('d.uploadedAt', 'DESC')
+            ->getQuery()
+            ->getResult();
+    }
+}
diff --git a/src/Repository/GitRepositoryRepository.php b/src/Repository/GitRepositoryRepository.php
new file mode 100644
index 0000000..ba849fc
--- /dev/null
+++ b/src/Repository/GitRepositoryRepository.php
@@ -0,0 +1,31 @@
+<?php
+
+namespace App\Repository;
+
+use App\Entity\GitRepository;
+use Doctrine\Bundle\DoctrineBundle\Repository\ServiceEntityRepository;
+use Doctrine\Persistence\ManagerRegistry;
+
+/**
+ * @extends ServiceEntityRepository<GitRepository>
+ */
+class GitRepositoryRepository extends ServiceEntityRepository
+{
+    public function __construct(ManagerRegistry $registry)
+    {
+        parent::__construct($registry, GitRepository::class);
+    }
+
+    /**
+     * Find all repositories for a specific project
+     */
+    public function findByProject(int $projectId): array
+    {
+        return $this->createQueryBuilder('g')
+            ->andWhere('g.project = :projectId')
+            ->setParameter('projectId', $projectId)
+            ->orderBy('g.name', 'ASC')
+            ->getQuery()
+            ->getResult();
+    }
+}
diff --git a/src/Service/GitHubService.php b/src/Service/GitHubService.php
new file mode 100644
index 0000000..625328b
--- /dev/null
+++ b/src/Service/GitHubService.php
@@ -0,0 +1,190 @@
+<?php
+
+namespace App\Service;
+
+use Symfony\Contracts\HttpClient\HttpClientInterface;
+
+class GitHubService
+{
+    private const GITHUB_API = 'https://api.github.com';
+
+    public function __construct(
+        private HttpClientInterface $httpClient,
+        private ?string $githubToken = null // Optional: aus .env laden für höhere Rate Limits
+    ) {
+    }
+
+    /**
+     * Get commits from a GitHub repository
+     *
+     * @param string $owner Repository owner (user/organization)
+     * @param string $repo Repository name
+     * @param string $branch Branch name (default: main)
+     * @param int $perPage Commits per page (max 100)
+     * @return array Commits data
+     */
+    public function getCommits(string $owner, string $repo, string $branch = 'main', int $perPage = 100): array
+    {
+        $url = sprintf('%s/repos/%s/%s/commits', self::GITHUB_API, $owner, $repo);
+        
+        $options = [
+            'query' => [
+                'sha' => $branch,
+                'per_page' => min($perPage, 100)
+            ]
+        ];
+
+        if ($this->githubToken) {
+            $options['headers'] = [
+                'Authorization' => 'Bearer ' . $this->githubToken
+            ];
+        }
+
+        try {
+            $response = $this->httpClient->request('GET', $url, $options);
+            $commits = $response->toArray();
+
+            return array_map(function ($commit) {
+                return [
+                    'hash' => $commit['sha'],
+                    'shortHash' => substr($commit['sha'], 0, 7),
+                    'author' => $commit['commit']['author']['name'],
+                    'email' => $commit['commit']['author']['email'],
+                    'date' => $commit['commit']['author']['date'],
+                    'subject' => $commit['commit']['message'],
+                    'body' => '',
+                    'url' => $commit['html_url']
+                ];
+            }, $commits);
+        } catch (\Exception $e) {
+            throw new \RuntimeException('Failed to fetch commits from GitHub: ' . $e->getMessage());
+        }
+    }
+
+    /**
+     * Get contribution statistics (commit activity)
+     *
+     * @param string $owner Repository owner
+     * @param string $repo Repository name
+     * @return array Weekly contribution data
+     */
+    public function getContributions(string $owner, string $repo): array
+    {
+        $url = sprintf('%s/repos/%s/%s/stats/commit_activity', self::GITHUB_API, $owner, $repo);
+        
+        $options = [];
+        if ($this->githubToken) {
+            $options['headers'] = [
+                'Authorization' => 'Bearer ' . $this->githubToken
+            ];
+        }
+
+        try {
+            $response = $this->httpClient->request('GET', $url, $options);
+            $weeklyStats = $response->toArray();
+
+            return array_map(function ($week) {
+                $date = new \DateTime('@' . $week['week']);
+                return [
+                    'week' => $date->format('Y-W'),
+                    'year' => (int)$date->format('Y'),
+                    'weekNumber' => (int)$date->format('W'),
+                    'startDate' => $date->format('Y-m-d'),
+                    'count' => $week['total']
+                ];
+            }, $weeklyStats);
+        } catch (\Exception $e) {
+            throw new \RuntimeException('Failed to fetch contribution stats from GitHub: ' . $e->getMessage());
+        }
+    }
+
+    /**
+     * Get branches from a GitHub repository
+     *
+     * @param string $owner Repository owner
+     * @param string $repo Repository name
+     * @return array Branch names
+     */
+    public function getBranches(string $owner, string $repo): array
+    {
+        $url = sprintf('%s/repos/%s/%s/branches', self::GITHUB_API, $owner, $repo);
+        
+        $options = [];
+        if ($this->githubToken) {
+            $options['headers'] = [
+                'Authorization' => 'Bearer ' . $this->githubToken
+            ];
+        }
+
+        try {
+            $response = $this->httpClient->request('GET', $url, $options);
+            $branches = $response->toArray();
+
+            return array_map(fn($branch) => $branch['name'], $branches);
+        } catch (\Exception $e) {
+            throw new \RuntimeException('Failed to fetch branches from GitHub: ' . $e->getMessage());
+        }
+    }
+
+    /**
+     * Parse GitHub URL to extract owner and repo
+     *
+     * @param string $url GitHub repository URL
+     * @return array ['owner' => string, 'repo' => string]
+     */
+    public static function parseGitHubUrl(string $url): array
+    {
+        // Supports:
+        // https://github.com/owner/repo
+        // https://github.com/owner/repo.git
+        // git@github.com:owner/repo.git
+        
+        $pattern = '#github\.com[:/]([^/]+)/([^/\.]+)(?:\.git)?#';
+        
+        if (preg_match($pattern, $url, $matches)) {
+            return [
+                'owner' => $matches[1],
+                'repo' => $matches[2]
+            ];
+        }
+
+        throw new \InvalidArgumentException('Invalid GitHub URL format');
+    }
+
+    /**
+     * Get repository info
+     *
+     * @param string $owner Repository owner
+     * @param string $repo Repository name
+     * @return array Repository information
+     */
+    public function getRepositoryInfo(string $owner, string $repo): array
+    {
+        $url = sprintf('%s/repos/%s/%s', self::GITHUB_API, $owner, $repo);
+        
+        $options = [];
+        if ($this->githubToken) {
+            $options['headers'] = [
+                'Authorization' => 'Bearer ' . $this->githubToken
+            ];
+        }
+
+        try {
+            $response = $this->httpClient->request('GET', $url, $options);
+            $data = $response->toArray();
+
+            return [
+                'name' => $data['name'],
+                'fullName' => $data['full_name'],
+                'description' => $data['description'],
+                'defaultBranch' => $data['default_branch'],
+                'url' => $data['html_url'],
+                'language' => $data['language'],
+                'stars' => $data['stargazers_count'],
+                'forks' => $data['forks_count']
+            ];
+        } catch (\Exception $e) {
+            throw new \RuntimeException('Failed to fetch repository info from GitHub: ' . $e->getMessage());
+        }
+    }
+}
diff --git a/src/Service/GitService.php b/src/Service/GitService.php
new file mode 100644
index 0000000..515e629
--- /dev/null
+++ b/src/Service/GitService.php
@@ -0,0 +1,227 @@
+<?php
+
+namespace App\Service;
+
+use Symfony\Component\Process\Exception\ProcessFailedException;
+use Symfony\Component\Process\Process;
+
+class GitService
+{
+    /**
+     * Get commits from a Git repository
+     *
+     * @param string $repositoryPath Path to the Git repository
+     * @param string $branch Branch name (default: main)
+     * @param int $limit Number of commits to fetch (default: 100)
+     * @return array Array of commit data
+     */
+    public function getCommits(string $repositoryPath, string $branch = 'main', int $limit = 100): array
+    {
+        if (!is_dir($repositoryPath) || !is_dir($repositoryPath . '/.git')) {
+            throw new \InvalidArgumentException('Invalid Git repository path');
+        }
+
+        // Git log format: hash|author name|author email|date|subject|body
+        $format = '%H|%an|%ae|%aI|%s|%b';
+        
+        $process = new Process([
+            'git',
+            '-C',
+            $repositoryPath,
+            'log',
+            $branch,
+            '--format=' . $format,
+            '-n',
+            (string)$limit
+        ]);
+
+        $process->run();
+
+        if (!$process->isSuccessful()) {
+            throw new ProcessFailedException($process);
+        }
+
+        $output = $process->getOutput();
+        $commits = [];
+        
+        // Split output by newline, filter empty lines
+        $lines = array_filter(explode("\n", trim($output)));
+        
+        foreach ($lines as $line) {
+            $parts = explode('|', $line, 6);
+            
+            if (count($parts) >= 5) {
+                $commits[] = [
+                    'hash' => $parts[0],
+                    'shortHash' => substr($parts[0], 0, 7),
+                    'author' => $parts[1],
+                    'email' => $parts[2],
+                    'date' => $parts[3],
+                    'subject' => $parts[4],
+                    'body' => $parts[5] ?? ''
+                ];
+            }
+        }
+
+        return $commits;
+    }
+
+    /**
+     * Get contribution statistics grouped by week
+     *
+     * @param string $repositoryPath Path to the Git repository
+     * @param string $branch Branch name (default: main)
+     * @param string|null $author Filter by author email (optional)
+     * @return array Array of weekly contribution data
+     */
+    public function getContributions(string $repositoryPath, string $branch = 'main', ?string $author = null): array
+    {
+        if (!is_dir($repositoryPath) || !is_dir($repositoryPath . '/.git')) {
+            throw new \InvalidArgumentException('Invalid Git repository path');
+        }
+
+        // Get commits from the last year
+        $since = (new \DateTime())->modify('-1 year')->format('Y-m-d');
+        
+        $command = [
+            'git',
+            '-C',
+            $repositoryPath,
+            'log',
+            $branch,
+            '--format=%aI',
+            '--since=' . $since
+        ];
+
+        if ($author) {
+            $command[] = '--author=' . $author;
+        }
+
+        $process = new Process($command);
+        $process->run();
+
+        if (!$process->isSuccessful()) {
+            throw new ProcessFailedException($process);
+        }
+
+        $output = $process->getOutput();
+        $dates = array_filter(explode("\n", trim($output)));
+
+        // Group commits by week
+        $weeklyContributions = [];
+        
+        foreach ($dates as $dateString) {
+            $date = new \DateTime($dateString);
+            $weekKey = $date->format('Y-W'); // Year-Week format
+            
+            if (!isset($weeklyContributions[$weekKey])) {
+                $weeklyContributions[$weekKey] = [
+                    'week' => $weekKey,
+                    'year' => (int)$date->format('Y'),
+                    'weekNumber' => (int)$date->format('W'),
+                    'startDate' => $date->modify('monday this week')->format('Y-m-d'),
+                    'count' => 0
+                ];
+            }
+            
+            $weeklyContributions[$weekKey]['count']++;
+        }
+
+        // Sort by week
+        ksort($weeklyContributions);
+
+        return array_values($weeklyContributions);
+    }
+
+    /**
+     * Get list of branches in the repository
+     *
+     * @param string $repositoryPath Path to the Git repository
+     * @return array Array of branch names
+     */
+    public function getBranches(string $repositoryPath): array
+    {
+        if (!is_dir($repositoryPath) || !is_dir($repositoryPath . '/.git')) {
+            throw new \InvalidArgumentException('Invalid Git repository path');
+        }
+
+        $process = new Process([
+            'git',
+            '-C',
+            $repositoryPath,
+            'branch',
+            '-r'
+        ]);
+
+        $process->run();
+
+        if (!$process->isSuccessful()) {
+            throw new ProcessFailedException($process);
+        }
+
+        $output = $process->getOutput();
+        $branches = [];
+
+        foreach (explode("\n", trim($output)) as $line) {
+            $branch = trim(str_replace('origin/', '', $line));
+            if ($branch && $branch !== 'HEAD') {
+                $branches[] = $branch;
+            }
+        }
+
+        return $branches;
+    }
+
+    /**
+     * Validate if a path is a valid Git repository
+     *
+     * @param string $repositoryPath Path to check
+     * @return bool
+     */
+    public function isValidRepository(string $repositoryPath): bool
+    {
+        return is_dir($repositoryPath) && is_dir($repositoryPath . '/.git');
+    }
+
+    /**
+     * Get repository info (current branch, remote URL, etc.)
+     *
+     * @param string $repositoryPath Path to the Git repository
+     * @return array Repository information
+     */
+    public function getRepositoryInfo(string $repositoryPath): array
+    {
+        if (!$this->isValidRepository($repositoryPath)) {
+            throw new \InvalidArgumentException('Invalid Git repository path');
+        }
+
+        // Get current branch
+        $branchProcess = new Process([
+            'git',
+            '-C',
+            $repositoryPath,
+            'rev-parse',
+            '--abbrev-ref',
+            'HEAD'
+        ]);
+        $branchProcess->run();
+        $currentBranch = trim($branchProcess->getOutput());
+
+        // Get remote URL
+        $remoteProcess = new Process([
+            'git',
+            '-C',
+            $repositoryPath,
+            'config',
+            '--get',
+            'remote.origin.url'
+        ]);
+        $remoteProcess->run();
+        $remoteUrl = trim($remoteProcess->getOutput());
+
+        return [
+            'currentBranch' => $currentBranch,
+            'remoteUrl' => $remoteUrl
+        ];
+    }
+}
diff --git a/src/Service/GiteaService.php b/src/Service/GiteaService.php
new file mode 100644
index 0000000..9ea4765
--- /dev/null
+++ b/src/Service/GiteaService.php
@@ -0,0 +1,246 @@
+<?php
+
+namespace App\Service;
+
+use Symfony\Contracts\HttpClient\HttpClientInterface;
+
+class GiteaService
+{
+    public function __construct(
+        private HttpClientInterface $httpClient,
+        private ?string $giteaToken = null // Optional: aus .env laden
+    ) {
+    }
+
+    /**
+     * Get commits from a Gitea repository
+     *
+     * @param string $baseUrl Gitea instance URL (e.g., https://gitea.example.com)
+     * @param string $owner Repository owner (user/organization)
+     * @param string $repo Repository name
+     * @param string $branch Branch name (default: main)
+     * @param int $perPage Commits per page (max 50)
+     * @return array Commits data
+     */
+    public function getCommits(string $baseUrl, string $owner, string $repo, string $branch = 'main', int $perPage = 50): array
+    {
+        $url = sprintf('%s/api/v1/repos/%s/%s/commits', rtrim($baseUrl, '/'), $owner, $repo);
+        
+        $options = [
+            'query' => [
+                'sha' => $branch,
+                'limit' => min($perPage, 50)
+            ]
+        ];
+
+        if ($this->giteaToken) {
+            $options['headers'] = [
+                'Authorization' => 'token ' . $this->giteaToken
+            ];
+        }
+
+        try {
+            $response = $this->httpClient->request('GET', $url, $options);
+            $commits = $response->toArray();
+
+            return array_map(function ($commit) use ($baseUrl, $owner, $repo) {
+                return [
+                    'hash' => $commit['sha'],
+                    'shortHash' => substr($commit['sha'], 0, 7),
+                    'author' => $commit['commit']['author']['name'],
+                    'email' => $commit['commit']['author']['email'],
+                    'date' => $commit['commit']['author']['date'],
+                    'subject' => $commit['commit']['message'],
+                    'body' => '',
+                    'url' => sprintf('%s/%s/%s/commit/%s', rtrim($baseUrl, '/'), $owner, $repo, $commit['sha'])
+                ];
+            }, $commits);
+        } catch (\Exception $e) {
+            throw new \RuntimeException('Failed to fetch commits from Gitea: ' . $e->getMessage());
+        }
+    }
+
+    /**
+     * Get contribution statistics
+     * Note: Gitea doesn't have a built-in commit activity endpoint like GitHub,
+     * so we fetch commits and aggregate them
+     *
+     * @param string $baseUrl Gitea instance URL
+     * @param string $owner Repository owner
+     * @param string $repo Repository name
+     * @param string $branch Branch name
+     * @param string|null $author Filter by author email
+     * @return array Weekly contribution data
+     */
+    public function getContributions(string $baseUrl, string $owner, string $repo, string $branch = 'main', ?string $author = null): array
+    {
+        try {
+            // Fetch commits (Gitea limits to 50 per request, may need pagination for full year)
+            $commits = $this->getCommits($baseUrl, $owner, $repo, $branch, 50);
+
+            // Filter by author if specified
+            if ($author) {
+                $commits = array_filter($commits, fn($commit) => stripos($commit['email'], $author) !== false);
+            }
+
+            // Group by week
+            $weeklyContributions = [];
+            $oneYearAgo = new \DateTime('-1 year');
+
+            foreach ($commits as $commit) {
+                $date = new \DateTime($commit['date']);
+                
+                // Only include commits from last year
+                if ($date < $oneYearAgo) {
+                    continue;
+                }
+
+                $weekKey = $date->format('Y-W');
+                
+                if (!isset($weeklyContributions[$weekKey])) {
+                    $weeklyContributions[$weekKey] = [
+                        'week' => $weekKey,
+                        'year' => (int)$date->format('Y'),
+                        'weekNumber' => (int)$date->format('W'),
+                        'startDate' => (clone $date)->modify('monday this week')->format('Y-m-d'),
+                        'count' => 0
+                    ];
+                }
+                
+                $weeklyContributions[$weekKey]['count']++;
+            }
+
+            ksort($weeklyContributions);
+            return array_values($weeklyContributions);
+        } catch (\Exception $e) {
+            throw new \RuntimeException('Failed to fetch contribution stats from Gitea: ' . $e->getMessage());
+        }
+    }
+
+    /**
+     * Get branches from a Gitea repository
+     *
+     * @param string $baseUrl Gitea instance URL
+     * @param string $owner Repository owner
+     * @param string $repo Repository name
+     * @return array Branch names
+     */
+    public function getBranches(string $baseUrl, string $owner, string $repo): array
+    {
+        $url = sprintf('%s/api/v1/repos/%s/%s/branches', rtrim($baseUrl, '/'), $owner, $repo);
+        
+        $options = [];
+        if ($this->giteaToken) {
+            $options['headers'] = [
+                'Authorization' => 'token ' . $this->giteaToken
+            ];
+        }
+
+        try {
+            $response = $this->httpClient->request('GET', $url, $options);
+            $branches = $response->toArray();
+
+            return array_map(fn($branch) => $branch['name'], $branches);
+        } catch (\Exception $e) {
+            throw new \RuntimeException('Failed to fetch branches from Gitea: ' . $e->getMessage());
+        }
+    }
+
+    /**
+     * Parse Gitea URL to extract base URL, owner and repo
+     *
+     * @param string $url Gitea repository URL
+     * @return array ['baseUrl' => string, 'owner' => string, 'repo' => string]
+     */
+    public static function parseGiteaUrl(string $url): array
+    {
+        // Supports:
+        // https://gitea.example.com/owner/repo
+        // https://gitea.example.com/owner/repo.git
+        // git@gitea.example.com:owner/repo.git
+        
+        // Handle SSH format
+        if (preg_match('#^git@([^:]+):([^/]+)/([^/\.]+)(?:\.git)?$#', $url, $matches)) {
+            return [
+                'baseUrl' => 'https://' . $matches[1],
+                'owner' => $matches[2],
+                'repo' => $matches[3]
+            ];
+        }
+        
+        // Handle HTTPS format
+        if (preg_match('#^https?://([^/]+)/([^/]+)/([^/\.]+)(?:\.git)?$#', $url, $matches)) {
+            return [
+                'baseUrl' => 'https://' . $matches[1],
+                'owner' => $matches[2],
+                'repo' => $matches[3]
+            ];
+        }
+
+        throw new \InvalidArgumentException('Invalid Gitea URL format');
+    }
+
+    /**
+     * Get repository info
+     *
+     * @param string $baseUrl Gitea instance URL
+     * @param string $owner Repository owner
+     * @param string $repo Repository name
+     * @return array Repository information
+     */
+    public function getRepositoryInfo(string $baseUrl, string $owner, string $repo): array
+    {
+        $url = sprintf('%s/api/v1/repos/%s/%s', rtrim($baseUrl, '/'), $owner, $repo);
+        
+        $options = [];
+        if ($this->giteaToken) {
+            $options['headers'] = [
+                'Authorization' => 'token ' . $this->giteaToken
+            ];
+        }
+
+        try {
+            $response = $this->httpClient->request('GET', $url, $options);
+            $data = $response->toArray();
+
+            return [
+                'name' => $data['name'],
+                'fullName' => $data['full_name'],
+                'description' => $data['description'] ?? '',
+                'defaultBranch' => $data['default_branch'],
+                'url' => $data['html_url'],
+                'language' => $data['language'] ?? '',
+                'stars' => $data['stars_count'] ?? 0,
+                'forks' => $data['forks_count'] ?? 0,
+                'private' => $data['private'] ?? false
+            ];
+        } catch (\Exception $e) {
+            throw new \RuntimeException('Failed to fetch repository info from Gitea: ' . $e->getMessage());
+        }
+    }
+
+    /**
+     * Test connection to Gitea instance
+     *
+     * @param string $baseUrl Gitea instance URL
+     * @return bool True if connection successful
+     */
+    public function testConnection(string $baseUrl): bool
+    {
+        $url = sprintf('%s/api/v1/version', rtrim($baseUrl, '/'));
+        
+        $options = [];
+        if ($this->giteaToken) {
+            $options['headers'] = [
+                'Authorization' => 'token ' . $this->giteaToken
+            ];
+        }
+
+        try {
+            $response = $this->httpClient->request('GET', $url, $options);
+            return $response->getStatusCode() === 200;
+        } catch (\Exception $e) {
+            return false;
+        }
+    }
+}
diff --git a/webpack.config.js b/webpack.config.js
index da54cb0..3db9999 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,4 +1,5 @@
 const Encore = require('@symfony/webpack-encore');
+const path = require('path');
 
 // Manually configure the runtime environment if not already configured yet by the "encore" command.
 // It's useful when you use tools that rely on webpack.config.js file.
@@ -73,6 +74,12 @@ Encore
 
     // Enable PostCSS loader for Vue SFCs
     .enablePostCssLoader()
+
+    // Alias für '@/images' und '@' auf 'assets' setzen
+    .addAliases({
+        '@': path.resolve(__dirname, 'assets/js'),
+        '@images': path.resolve(__dirname, 'assets/images')
+    })
 ;
 
 module.exports = Encore.getWebpackConfig();