diff --git a/firebase/internal-launchpad/assets/data/links.json b/firebase/internal-launchpad/assets/data/links.json
new file mode 100644
index 00000000..c71818da
--- /dev/null
+++ b/firebase/internal-launchpad/assets/data/links.json
@@ -0,0 +1,145 @@
+[
+  {
+    "title": "Applications",
+    "iconColorClass": "bg-primary-100",
+    "iconPath": "assets/images/icon-applications.svg",
+    "links": [
+      {
+        "title": "Control Tower",
+        "url": "https://krow-workforce-dev.web.app",
+        "badge": "Dev",
+        "badgeColorClass": "bg-blue-500",
+        "containerClass": "bg-gradient-to-r from-blue-50 to-blue-100 hover:from-blue-100 hover:to-blue-200",
+        "iconClass": "w-2 h-2 bg-blue-500 rounded-full",
+        "textHoverClass": "group-hover:text-blue-700"
+      },
+      {
+        "title": "Control Tower",
+        "url": "https://krow-workforce-staging.web.app",
+        "badge": "Staging",
+        "badgeColorClass": "bg-amber-500",
+        "containerClass": "bg-gradient-to-r from-amber-50 to-amber-100 hover:from-amber-100 hover:to-amber-200",
+        "iconClass": "w-2 h-2 bg-amber-500 rounded-full",
+        "textHoverClass": "group-hover:text-amber-700"
+      }
+    ]
+  },
+  {
+    "title": "Legacy Mobile Apps",
+    "iconColorClass": "bg-green-100",
+    "iconPath": "assets/images/icon-legacy-mobile-apps.svg",
+    "links": [
+      {
+        "title": "Google Play Store",
+        "url": "https://play.google.com/store/apps/dev?id=9163719228191263405&hl=en",
+        "badge": "Live",
+        "badgeColorClass": "bg-green-500",
+        "containerClass": "bg-gradient-to-r from-green-50 to-emerald-100 hover:from-green-100 hover:to-emerald-200",
+        "iconPath": "assets/images/icon-google-play.svg",
+        "textHoverClass": "group-hover:text-green-700"
+      },
+      {
+        "title": "Apple App Store",
+        "url": "https://apps.apple.com/us/developer/thinkloops-llc/id1719034287",
+        "badge": "Live",
+        "badgeColorClass": "bg-gray-700",
+        "containerClass": "bg-gradient-to-r from-gray-50 to-gray-100 hover:from-gray-100 hover:to-gray-200",
+        "iconPath": "assets/images/icon-apple-app-store.svg",
+        "textHoverClass": "group-hover:text-gray-700"
+      }
+    ]
+  },
+  {
+    "title": "Cloud Infrastructure",
+    "iconColorClass": "bg-purple-100",
+    "iconPath": "assets/images/icon-cloud-infrastructure.svg",
+    "links": [
+      {
+        "title": "Firebase Console",
+        "url": "https://console.firebase.google.com/project/krow-workforce-dev/overview",
+        "badge": "Dev",
+        "badgeColorClass": "bg-blue-500",
+        "containerClass": "bg-gradient-to-r from-blue-50 to-indigo-100 hover:from-blue-100 hover:to-indigo-200",
+        "iconPath": "assets/images/icon-firebase-console.svg",
+        "textHoverClass": "group-hover:text-indigo-700"
+      },
+      {
+        "title": "Firebase Console",
+        "url": "https://console.firebase.google.com/project/krow-workforce-staging/overview",
+        "badge": "Staging",
+        "badgeColorClass": "bg-amber-500",
+        "containerClass": "bg-gradient-to-r from-amber-50 to-orange-100 hover:from-amber-100 hover:to-orange-200",
+        "iconPath": "assets/images/icon-firebase-console.svg",
+        "textHoverClass": "group-hover:text-orange-700"
+      },
+      {
+        "title": "Google Cloud",
+        "url": "https://console.cloud.google.com/welcome/new?project=krow-workforce-dev",
+        "badge": "Dev",
+        "badgeColorClass": "bg-blue-500",
+        "containerClass": "bg-gradient-to-r from-blue-50 to-cyan-100 hover:from-blue-100 hover:to-cyan-200",
+        "iconPath": "assets/images/icon-google-cloud.svg",
+        "textHoverClass": "group-hover:text-cyan-700"
+      },
+      {
+        "title": "Google Cloud",
+        "url": "https://console.cloud.google.com/welcome/new?project=krow-workforce-staging",
+        "badge": "Staging",
+        "badgeColorClass": "bg-amber-500",
+        "containerClass": "bg-gradient-to-r from-amber-50 to-yellow-100 hover:from-amber-100 hover:to-yellow-200",
+        "iconPath": "assets/images/icon-google-cloud.svg",
+        "textHoverClass": "group-hover:text-yellow-700"
+      }
+    ]
+  },
+  {
+    "title": "Design",
+    "iconColorClass": "bg-pink-100",
+    "iconPath": "assets/images/icon-design.svg",
+    "links": [
+      {
+        "title": "Staff App Figma File",
+        "url": "https://www.figma.com/design/HfNpoYOpkfUu2lgDMp4xQK/KROW-Staff-App-Revamp?node-id=0-1&t=4TLUeCIWf7I1TTGQ-1",
+        "badge": "Design",
+        "badgeColorClass": "bg-pink-500",
+        "containerClass": "bg-gradient-to-r from-pink-50 to-rose-100 hover:from-pink-100 hover:to-rose-200",
+        "iconPath": "assets/images/icon-figma.svg",
+        "textHoverClass": "group-hover:text-pink-700"
+      },
+      {
+        "title": "Staff App Preview",
+        "url": "https://9000-firebase-studio-1764098159606.cluster-oe5pskshnfducslpwllk6difqk.cloudworkstations.dev/",
+        "badge": "Preview",
+        "badgeColorClass": "bg-purple-500",
+        "containerClass": "bg-gradient-to-r from-purple-50 to-fuchsia-100 hover:from-purple-100 hover:to-fuchsia-200",
+        "iconPath": "assets/images/icon-preview.svg",
+        "textHoverClass": "group-hover:text-purple-700"
+      }
+    ]
+  },
+  {
+    "title": "Resources",
+    "iconColorClass": "bg-indigo-100",
+    "iconPath": "assets/images/icon-resources.svg",
+    "links": [
+      {
+        "title": "GitHub Repository",
+        "subtitle": "View source code",
+        "url": "https://github.com/Oloodi/krow-workforce",
+        "containerClass": "bg-gradient-to-r from-gray-50 to-slate-100 hover:from-gray-100 hover:to-slate-200",
+        "iconPath": "assets/images/icon-github.svg",
+        "textHoverClass": "group-hover:text-gray-700",
+        "arrowIcon": true
+      },
+      {
+        "title": "Team Communication",
+        "subtitle": "Google Chat",
+        "url": "https://chat.google.com/",
+        "containerClass": "bg-gradient-to-r from-green-50 to-teal-100 hover:from-green-100 hover:to-teal-200",
+        "iconPath": "assets/images/icon-chat.svg",
+        "textHoverClass": "group-hover:text-teal-700",
+        "arrowIcon": true
+      }
+    ]
+  }
+]
diff --git a/firebase/internal-launchpad/assets/images/icon-apple-app-store.svg b/firebase/internal-launchpad/assets/images/icon-apple-app-store.svg
new file mode 100644
index 00000000..00407e9d
--- /dev/null
+++ b/firebase/internal-launchpad/assets/images/icon-apple-app-store.svg
@@ -0,0 +1,5 @@
+<svg class="w-5 h-5 text-gray-700" fill="currentColor" viewBox="0 0 24 24">
+    <path
+        d="M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z">
+    </path>
+</svg>
\ No newline at end of file
diff --git a/firebase/internal-launchpad/assets/images/icon-applications.svg b/firebase/internal-launchpad/assets/images/icon-applications.svg
new file mode 100644
index 00000000..c7fc8783
--- /dev/null
+++ b/firebase/internal-launchpad/assets/images/icon-applications.svg
@@ -0,0 +1 @@
+<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"></path></svg>
diff --git a/firebase/internal-launchpad/assets/images/icon-chat.svg b/firebase/internal-launchpad/assets/images/icon-chat.svg
new file mode 100644
index 00000000..0be8c1ac
--- /dev/null
+++ b/firebase/internal-launchpad/assets/images/icon-chat.svg
@@ -0,0 +1,5 @@
+<svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+        d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
+    </path>
+</svg>
\ No newline at end of file
diff --git a/firebase/internal-launchpad/assets/images/icon-cloud-infrastructure.svg b/firebase/internal-launchpad/assets/images/icon-cloud-infrastructure.svg
new file mode 100644
index 00000000..41b26fd4
--- /dev/null
+++ b/firebase/internal-launchpad/assets/images/icon-cloud-infrastructure.svg
@@ -0,0 +1,4 @@
+<svg class="w-6 h-6 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+        d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z"></path>
+</svg>
\ No newline at end of file
diff --git a/firebase/internal-launchpad/assets/images/icon-design.svg b/firebase/internal-launchpad/assets/images/icon-design.svg
new file mode 100644
index 00000000..4aade6eb
--- /dev/null
+++ b/firebase/internal-launchpad/assets/images/icon-design.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 h-6 text-pink-600">
+    <path
+        d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C12.8417 22 14 22.1163 14 21C14 20.391 13.6832 19.9212 13.3686 19.4544C12.9082 18.7715 12.4523 18.0953 13 17C13.6667 15.6667 14.7778 15.6667 16.4815 15.6667C17.3334 15.6667 18.3334 15.6667 19.5 15.5C21.601 15.1999 22 13.9084 22 12Z"
+        stroke="currentColor" stroke-width="2"></path>
+    <path d="M7 15.002L7.00868 14.9996" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+        stroke-linejoin="round"></path>
+    <circle cx="9.5" cy="8.5" r="1.5" stroke="currentColor" stroke-width="2"></circle>
+    <circle cx="16.5" cy="9.5" r="1.5" stroke="currentColor" stroke-width="2"></circle>
+</svg>
\ No newline at end of file
diff --git a/firebase/internal-launchpad/assets/images/icon-figma.svg b/firebase/internal-launchpad/assets/images/icon-figma.svg
new file mode 100644
index 00000000..2d8439c3
--- /dev/null
+++ b/firebase/internal-launchpad/assets/images/icon-figma.svg
@@ -0,0 +1,30 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" viewBox="0 0 200 300" class="w-5 h-5">
+    <style>
+        .st0 {
+            fill: #0acf83
+        }
+
+        .st1 {
+            fill: #a259ff
+        }
+
+        .st2 {
+            fill: #f24e1e
+        }
+
+        .st3 {
+            fill: #ff7262
+        }
+
+        .st4 {
+            fill: #1abcfe
+        }
+    </style>
+    <title>Figma.logo</title>
+    <desc>Created using Figma</desc>
+    <path id="path0_fill" class="st0" d="M50 300c27.6 0 50-22.4 50-50v-50H50c-27.6 0-50 22.4-50 50s22.4 50 50 50z" />
+    <path id="path1_fill" class="st1" d="M0 150c0-27.6 22.4-50 50-50h50v100H50c-27.6 0-50-22.4-50-50z" />
+    <path id="path1_fill_1_" class="st2" d="M0 50C0 22.4 22.4 0 50 0h50v100H50C22.4 100 0 77.6 0 50z" />
+    <path id="path2_fill" class="st3" d="M100 0h50c27.6 0 50 22.4 50 50s-22.4 50-50 50h-50V0z" />
+    <path id="path3_fill" class="st4" d="M200 150c0 27.6-22.4 50-50 50s-50-22.4-50-50 22.4-50 50-50 50 22.4 50 50z" />
+</svg>
\ No newline at end of file
diff --git a/firebase/internal-launchpad/assets/images/icon-firebase-console.svg b/firebase/internal-launchpad/assets/images/icon-firebase-console.svg
new file mode 100644
index 00000000..d6ed32f0
--- /dev/null
+++ b/firebase/internal-launchpad/assets/images/icon-firebase-console.svg
@@ -0,0 +1,5 @@
+<svg class="w-5 h-5 text-orange-500" fill="currentColor" viewBox="0 0 24 24">
+    <path
+        d="M3.89 15.672L6.255.461A.542.542 0 017.27.288l2.543 4.771zm16.794 3.692l-2.25-14.03a.542.542 0 00-.919-.295L3.316 19.365l7.856 4.427a1.621 1.621 0 001.588 0zM14.3 7.147l-1.82-3.482a.542.542 0 00-.96 0L3.53 17.984z">
+    </path>
+</svg>
\ No newline at end of file
diff --git a/firebase/internal-launchpad/assets/images/icon-github.svg b/firebase/internal-launchpad/assets/images/icon-github.svg
new file mode 100644
index 00000000..f5f2bd80
--- /dev/null
+++ b/firebase/internal-launchpad/assets/images/icon-github.svg
@@ -0,0 +1,5 @@
+<svg class="w-5 h-5 text-gray-900" fill="currentColor" viewBox="0 0 24 24">
+    <path
+        d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z">
+    </path>
+</svg>
\ No newline at end of file
diff --git a/firebase/internal-launchpad/assets/images/icon-google-cloud.svg b/firebase/internal-launchpad/assets/images/icon-google-cloud.svg
new file mode 100644
index 00000000..6f5213d3
--- /dev/null
+++ b/firebase/internal-launchpad/assets/images/icon-google-cloud.svg
@@ -0,0 +1,5 @@
+<svg class="w-5 h-5 text-blue-600" fill="currentColor" viewBox="0 0 24 24">
+    <path
+        d="M12.19 2.38a8.85 8.85 0 00-10.4 9.28l5.18-5.18a4.89 4.89 0 012.5-.72 4.89 4.89 0 011.72-.07zm7.6 2.24a8.85 8.85 0 01-7.6 14.91l4.5-4.5a4.89 4.89 0 002.45-2.55 4.89 4.89 0 00.65-7.86z">
+    </path>
+</svg>
\ No newline at end of file
diff --git a/firebase/internal-launchpad/assets/images/icon-google-play.svg b/firebase/internal-launchpad/assets/images/icon-google-play.svg
new file mode 100644
index 00000000..8a02867a
--- /dev/null
+++ b/firebase/internal-launchpad/assets/images/icon-google-play.svg
@@ -0,0 +1,5 @@
+<svg class="w-5 h-5 text-green-600" fill="currentColor" viewBox="0 0 24 24">
+    <path
+        d="M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z">
+    </path>
+</svg>
\ No newline at end of file
diff --git a/firebase/internal-launchpad/assets/images/icon-legacy-mobile-apps.svg b/firebase/internal-launchpad/assets/images/icon-legacy-mobile-apps.svg
new file mode 100644
index 00000000..c43a10d4
--- /dev/null
+++ b/firebase/internal-launchpad/assets/images/icon-legacy-mobile-apps.svg
@@ -0,0 +1,4 @@
+<svg class="w-6 h-6 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+        d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
+</svg>
\ No newline at end of file
diff --git a/firebase/internal-launchpad/assets/images/icon-preview.svg b/firebase/internal-launchpad/assets/images/icon-preview.svg
new file mode 100644
index 00000000..e9846535
--- /dev/null
+++ b/firebase/internal-launchpad/assets/images/icon-preview.svg
@@ -0,0 +1,6 @@
+<svg class="w-5 h-5 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
+    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+        d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z">
+    </path>
+</svg>
\ No newline at end of file
diff --git a/firebase/internal-launchpad/assets/images/icon-resources.svg b/firebase/internal-launchpad/assets/images/icon-resources.svg
new file mode 100644
index 00000000..cda1666d
--- /dev/null
+++ b/firebase/internal-launchpad/assets/images/icon-resources.svg
@@ -0,0 +1,5 @@
+<svg class="w-6 h-6 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+        d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253">
+    </path>
+</svg>
\ No newline at end of file
diff --git a/firebase/internal-launchpad/assets/js/links-loader.js b/firebase/internal-launchpad/assets/js/links-loader.js
new file mode 100644
index 00000000..9bca36f7
--- /dev/null
+++ b/firebase/internal-launchpad/assets/js/links-loader.js
@@ -0,0 +1,88 @@
+async function loadLinks() {
+    const container = document.getElementById('links-container');
+    if (!container) return;
+
+    try {
+        const response = await fetch('./assets/data/links.json');
+        if (!response.ok) {
+            throw new Error(`Failed to load links: ${response.status}`);
+        }
+
+        const groups = await response.json();
+
+        // Helper function to fetch SVG content
+        const fetchSvg = async (path) => {
+            if (!path) return '';
+            try {
+                const res = await fetch(path);
+                if (!res.ok) return '';
+                return await res.text();
+            } catch (e) {
+                console.error(`Failed to load SVG: ${path}`, e);
+                return '';
+            }
+        };
+
+        // Process groups and fetch SVGs in parallel
+        const groupsWithSvgs = await Promise.all(groups.map(async (group) => {
+            const groupIconSvg = await fetchSvg(group.iconPath);
+
+            const linksWithSvgs = await Promise.all(group.links.map(async (link) => {
+                const linkIconSvg = link.iconPath ? await fetchSvg(link.iconPath) : '';
+                return { ...link, iconSvg: linkIconSvg };
+            }));
+
+            return { ...group, iconSvg: groupIconSvg, links: linksWithSvgs };
+        }));
+
+        container.innerHTML = groupsWithSvgs.map(group => `
+            <!-- ${group.title} Card -->
+            <div class="card-hover bg-white rounded-2xl shadow-lg p-6 border border-gray-100">
+                <div class="flex items-center space-x-3 mb-6">
+                    <div class="w-10 h-10 ${group.iconColorClass} rounded-lg flex items-center justify-center">
+                        ${group.iconSvg}
+                    </div>
+                    <h3 class="text-xl font-bold text-gray-900">${group.title}</h3>
+                </div>
+                
+                <div class="space-y-3">
+                    ${group.links.map(link => `
+                        <a href="${link.url}" target="_blank"
+                           class="flex items-center justify-between p-4 ${link.containerClass} rounded-xl transition-all group">
+                            <div class="flex items-center space-x-3">
+                                ${link.iconClass ? `<div class="${link.iconClass}"></div>` : link.iconSvg}
+                                ${link.subtitle ? `
+                                    <div>
+                                        <div class="font-medium text-gray-900 ${link.textHoverClass}">${link.title}</div>
+                                        <div class="text-xs text-gray-500">${link.subtitle}</div>
+                                    </div>
+                                ` : `
+                                    <span class="font-medium text-gray-900 ${link.textHoverClass}">${link.title}</span>
+                                `}
+                            </div>
+                            ${link.badge ? `
+                                <span class="px-3 py-1 ${link.badgeColorClass} text-white text-xs font-semibold rounded-full">${link.badge}</span>
+                            ` : ''}
+                            ${link.arrowIcon ? `
+                                <svg class="w-5 h-5 text-gray-400 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
+                                </svg>
+                            ` : ''}
+                        </a>
+                    `).join('')}
+                </div>
+            </div>
+        `).join('');
+
+    } catch (error) {
+        console.error('Error loading links:', error);
+        container.innerHTML = `
+            <div class="col-span-full p-4 bg-red-50 text-red-600 rounded-xl border border-red-200">
+                Failed to load application links. Please try refreshing the page.
+            </div>
+        `;
+    }
+}
+
+// Load links when the DOM is loaded
+document.addEventListener('DOMContentLoaded', loadLinks);
diff --git a/firebase/internal-launchpad/index.html b/firebase/internal-launchpad/index.html
index 9b8e22a3..5857dfd4 100644
--- a/firebase/internal-launchpad/index.html
+++ b/firebase/internal-launchpad/index.html
@@ -6,16 +6,16 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>KROW Launchpad</title>
     <link rel="icon" type="image/x-icon" href="favicon.svg">
-    
+
     <!-- Tailwind CSS -->
     <script src="https://cdn.tailwindcss.com"></script>
-    
+
     <!-- Mermaid -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/10.9.1/mermaid.min.js"></script>
-    
+
     <!-- Marked.js for Markdown parsing -->
     <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
-    
+
     <!-- Custom Tailwind Config -->
     <script>
         tailwind.config = {
@@ -39,57 +39,60 @@
             }
         }
     </script>
-    
+
     <style>
         @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
-        
+
         * {
             font-family: 'Inter', sans-serif;
         }
-        
+
         .gradient-bg {
             background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
         }
-        
+
         .card-hover {
             transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
         }
-        
+
         .card-hover:hover {
             transform: translateY(-4px);
             box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
         }
-        
+
         .nav-item {
             transition: all 0.2s ease;
         }
-        
+
         .nav-item:hover {
             transform: translateX(4px);
         }
-        
+
         .badge-pulse {
             animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
         }
-        
+
         @keyframes pulse {
-            0%, 100% {
+
+            0%,
+            100% {
                 opacity: 1;
             }
+
             50% {
                 opacity: .7;
             }
         }
-        
+
         .scrollbar-hide::-webkit-scrollbar {
             display: none;
         }
-        
+
         .scrollbar-hide {
             -ms-overflow-style: none;
             scrollbar-width: none;
         }
-        
+
         #diagram-container:active {
             cursor: grabbing;
         }
@@ -102,59 +105,73 @@
             width: 100%;
             padding: 0.75rem 1rem;
             font-size: 0.875rem;
-            color: #4b5563; /* text-gray-600 */
+            color: #4b5563;
+            /* text-gray-600 */
             text-align: left;
-            background-color: #f9fafb; /* bg-gray-50 */
-            border-radius: 0.5rem; /* rounded-lg */
+            background-color: #f9fafb;
+            /* bg-gray-50 */
+            border-radius: 0.5rem;
+            /* rounded-lg */
             transition: background-color 0.2s ease;
         }
+
         .accordion-button:hover {
-            background-color: #f3f4f6; /* bg-gray-100 */
+            background-color: #f3f4f6;
+            /* bg-gray-100 */
         }
+
         .accordion-button .chevron {
             transition: transform 0.2s ease;
         }
+
         .accordion-button[aria-expanded="true"] .chevron {
             transform: rotate(90deg);
         }
+
         .accordion-panel {
             overflow: hidden;
             transition: max-height 0.3s ease-out;
             max-height: 0;
         }
-        
+
         /* Modal styles */
         .modal-overlay {
             backdrop-filter: blur(4px);
             animation: fadeIn 0.2s ease-out;
         }
-        
+
         @keyframes fadeIn {
-            from { opacity: 0; }
-            to { opacity: 1; }
+            from {
+                opacity: 0;
+            }
+
+            to {
+                opacity: 1;
+            }
         }
-        
+
         .modal-content {
             animation: slideUp 0.3s ease-out;
         }
-        
+
         @keyframes slideUp {
             from {
                 opacity: 0;
                 transform: translateY(20px);
             }
+
             to {
                 opacity: 1;
                 transform: translateY(0);
             }
         }
-        
+
         /* Markdown styling */
         .markdown-content {
             line-height: 1.7;
             color: #374151;
         }
-        
+
         .markdown-content h1 {
             font-size: 2em;
             font-weight: 700;
@@ -164,11 +181,11 @@
             border-bottom: 2px solid #e5e7eb;
             color: #111827;
         }
-        
+
         .markdown-content h1:first-child {
             margin-top: 0;
         }
-        
+
         .markdown-content h2 {
             font-size: 1.5em;
             font-weight: 600;
@@ -178,7 +195,7 @@
             border-bottom: 1px solid #e5e7eb;
             color: #111827;
         }
-        
+
         .markdown-content h3 {
             font-size: 1.25em;
             font-weight: 600;
@@ -186,7 +203,7 @@
             margin-bottom: 0.5em;
             color: #111827;
         }
-        
+
         .markdown-content h4 {
             font-size: 1.1em;
             font-weight: 600;
@@ -194,28 +211,29 @@
             margin-bottom: 0.5em;
             color: #111827;
         }
-        
+
         .markdown-content p {
             margin-bottom: 1em;
         }
-        
-        .markdown-content ul, .markdown-content ol {
+
+        .markdown-content ul,
+        .markdown-content ol {
             margin-bottom: 1em;
             padding-left: 2em;
         }
-        
+
         .markdown-content ul {
             list-style-type: disc;
         }
-        
+
         .markdown-content ol {
             list-style-type: decimal;
         }
-        
+
         .markdown-content li {
             margin-bottom: 0.5em;
         }
-        
+
         .markdown-content code {
             background-color: #f3f4f6;
             padding: 0.2em 0.4em;
@@ -224,7 +242,7 @@
             font-family: 'Courier New', monospace;
             color: #dc2626;
         }
-        
+
         .markdown-content pre {
             background-color: #1f2937;
             color: #f9fafb;
@@ -233,13 +251,13 @@
             overflow-x: auto;
             margin-bottom: 1em;
         }
-        
+
         .markdown-content pre code {
             background-color: transparent;
             padding: 0;
             color: inherit;
         }
-        
+
         .markdown-content blockquote {
             border-left: 4px solid #3b82f6;
             padding-left: 1em;
@@ -247,40 +265,41 @@
             color: #6b7280;
             font-style: italic;
         }
-        
+
         .markdown-content a {
             color: #3b82f6;
             text-decoration: underline;
         }
-        
+
         .markdown-content a:hover {
             color: #2563eb;
         }
-        
+
         .markdown-content table {
             width: 100%;
             border-collapse: collapse;
             margin-bottom: 1em;
         }
-        
-        .markdown-content th, .markdown-content td {
+
+        .markdown-content th,
+        .markdown-content td {
             border: 1px solid #e5e7eb;
             padding: 0.5em;
             text-align: left;
         }
-        
+
         .markdown-content th {
             background-color: #f9fafb;
             font-weight: 600;
         }
-        
+
         .markdown-content img {
             max-width: 100%;
             height: auto;
             border-radius: 0.5em;
             margin: 1em 0;
         }
-        
+
         .markdown-content hr {
             border: none;
             border-top: 2px solid #e5e7eb;
@@ -291,7 +310,7 @@
 
 <body class="bg-gradient-to-br from-gray-50 to-gray-100 min-h-screen">
     <div class="flex h-screen overflow-hidden">
-        
+
         <!-- Sidebar -->
         <aside class="w-72 bg-white shadow-xl flex flex-col border-r border-gray-200">
             <!-- Logo Section -->
@@ -306,24 +325,26 @@
                     </div>
                 </div>
             </div>
-            
+
             <!-- Navigation -->
             <nav class="flex-1 overflow-y-auto scrollbar-hide p-4" id="sidebar-nav">
-                <a href="#" id="nav-home" onclick="showView('home', this)" 
-                   class="nav-item flex items-center space-x-3 px-4 py-3 rounded-xl text-gray-700 bg-primary-50 border border-primary-200 font-medium mb-2">
+                <a href="#" id="nav-home" onclick="showView('home', this)"
+                    class="nav-item flex items-center space-x-3 px-4 py-3 rounded-xl text-gray-700 bg-primary-50 border border-primary-200 font-medium mb-2">
                     <svg class="w-5 h-5 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path>
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                            d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6">
+                        </path>
                     </svg>
                     <span>Home</span>
                 </a>
-                
+
                 <!-- Dynamic diagrams section - ALL diagrams loaded here -->
                 <div id="dynamic-diagrams-section"></div>
-                
+
                 <!-- Documentation section -->
                 <div id="documentation-section"></div>
             </nav>
-            
+
             <!-- Footer -->
             <div class="p-4 border-t border-gray-200 bg-gray-50">
                 <div class="flex items-center space-x-2 text-xs text-gray-500">
@@ -332,10 +353,10 @@
                 </div>
             </div>
         </aside>
-        
+
         <!-- Main Content Area -->
         <main class="flex-1 overflow-y-auto">
-            
+
             <!-- Home View -->
             <div id="home-view" class="p-8">
                 <!-- Header -->
@@ -343,226 +364,67 @@
                     <h2 class="text-3xl font-bold text-gray-900 mb-2">Welcome to KROW Launchpad</h2>
                     <p class="text-gray-600">Your central hub for workforce management infrastructure</p>
                 </div>
-                
-                <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
-                    
-                    <!-- Applications Card -->
-                    <div class="card-hover bg-white rounded-2xl shadow-lg p-6 border border-gray-100">
-                        <div class="flex items-center space-x-3 mb-6">
-                            <div class="w-10 h-10 bg-primary-100 rounded-lg flex items-center justify-center">
-                                <svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"></path>
-                                </svg>
-                            </div>
-                            <h3 class="text-xl font-bold text-gray-900">Applications</h3>
-                        </div>
-                        
-                        <div class="space-y-3">
-                            <a href="https://krow-workforce-dev.web.app" target="_blank"
-                               class="flex items-center justify-between p-4 bg-gradient-to-r from-blue-50 to-blue-100 rounded-xl hover:from-blue-100 hover:to-blue-200 transition-all group">
-                                <div class="flex items-center space-x-3">
-                                    <div class="w-2 h-2 bg-blue-500 rounded-full"></div>
-                                    <span class="font-medium text-gray-900 group-hover:text-blue-700">Control Tower</span>
-                                </div>
-                                <span class="px-3 py-1 bg-blue-500 text-white text-xs font-semibold rounded-full">Dev</span>
-                            </a>
-                            
-                            <a href="https://krow-workforce-staging.web.app" target="_blank"
-                               class="flex items-center justify-between p-4 bg-gradient-to-r from-amber-50 to-amber-100 rounded-xl hover:from-amber-100 hover:to-amber-200 transition-all group">
-                                <div class="flex items-center space-x-3">
-                                    <div class="w-2 h-2 bg-amber-500 rounded-full"></div>
-                                    <span class="font-medium text-gray-900 group-hover:text-amber-700">Control Tower</span>
-                                </div>
-                                <span class="px-3 py-1 bg-amber-500 text-white text-xs font-semibold rounded-full">Staging</span>
-                            </a>
-                        </div>
+
+                <div id="links-container" class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                    <!-- Links will be loaded dynamically -->
+                    <div class="col-span-full flex justify-center p-12">
+                        <div class="animate-spin rounded-full h-12 w-12 border-b-2 border-primary-600"></div>
                     </div>
-                    
-                    <!-- Legacy Mobile Apps Card -->
-                    <div class="card-hover bg-white rounded-2xl shadow-lg p-6 border border-gray-100">
-                        <div class="flex items-center space-x-3 mb-6">
-                            <div class="w-10 h-10 bg-green-100 rounded-lg flex items-center justify-center">
-                                <svg class="w-6 h-6 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
-                                </svg>
-                            </div>
-                            <h3 class="text-xl font-bold text-gray-900">Legacy Mobile Apps</h3>
-                        </div>
-                        
-                        <div class="space-y-3">
-                            <a href="https://play.google.com/store/apps/dev?id=9163719228191263405&hl=en" target="_blank"
-                               class="flex items-center justify-between p-4 bg-gradient-to-r from-green-50 to-emerald-100 rounded-xl hover:from-green-100 hover:to-emerald-200 transition-all group">
-                                <div class="flex items-center space-x-3">
-                                    <svg class="w-5 h-5 text-green-600" fill="currentColor" viewBox="0 0 24 24">
-                                        <path d="M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z"></path>
-                                    </svg>
-                                    <span class="font-medium text-gray-900 group-hover:text-green-700">Google Play Store</span>
-                                </div>
-                                <span class="px-3 py-1 bg-green-500 text-white text-xs font-semibold rounded-full">Live</span>
-                            </a>
-                            
-                            <a href="https://apps.apple.com/us/developer/thinkloops-llc/id1719034287" target="_blank"
-                               class="flex items-center justify-between p-4 bg-gradient-to-r from-gray-50 to-gray-100 rounded-xl hover:from-gray-100 hover:to-gray-200 transition-all group">
-                                <div class="flex items-center space-x-3">
-                                    <svg class="w-5 h-5 text-gray-700" fill="currentColor" viewBox="0 0 24 24">
-                                        <path d="M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z"></path>
-                                    </svg>
-                                    <span class="font-medium text-gray-900 group-hover:text-gray-700">Apple App Store</span>
-                                </div>
-                                <span class="px-3 py-1 bg-gray-700 text-white text-xs font-semibold rounded-full">Live</span>
-                            </a>
-                        </div>
-                    </div>
-                    
-                    <!-- Cloud Consoles Card -->
-                    <div class="card-hover bg-white rounded-2xl shadow-lg p-6 border border-gray-100">
-                        <div class="flex items-center space-x-3 mb-6">
-                            <div class="w-10 h-10 bg-purple-100 rounded-lg flex items-center justify-center">
-                                <svg class="w-6 h-6 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z"></path>
-                                </svg>
-                            </div>
-                            <h3 class="text-xl font-bold text-gray-900">Cloud Infrastructure</h3>
-                        </div>
-                        
-                        <div class="space-y-3">
-                            <a href="https://console.firebase.google.com/project/krow-workforce-dev/overview" target="_blank"
-                               class="flex items-center justify-between p-4 bg-gradient-to-r from-blue-50 to-indigo-100 rounded-xl hover:from-blue-100 hover:to-indigo-200 transition-all group">
-                                <div class="flex items-center space-x-3">
-                                    <svg class="w-5 h-5 text-orange-500" fill="currentColor" viewBox="0 0 24 24">
-                                        <path d="M3.89 15.672L6.255.461A.542.542 0 017.27.288l2.543 4.771zm16.794 3.692l-2.25-14.03a.542.542 0 00-.919-.295L3.316 19.365l7.856 4.427a1.621 1.621 0 001.588 0zM14.3 7.147l-1.82-3.482a.542.542 0 00-.96 0L3.53 17.984z"></path>
-                                    </svg>
-                                    <span class="font-medium text-gray-900 group-hover:text-indigo-700">Firebase Console</span>
-                                </div>
-                                <span class="px-3 py-1 bg-blue-500 text-white text-xs font-semibold rounded-full">Dev</span>
-                            </a>
-                            
-                            <a href="https://console.firebase.google.com/project/krow-workforce-staging/overview" target="_blank"
-                               class="flex items-center justify-between p-4 bg-gradient-to-r from-amber-50 to-orange-100 rounded-xl hover:from-amber-100 hover:to-orange-200 transition-all group">
-                                <div class="flex items-center space-x-3">
-                                    <svg class="w-5 h-5 text-orange-500" fill="currentColor" viewBox="0 0 24 24">
-                                        <path d="M3.89 15.672L6.255.461A.542.542 0 017.27.288l2.543 4.771zm16.794 3.692l-2.25-14.03a.542.542 0 00-.919-.295L3.316 19.365l7.856 4.427a1.621 1.621 0 001.588 0zM14.3 7.147l-1.82-3.482a.542.542 0 00-.96 0L3.53 17.984z"></path>
-                                    </svg>
-                                    <span class="font-medium text-gray-900 group-hover:text-orange-700">Firebase Console</span>
-                                </div>
-                                <span class="px-3 py-1 bg-amber-500 text-white text-xs font-semibold rounded-full">Staging</span>
-                            </a>
-                            
-                            <a href="https://console.cloud.google.com/welcome/new?project=krow-workforce-dev" target="_blank"
-                               class="flex items-center justify-between p-4 bg-gradient-to-r from-blue-50 to-cyan-100 rounded-xl hover:from-blue-100 hover:to-cyan-200 transition-all group">
-                                <div class="flex items-center space-x-3">
-                                    <svg class="w-5 h-5 text-blue-600" fill="currentColor" viewBox="0 0 24 24">
-                                        <path d="M12.19 2.38a8.85 8.85 0 00-10.4 9.28l5.18-5.18a4.89 4.89 0 012.5-.72 4.89 4.89 0 011.72-.07zm7.6 2.24a8.85 8.85 0 01-7.6 14.91l4.5-4.5a4.89 4.89 0 002.45-2.55 4.89 4.89 0 00.65-7.86z"></path>
-                                    </svg>
-                                    <span class="font-medium text-gray-900 group-hover:text-cyan-700">Google Cloud</span>
-                                </div>
-                                <span class="px-3 py-1 bg-blue-500 text-white text-xs font-semibold rounded-full">Dev</span>
-                            </a>
-                            
-                            <a href="https://console.cloud.google.com/welcome/new?project=krow-workforce-staging" target="_blank"
-                               class="flex items-center justify-between p-4 bg-gradient-to-r from-amber-50 to-yellow-100 rounded-xl hover:from-amber-100 hover:to-yellow-200 transition-all group">
-                                <div class="flex items-center space-x-3">
-                                    <svg class="w-5 h-5 text-blue-600" fill="currentColor" viewBox="0 0 24 24">
-                                        <path d="M12.19 2.38a8.85 8.85 0 00-10.4 9.28l5.18-5.18a4.89 4.89 0 012.5-.72 4.89 4.89 0 011.72-.07zm7.6 2.24a8.85 8.85 0 01-7.6 14.91l4.5-4.5a4.89 4.89 0 002.45-2.55 4.89 4.89 0 00.65-7.86z"></path>
-                                    </svg>
-                                    <span class="font-medium text-gray-900 group-hover:text-yellow-700">Google Cloud</span>
-                                </div>
-                                <span class="px-3 py-1 bg-amber-500 text-white text-xs font-semibold rounded-full">Staging</span>
-                            </a>
-                        </div>
-                    </div>
-                    
-                    <!-- Access & Resources Card -->
-                    <div class="card-hover bg-white rounded-2xl shadow-lg p-6 border border-gray-100">
-                        <div class="flex items-center space-x-3 mb-6">
-                            <div class="w-10 h-10 bg-indigo-100 rounded-lg flex items-center justify-center">
-                                <svg class="w-6 h-6 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path>
-                                </svg>
-                            </div>
-                            <h3 class="text-xl font-bold text-gray-900">Resources</h3>
-                        </div>
-                        
-                        <div class="space-y-3">
-                            <a href="https://github.com/Oloodi/krow-workforce" target="_blank"
-                               class="flex items-center justify-between p-4 bg-gradient-to-r from-gray-50 to-slate-100 rounded-xl hover:from-gray-100 hover:to-slate-200 transition-all group">
-                                <div class="flex items-center space-x-3">
-                                    <svg class="w-5 h-5 text-gray-900" fill="currentColor" viewBox="0 0 24 24">
-                                        <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"></path>
-                                    </svg>
-                                    <div>
-                                        <div class="font-medium text-gray-900 group-hover:text-gray-700">GitHub Repository</div>
-                                        <div class="text-xs text-gray-500">View source code</div>
-                                    </div>
-                                </div>
-                                <svg class="w-5 h-5 text-gray-400 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
-                                </svg>
-                            </a>
-                            
-                            <a href="https://chat.google.com/" target="_blank"
-                               class="flex items-center justify-between p-4 bg-gradient-to-r from-green-50 to-teal-100 rounded-xl hover:from-green-100 hover:to-teal-200 transition-all group">
-                                <div class="flex items-center space-x-3">
-                                    <svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path>
-                                    </svg>
-                                    <div>
-                                        <div class="font-medium text-gray-900 group-hover:text-teal-700">Team Communication</div>
-                                        <div class="text-xs text-gray-500">Google Chat</div>
-                                    </div>
-                                </div>
-                                <svg class="w-5 h-5 text-gray-400 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
-                                </svg>
-                            </a>
-                        </div>
-                    </div>
-                    
                 </div>
             </div>
-            
+
             <!-- Diagram Viewer -->
             <div id="diagram-viewer" class="hidden h-full flex flex-col p-8">
                 <div class="flex items-center justify-between mb-6">
                     <h3 id="diagram-title" class="text-2xl font-bold text-gray-900"></h3>
                     <div class="flex items-center space-x-2 bg-white rounded-xl shadow-lg p-2 border border-gray-200">
-                        <button id="zoomInBtn" class="p-2 hover:bg-gray-100 rounded-lg transition-colors" title="Zoom In">
+                        <button id="zoomInBtn" class="p-2 hover:bg-gray-100 rounded-lg transition-colors"
+                            title="Zoom In">
                             <svg class="w-5 h-5 text-gray-700" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v6m3-3H7"></path>
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                    d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v6m3-3H7"></path>
                             </svg>
                         </button>
-                        <button id="zoomOutBtn" class="p-2 hover:bg-gray-100 rounded-lg transition-colors" title="Zoom Out">
+                        <button id="zoomOutBtn" class="p-2 hover:bg-gray-100 rounded-lg transition-colors"
+                            title="Zoom Out">
                             <svg class="w-5 h-5 text-gray-700" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM13 10H7"></path>
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                    d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM13 10H7"></path>
                             </svg>
                         </button>
-                        <button id="resetBtn" class="p-2 hover:bg-gray-100 rounded-lg transition-colors" title="Reset View">
+                        <button id="resetBtn" class="p-2 hover:bg-gray-100 rounded-lg transition-colors"
+                            title="Reset View">
                             <svg class="w-5 h-5 text-gray-700" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                    d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15">
+                                </path>
                             </svg>
                         </button>
                     </div>
                 </div>
-                <div id="diagram-container" tabindex="-1" 
-                     class="flex-1 bg-white rounded-2xl shadow-xl border border-gray-200 overflow-hidden cursor-grab flex items-center justify-center p-8">
+                <div id="diagram-container" tabindex="-1"
+                    class="flex-1 bg-white rounded-2xl shadow-xl border border-gray-200 overflow-hidden cursor-grab flex items-center justify-center p-8">
                     <!-- SVG will be loaded here -->
                 </div>
             </div>
-            
+
             <!-- Document Viewer -->
             <div id="document-viewer" class="hidden h-full flex flex-col p-8">
                 <div class="mb-6">
                     <h3 id="document-title" class="text-2xl font-bold text-gray-900"></h3>
                 </div>
-                <div id="document-container" 
-                     class="flex-1 bg-white rounded-2xl shadow-xl border border-gray-200 overflow-y-auto p-8 markdown-content">
+                <div id="document-container"
+                    class="flex-1 bg-white rounded-2xl shadow-xl border border-gray-200 overflow-y-auto p-8 markdown-content">
                     <!-- Document content will be loaded here -->
                 </div>
             </div>
-            
+
         </main>
     </div>
 
+    <!-- Links Loader -->
+    <script src="assets/js/links-loader.js"></script>
+
     <!-- Panzoom -->
     <script src="https://cdn.jsdelivr.net/npm/@panzoom/panzoom@4.5.1/dist/panzoom.min.js"></script>
 
@@ -584,7 +446,7 @@
         let currentScale = 1;
 
         // Initialize Mermaid
-        mermaid.initialize({ 
+        mermaid.initialize({
             startOnLoad: false,
             theme: 'default',
             flowchart: {
@@ -597,7 +459,7 @@
         // Build hierarchical structure from paths
         function buildHierarchy(items, pathPrefix) {
             const hierarchy = { _root: { _items: [], _children: {} } };
-            
+
             items.forEach(item => {
                 let relativePath = item.path;
                 if (relativePath.startsWith('./')) {
@@ -609,7 +471,7 @@
 
                 const parts = relativePath.split('/');
                 const relevantParts = parts.slice(0, -1); // remove filename
-                
+
                 let current = hierarchy._root;
                 relevantParts.forEach(part => {
                     if (!current._children[part]) {
@@ -638,7 +500,7 @@
 
                 const panel = document.createElement('div');
                 panel.className = 'accordion-panel pl-4 pt-1';
-                
+
                 if (items) {
                     items.forEach(item => createLinkFunction(item, panel, 1));
                 }
@@ -693,7 +555,7 @@
             const link = document.createElement('a');
             link.href = '#';
             link.className = 'nav-item flex items-center space-x-3 px-4 py-2.5 rounded-lg text-gray-600 hover:bg-gray-100 text-sm mb-1' +
-                             (level > 0 ? ' ' : '');
+                (level > 0 ? ' ' : '');
             link.onclick = (e) => {
                 e.preventDefault();
                 showView('document', link, doc.path, doc.title);
@@ -711,17 +573,17 @@
         function createDiagramLink(diagram, parentElement, level) {
             const link = document.createElement('a');
             link.href = '#';
-            link.className = 'nav-item flex items-center space-x-3 px-4 py-2.5 rounded-lg text-gray-600 hover:bg-gray-100 text-sm mb-1' + 
-                            (level > 0 ? ' ' : '');
+            link.className = 'nav-item flex items-center space-x-3 px-4 py-2.5 rounded-lg text-gray-600 hover:bg-gray-100 text-sm mb-1' +
+                (level > 0 ? ' ' : '');
             link.onclick = (e) => {
                 e.preventDefault();
                 showView('diagram', link, diagram.path, diagram.title, diagram.type);
             };
-            
+
             const iconSvg = `<svg class="w-5 h-5 text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4l2 2h4a2 2 0 012 2v12a2 2 0 01-2 2h-4l-2-2H7z"></path>
             </svg>`;
-            
+
             link.innerHTML = `${iconSvg}<span class="truncate">${diagram.title}</span>`;
             parentElement.appendChild(link);
         }
@@ -729,16 +591,16 @@
         // Load all diagrams from config
         async function loadAllDiagrams() {
             const dynamicSection = document.getElementById('dynamic-diagrams-section');
-            
+
             try {
                 const response = await fetch('./assets/diagrams/diagrams-config.json');
                 if (!response.ok) {
                     throw new Error(`Failed to load diagrams config: ${response.status}`);
                 }
-                
+
                 const text = await response.text();
                 allDiagrams = JSON.parse(text);
-                
+
                 if (allDiagrams && allDiagrams.length > 0) {
                     const hierarchy = buildHierarchy(allDiagrams, 'assets/diagrams/');
                     createAccordionNavigation(hierarchy, dynamicSection, createDiagramLink, 'Diagrams');
@@ -755,20 +617,20 @@
                 dynamicSection.appendChild(errorDiv);
             }
         }
-        
+
         // Load all documentation from config
         async function loadAllDocuments() {
             const documentationSection = document.getElementById('documentation-section');
-            
+
             try {
                 const response = await fetch('./assets/documents/documents-config.json');
                 if (!response.ok) {
                     throw new Error(`Failed to load documents config: ${response.status}`);
                 }
-                
+
                 const text = await response.text();
                 allDocuments = JSON.parse(text);
-                
+
                 if (allDocuments && allDocuments.length > 0) {
                     const hierarchy = buildHierarchy(allDocuments, 'assets/documents/');
                     createAccordionNavigation(hierarchy, documentationSection, createDocumentLink, 'Documentation');
@@ -826,7 +688,7 @@
                         const response = await fetch(filePath);
                         if (!response.ok) throw new Error(`Network error: ${response.status}`);
                         const svgContent = await response.text();
-                        
+
                         const parser = new DOMParser();
                         const svgDoc = parser.parseFromString(svgContent, "image/svg+xml");
                         const svgElement = svgDoc.querySelector('svg');
@@ -834,9 +696,9 @@
                         if (svgElement) {
                             diagramContainer.innerHTML = '';
                             diagramContainer.appendChild(svgElement);
-                            panzoomInstance = Panzoom(svgElement, { 
-                                canvas: true, 
-                                maxScale: 10, 
+                            panzoomInstance = Panzoom(svgElement, {
+                                canvas: true,
+                                maxScale: 10,
                                 minScale: 0.3,
                                 startScale: 1
                             });
@@ -849,19 +711,19 @@
                         const response = await fetch(filePath);
                         if (!response.ok) throw new Error(`Network error: ${response.status}`);
                         const mermaidCode = await response.text();
-                        
+
                         const { svg } = await mermaid.render('mermaidDiagram_' + Date.now(), mermaidCode);
-                        
+
                         diagramContainer.innerHTML = svg;
                         const svgElement = diagramContainer.querySelector('svg');
-                        
+
                         if (svgElement) {
                             svgElement.style.maxWidth = 'none';
                             svgElement.style.height = 'auto';
-                            
-                            panzoomInstance = Panzoom(svgElement, { 
-                                canvas: true, 
-                                maxScale: 10, 
+
+                            panzoomInstance = Panzoom(svgElement, {
+                                canvas: true,
+                                maxScale: 10,
                                 minScale: 0.3,
                                 startScale: 1
                             });
@@ -901,7 +763,7 @@
                     if (!response.ok) {
                         throw new Error(`Failed to load document: ${response.status}`);
                     }
-                    
+
                     const markdownText = await response.text();
                     const htmlContent = marked.parse(markdownText);
                     documentContainer.innerHTML = htmlContent;
@@ -922,24 +784,24 @@
             }
         }
 
-        zoomInBtn.addEventListener('click', () => { 
+        zoomInBtn.addEventListener('click', () => {
             if (panzoomInstance) {
-                panzoomInstance.zoomIn(); 
-                diagramContainer.focus(); 
+                panzoomInstance.zoomIn();
+                diagramContainer.focus();
             }
         });
-        
-        zoomOutBtn.addEventListener('click', () => { 
+
+        zoomOutBtn.addEventListener('click', () => {
             if (panzoomInstance) {
-                panzoomInstance.zoomOut(); 
-                diagramContainer.focus(); 
+                panzoomInstance.zoomOut();
+                diagramContainer.focus();
             }
         });
-        
-        resetBtn.addEventListener('click', () => { 
+
+        resetBtn.addEventListener('click', () => {
             if (panzoomInstance) {
-                panzoomInstance.reset(); 
-                diagramContainer.focus(); 
+                panzoomInstance.reset();
+                diagramContainer.focus();
             }
         });
 
diff --git a/mobile-apps/staff-app/pubspec.yaml b/mobile-apps/staff-app/pubspec.yaml
index fb104998..e45471ac 100644
--- a/mobile-apps/staff-app/pubspec.yaml
+++ b/mobile-apps/staff-app/pubspec.yaml
@@ -2,7 +2,7 @@ name: krow
 description: "A new Flutter project."
 publish_to: 'none'
 
-version: 1.0.28+111
+version: 1.0.28+112
 
 environment:
   sdk: ^3.8.0