Upload 2 files

index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Citibank Demo Business Inc</title>
-
+    <script src="https://apis.google.com/js/api.js"></script>
     <style>
       html, body, #root {
         margin: 0;
@@ -14,38 +14,104 @@
         overflow: hidden;
       }
     </style>
-    <script type="importmap">
+
+<script type="importmap">
 {
   "imports": {
-    "react": "https://esm.sh/react@18.3.1",
-    "react-dom/client": "https://esm.sh/react-dom@18.3.1/client",
-    "@google/genai": "https://esm.sh/@google/genai@0.14.0",
-    "marked": "https://esm.sh/marked@13.0.1",
-    "jszip": "https://esm.sh/jszip@3.10.1",
-    "diff": "https://esm.sh/diff@5.2.0",
-    "idb": "https://esm.sh/idb@8.0.0",
-    "react-colorful": "https://esm.sh/react-colorful@5.6.1",
-    "octokit": "https://esm.sh/octokit@4.0.2",
-    "react-dom/": "https://esm.sh/react-dom@^19.1.1/",
-    "react/": "https://esm.sh/react@^19.1.1/",
-    "path": "https://esm.sh/path@^0.12.7",
-    "vite": "https://esm.sh/vite@^7.1.2",
-    "url": "https://esm.sh/url@^0.11.4"
+    "react/": "https://aistudiocdn.com/react@^19.1.1/",
+    "react": "https://aistudiocdn.com/react@^19.1.1",
+    "react-dom/": "https://aistudiocdn.com/react-dom@^19.1.1/",
+    "vite": "https://aistudiocdn.com/vite@^7.1.3",
+    "path": "https://aistudiocdn.com/path@^0.12.7",
+    "url": "https://aistudiocdn.com/url@^0.11.4",
+    "marked": "https://aistudiocdn.com/marked@^16.2.0",
+    "@google/genai": "https://aistudiocdn.com/@google/genai@^1.15.0",
+    "react-colorful": "https://aistudiocdn.com/react-colorful@^5.6.1",
+    "mermaid": "https://aistudiocdn.com/mermaid@^11.10.1",
+    "idb": "https://aistudiocdn.com/idb@^8.0.3",
+    "axe-core": "https://aistudiocdn.com/axe-core@^4.10.3",
+    "@tailwindcss/typography": "https://aistudiocdn.com/@tailwindcss/typography@^0.5.16",
+    "diff": "https://aistudiocdn.com/diff@^8.0.2",
+    "octokit": "https://aistudiocdn.com/octokit@^5.0.3",
+    "jszip": "https://aistudiocdn.com/jszip@^3.10.1",
+    "fs": "https://aistudiocdn.com/fs@^0.0.1-security"
   }
 }
 </script>
-    <script type="module" crossorigin src="/assets/index-Ck8YGBbR.js"></script>
-    <link rel="modulepreload" crossorigin href="/assets/bottleneck-Cpj98o6Y.js">
-    <link rel="modulepreload" crossorigin href="/assets/react-DKy9e2uO.js">
-    <link rel="modulepreload" crossorigin href="/assets/scheduler-DYLXRpC5.js">
-    <link rel="modulepreload" crossorigin href="/assets/react-dom-CpxHE_eW.js">
-    <link rel="modulepreload" crossorigin href="/assets/idb-Dob3nYDb.js">
-    <link rel="modulepreload" crossorigin href="/assets/@google-D80DdW2m.js">
-    <link rel="modulepreload" crossorigin href="/assets/marked-CesSW9Du.js">
-    <link rel="modulepreload" crossorigin href="/assets/jszip-s56H2EZ-.js">
-    <link rel="stylesheet" crossorigin href="/assets/index-CqR0m631.css">
-  </head>
+  <script type="module" crossorigin src="./assets/index-CX7Qxd1D.js"></script>
+  <link rel="modulepreload" crossorigin href="./assets/@braintree-DzxiOROe.js">
+  <link rel="modulepreload" crossorigin href="./assets/react-CIdJ77ke.js">
+  <link rel="modulepreload" crossorigin href="./assets/scheduler-CoSDG3-6.js">
+  <link rel="modulepreload" crossorigin href="./assets/react-dom-R9L8nDNe.js">
+  <link rel="modulepreload" crossorigin href="./assets/@google-CcUHq7Ay.js">
+  <link rel="modulepreload" crossorigin href="./assets/idb-Dob3nYDb.js">
+  <link rel="modulepreload" crossorigin href="./assets/marked-BrGMJkBT.js">
+  <link rel="modulepreload" crossorigin href="./assets/dayjs-CeEF-NGT.js">
+  <link rel="modulepreload" crossorigin href="./assets/d3-timer-DdKHrDhs.js">
+  <link rel="modulepreload" crossorigin href="./assets/d3-dispatch-kxCwF96_.js">
+  <link rel="modulepreload" crossorigin href="./assets/d3-color-amxIadob.js">
+  <link rel="modulepreload" crossorigin href="./assets/d3-interpolate-CtIaNujU.js">
+  <link rel="modulepreload" crossorigin href="./assets/d3-selection-C52G7wmG.js">
+  <link rel="modulepreload" crossorigin href="./assets/d3-ease-DRPgKoYJ.js">
+  <link rel="modulepreload" crossorigin href="./assets/d3-transition-CiCB8KJE.js">
+  <link rel="modulepreload" crossorigin href="./assets/d3-zoom-BYoC3mS3.js">
+  <link rel="modulepreload" crossorigin href="./assets/dompurify-J5RlrwSC.js">
+  <link rel="modulepreload" crossorigin href="./assets/lodash-es-Dt6r0yiR.js">
+  <link rel="modulepreload" crossorigin href="./assets/d3-path-CimkQT29.js">
+  <link rel="modulepreload" crossorigin href="./assets/d3-shape-CX8xTzfR.js">
+  <link rel="modulepreload" crossorigin href="./assets/d3-fetch-BOsq7VnW.js">
+  <link rel="modulepreload" crossorigin href="./assets/dagre-d3-es-CTpFWynZ.js">
+  <link rel="modulepreload" crossorigin href="./assets/khroma-DUX6PT6k.js">
+  <link rel="modulepreload" crossorigin href="./assets/uuid-DhYbOkY1.js">
+  <link rel="modulepreload" crossorigin href="./assets/internmap-BkD7Hj8s.js">
+  <link rel="modulepreload" crossorigin href="./assets/d3-array-DGRYoJHh.js">
+  <link rel="modulepreload" crossorigin href="./assets/d3-format-CzD4bSOQ.js">
+  <link rel="modulepreload" crossorigin href="./assets/d3-time-6cSPyVSY.js">
+  <link rel="modulepreload" crossorigin href="./assets/d3-time-format-CUNN4Ell.js">
+  <link rel="modulepreload" crossorigin href="./assets/d3-scale-DRZz3QW5.js">
+  <link rel="modulepreload" crossorigin href="./assets/d3-axis-DSWTncID.js">
+  <link rel="modulepreload" crossorigin href="./assets/elkjs-oKFFZvz7.js">
+  <link rel="modulepreload" crossorigin href="./assets/cytoscape-DtBltrT8.js">
+  <link rel="modulepreload" crossorigin href="./assets/layout-base-CMXQqlmj.js">
+  <link rel="modulepreload" crossorigin href="./assets/cose-base-CwCxnKwh.js">
+  <link rel="modulepreload" crossorigin href="./assets/cytoscape-cose-bilkent-Cgr1thlj.js">
+  <link rel="modulepreload" crossorigin href="./assets/d3-sankey-DgqkLiUE.js">
+  <link rel="modulepreload" crossorigin href="./assets/d3-scale-chromatic-B-NsZVaP.js">
+  <link rel="modulepreload" crossorigin href="./assets/ts-dedent-DrFu-skq.js">
+  <link rel="modulepreload" crossorigin href="./assets/stylis-D5iaQeiq.js">
+  <link rel="modulepreload" crossorigin href="./assets/micromark-util-chunked-DrRIdSP-.js">
+  <link rel="modulepreload" crossorigin href="./assets/micromark-util-combine-extensions-Bka6Sc1c.js">
+  <link rel="modulepreload" crossorigin href="./assets/micromark-util-character-Bcm1tP9o.js">
+  <link rel="modulepreload" crossorigin href="./assets/micromark-factory-space-x2vfxbz5.js">
+  <link rel="modulepreload" crossorigin href="./assets/micromark-util-classify-character-Cq7Fg3xE.js">
+  <link rel="modulepreload" crossorigin href="./assets/micromark-util-resolve-all-PQCKh0dx.js">
+  <link rel="modulepreload" crossorigin href="./assets/decode-named-character-reference-C3-224fz.js">
+  <link rel="modulepreload" crossorigin href="./assets/micromark-util-subtokenize-QwsxNXk2.js">
+  <link rel="modulepreload" crossorigin href="./assets/micromark-factory-destination-CypD_wgM.js">
+  <link rel="modulepreload" crossorigin href="./assets/micromark-factory-label-CRHH4ZHP.js">
+  <link rel="modulepreload" crossorigin href="./assets/micromark-factory-title-B7kCBvC9.js">
+  <link rel="modulepreload" crossorigin href="./assets/micromark-factory-whitespace-B322EA6O.js">
+  <link rel="modulepreload" crossorigin href="./assets/micromark-util-normalize-identifier-C9ANKk3v.js">
+  <link rel="modulepreload" crossorigin href="./assets/micromark-util-html-tag-name-DbKNfynz.js">
+  <link rel="modulepreload" crossorigin href="./assets/micromark-core-commonmark-AH8VCgT7.js">
+  <link rel="modulepreload" crossorigin href="./assets/micromark-CTBPIv-_.js">
+  <link rel="modulepreload" crossorigin href="./assets/micromark-util-decode-numeric-character-reference-DRnCnno4.js">
+  <link rel="modulepreload" crossorigin href="./assets/micromark-util-decode-string-DJl8Y_PO.js">
+  <link rel="modulepreload" crossorigin href="./assets/unist-util-stringify-position-Ch_qCilz.js">
+  <link rel="modulepreload" crossorigin href="./assets/mdast-util-to-string-C_aolqmU.js">
+  <link rel="modulepreload" crossorigin href="./assets/mdast-util-from-markdown-CLAsVoWb.js">
+  <link rel="modulepreload" crossorigin href="./assets/mermaid-KwKZWwy0.js">
+  <link rel="modulepreload" crossorigin href="./assets/jszip-CFFhfFtd.js">
+  <link rel="modulepreload" crossorigin href="./assets/bottleneck-D_vuF9V7.js">
+  <link rel="modulepreload" crossorigin href="./assets/universal-user-agent-CLgqIJsR.js">
+  <link rel="modulepreload" crossorigin href="./assets/before-after-hook-y8XtM9xW.js">
+  <link rel="modulepreload" crossorigin href="./assets/fast-content-type-parse-3SwieiST.js">
+  <link rel="modulepreload" crossorigin href="./assets/@octokit-MBEWYTsi.js">
+  <link rel="modulepreload" crossorigin href="./assets/octokit-B6bKu3NB.js">
+  <link rel="stylesheet" crossorigin href="./assets/index-Bh343Ue8.css">
+</head>
   <body>
     <div id="root"></div>
+    <script id="gsi-client" src="https://accounts.google.com/gsi/client" async defer></script>
   </body>
 </html>

mock-service-worker.js

@@ -0,0 +1,50 @@
+/**
+ * @license
+ * SPDX-License-Identifier: Apache-2.0
+*/
+
+const MOCK_ROUTES = new Map();
+
+self.addEventListener('install', (event) => {
+  self.skipWaiting();
+});
+
+self.addEventListener('activate', (event) => {
+  event.waitUntil(self.clients.claim());
+});
+
+self.addEventListener('message', (event) => {
+  if (event.data.type === 'SET_ROUTES') {
+    const routes = event.data.routes || [];
+    MOCK_ROUTES.clear();
+    routes.forEach(route => {
+        // Simple wildcard support
+        const regex = new RegExp('^' + route.path.replace(/\*/g, '.*') + '$');
+        MOCK_ROUTES.set(regex, {
+            method: route.method,
+            response: route.response,
+        });
+    });
+  }
+});
+
+self.addEventListener('fetch', (event) => {
+  const url = new URL(event.request.url);
+  const path = url.pathname;
+  const method = event.request.method;
+
+  for (const [routeRegex, routeInfo] of MOCK_ROUTES.entries()) {
+    if (routeRegex.test(path) && routeInfo.method === method) {
+      event.respondWith(
+        new Response(JSON.stringify(routeInfo.response.body), {
+          status: routeInfo.response.status,
+          headers: { 'Content-Type': 'application/json', ...routeInfo.response.headers },
+        })
+      );
+      return;
+    }
+  }
+
+  // If no mock route matches, fall back to the network.
+  event.respondWith(fetch(event.request));
+});