{"timestamp":"00:00:12.257","source":"Server","level":"LOG","message":""}
{"timestamp":"00:01:31.442","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"00:01:34.635","source":"Browser","level":"WARN","message":"Clerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview"}
{"timestamp":"00:02:42.100","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\\u001b[39m\" \"\\u001b[2m(https://steady-perch-34.clerk.accounts.dev/npm/@clerk/clerk-js@6/dist/clerk.browser.js:12:3217)\\u001b[22m\""}
{"timestamp":"00:02:42.101","source":"Browser","level":"WARN","message":"\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\u001b[39m"}
{"timestamp":"00:34:31.559","source":"Server","level":"WARN","message":"⚠ Fast Refresh had to perform a full reload when ./src/lib/permissions.ts changed. Read more: https://nextjs.org/docs/messages/fast-refresh-reload"}
{"timestamp":"00:34:31.578","source":"Server","level":"LOG","message":"✓ Compiled in 1585ms"}
{"timestamp":"00:34:32.987","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"00:34:35.622","source":"Browser","level":"WARN","message":"Clerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview"}
{"timestamp":"00:35:18.397","source":"Server","level":"LOG","message":"✓ Compiled in 643ms"}
{"timestamp":"00:36:07.487","source":"Server","level":"LOG","message":"✓ Compiled in 1182ms"}
{"timestamp":"00:36:18.366","source":"Server","level":"LOG","message":"✓ Compiled in 1569ms"}
{"timestamp":"00:36:18.368","source":"Server","level":"WARN","message":"⚠ Fast Refresh had to perform a full reload when ./src/app/(app)/pages/RolesPage.tsx changed. Read more: https://nextjs.org/docs/messages/fast-refresh-reload"}
{"timestamp":"00:36:19.628","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"00:36:22.623","source":"Browser","level":"WARN","message":"Clerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview"}
{"timestamp":"00:36:31.249","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\\u001b[39m\" \"\\u001b[2m(https://steady-perch-34.clerk.accounts.dev/npm/@clerk/clerk-js@6/dist/clerk.browser.js:12:3217)\\u001b[22m\""}
{"timestamp":"00:36:31.249","source":"Browser","level":"WARN","message":"\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\u001b[39m"}
{"timestamp":"00:36:59.913","source":"Server","level":"WARN","message":"⚠ Fast Refresh had to perform a full reload when ./src/app/(app)/pages/RolesPage.tsx changed. Read more: https://nextjs.org/docs/messages/fast-refresh-reload"}
{"timestamp":"00:37:00.651","source":"Server","level":"LOG","message":"✓ Compiled in 2.5s"}
{"timestamp":"00:37:09.080","source":"Server","level":"LOG","message":"✓ Compiled in 130ms"}
{"timestamp":"00:37:09.084","source":"Server","level":"WARN","message":"⚠ Fast Refresh had to perform a full reload when ./src/app/(app)/pages/RolesPage.tsx changed. Read more: https://nextjs.org/docs/messages/fast-refresh-reload"}
{"timestamp":"00:37:13.411","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"00:37:16.622","source":"Browser","level":"WARN","message":"Clerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview"}
{"timestamp":"00:39:37.558","source":"Server","level":"LOG","message":"✓ Compiled in 1984ms"}
{"timestamp":"00:39:37.560","source":"Server","level":"WARN","message":"⚠ Fast Refresh had to perform a full reload when ./src/app/(app)/pages/RolesPage.tsx changed. Read more: https://nextjs.org/docs/messages/fast-refresh-reload"}
{"timestamp":"00:39:37.569","source":"Server","level":"WARN","message":"⚠ Fast Refresh had to perform a full reload when ./src/app/(app)/pages/RolesPage.tsx changed. Read more: https://nextjs.org/docs/messages/fast-refresh-reload"}
{"timestamp":"00:39:39.031","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"00:39:41.623","source":"Browser","level":"WARN","message":"Clerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview"}
{"timestamp":"01:25:48.827","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\\u001b[39m\" \"\\u001b[2m(https://steady-perch-34.clerk.accounts.dev/npm/@clerk/clerk-js@6/dist/clerk.browser.js:12:3217)\\u001b[22m\""}
{"timestamp":"01:25:48.838","source":"Browser","level":"WARN","message":"\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\u001b[39m"}
{"timestamp":"01:28:05.359","source":"Server","level":"LOG","message":"✓ Compiled in 445ms"}
{"timestamp":"01:28:40.461","source":"Server","level":"WARN","message":"⚠ Fast Refresh had to perform a full reload when ./src/app/(app)/AppShell.tsx changed. Read more: https://nextjs.org/docs/messages/fast-refresh-reload"}
{"timestamp":"01:28:40.470","source":"Server","level":"LOG","message":"✓ Compiled in 375ms"}
{"timestamp":"01:28:43.909","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"01:28:44.593","source":"Browser","level":"WARN","message":"Clerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview"}
{"timestamp":"01:28:44.594","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\\u001b[39m\" \"\\u001b[2m(https://steady-perch-34.clerk.accounts.dev/npm/@clerk/clerk-js@6/dist/clerk.browser.js:12:3217)\\u001b[22m\""}
{"timestamp":"01:28:44.595","source":"Browser","level":"WARN","message":"\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\u001b[39m"}
{"timestamp":"01:29:13.822","source":"Server","level":"LOG","message":"✓ Compiled in 660ms"}
{"timestamp":"01:29:14.623","source":"Browser","level":"ERROR","message":"./src/app/(app)/pages/RolesPage.tsx:523:30\nUnexpected token. Did you mean `{'}'}` or `&rbrace;`?\n  521 |                       <span className=\"text-xs text-gray-300 group-hover:text-teal-500 transition-colors ml-a...\n  522 |                     </div>\n> 523 |                             )}\n      |                              ^\n  524 |                           </div>\n  525 |                         </div>\n  526 |\n\nParsing ecmascript source code failed\n\nImport traces:\n  Client Component Browser:\n    ./src/app/(app)/pages/RolesPage.tsx [Client Component Browser]\n    ./src/app/(app)/AppShell.tsx [Client Component Browser]\n    ./src/app/(app)/AppShell.tsx [Server Component]\n    ./src/app/(app)/layout.tsx [Server Component]\n\n  Client Component SSR:\n    ./src/app/(app)/pages/RolesPage.tsx [Client Component SSR]\n    ./src/app/(app)/AppShell.tsx [Client Component SSR]\n    ./src/app/(app)/AppShell.tsx [Server Component]\n    ./src/app/(app)/layout.tsx [Server Component]"}
{"timestamp":"01:29:14.624","source":"Browser","level":"ERROR","message":"./src/app/(app)/pages/RolesPage.tsx:525:26\nUnterminated regexp literal\n  523 |                             )}\n  524 |                           </div>\n> 525 |                         </div>\n      |                          ^^^^^\n  526 |\n  527 |                         {/* Members */}\n  528 |                         {members.length === 0 ? (\n\nParsing ecmascript source code failed\n\nImport traces:\n  Client Component Browser:\n    ./src/app/(app)/pages/RolesPage.tsx [Client Component Browser]\n    ./src/app/(app)/AppShell.tsx [Client Component Browser]\n    ./src/app/(app)/AppShell.tsx [Server Component]\n    ./src/app/(app)/layout.tsx [Server Component]\n\n  Client Component SSR:\n    ./src/app/(app)/pages/RolesPage.tsx [Client Component SSR]\n    ./src/app/(app)/AppShell.tsx [Client Component SSR]\n    ./src/app/(app)/AppShell.tsx [Server Component]\n    ./src/app/(app)/layout.tsx [Server Component]"}
{"timestamp":"01:29:47.603","source":"Server","level":"LOG","message":"✓ Compiled in 1114ms"}
{"timestamp":"01:29:47.956","source":"Server","level":"WARN","message":"⚠ Fast Refresh had to perform a full reload when ./src/app/(app)/pages/RolesPage.tsx changed. Read more: https://nextjs.org/docs/messages/fast-refresh-reload"}
{"timestamp":"01:29:47.980","source":"Server","level":"ERROR","message":"[browser] \"./src/app/(app)/pages/RolesPage.tsx:523:30\\nUnexpected token. Did you mean `{'}'}` or `&rbrace;`?\\n  521 |                       <span className=\\\"text-xs text-gray-300 group-hover:text-teal-500 transition-colors ml-a...\\n  522 |                     </div>\\n> 523 |                             )}\\n      |                              ^\\n  524 |                           </div>\\n  525 |                         </div>\\n  526 |\\n\\nParsing ecmascript source code failed\\n\\nImport traces:\\n  Client Component Browser:\\n    ./src/app/(app)/pages/RolesPage.tsx [Client Component Browser]\\n    ./src/app/(app)/AppShell.tsx [Client Component Browser]\\n    ./src/app/(app)/AppShell.tsx [Server Component]\\n    ./src/app/(app)/layout.tsx [Server Component]\\n\\n  Client Component SSR:\\n    ./src/app/(app)/pages/RolesPage.tsx [Client Component SSR]\\n    ./src/app/(app)/AppShell.tsx [Client Component SSR]\\n    ./src/app/(app)/AppShell.tsx [Server Component]\\n    ./src/app/(app)/layout.tsx [Server Component]\" \"\""}
{"timestamp":"01:29:47.981","source":"Browser","level":"ERROR","message":"./src/app/(app)/pages/RolesPage.tsx:523:30\nUnexpected token. Did you mean `{'}'}` or `&rbrace;`?\n  521 |                       <span className=\"text-xs text-gray-300 group-hover:text-teal-500 transition-colors ml-a...\n  522 |                     </div>\n> 523 |                             )}\n      |                              ^\n  524 |                           </div>\n  525 |                         </div>\n  526 |\n\nParsing ecmascript source code failed\n\nImport traces:\n  Client Component Browser:\n    ./src/app/(app)/pages/RolesPage.tsx [Client Component Browser]\n    ./src/app/(app)/AppShell.tsx [Client Component Browser]\n    ./src/app/(app)/AppShell.tsx [Server Component]\n    ./src/app/(app)/layout.tsx [Server Component]\n\n  Client Component SSR:\n    ./src/app/(app)/pages/RolesPage.tsx [Client Component SSR]\n    ./src/app/(app)/AppShell.tsx [Client Component SSR]\n    ./src/app/(app)/AppShell.tsx [Server Component]\n    ./src/app/(app)/layout.tsx [Server Component] \"\""}
{"timestamp":"01:29:47.983","source":"Server","level":"ERROR","message":"[browser] \"./src/app/(app)/pages/RolesPage.tsx:525:26\\nUnterminated regexp literal\\n  523 |                             )}\\n  524 |                           </div>\\n> 525 |                         </div>\\n      |                          ^^^^^\\n  526 |\\n  527 |                         {/* Members */}\\n  528 |                         {members.length === 0 ? (\\n\\nParsing ecmascript source code failed\\n\\nImport traces:\\n  Client Component Browser:\\n    ./src/app/(app)/pages/RolesPage.tsx [Client Component Browser]\\n    ./src/app/(app)/AppShell.tsx [Client Component Browser]\\n    ./src/app/(app)/AppShell.tsx [Server Component]\\n    ./src/app/(app)/layout.tsx [Server Component]\\n\\n  Client Component SSR:\\n    ./src/app/(app)/pages/RolesPage.tsx [Client Component SSR]\\n    ./src/app/(app)/AppShell.tsx [Client Component SSR]\\n    ./src/app/(app)/AppShell.tsx [Server Component]\\n    ./src/app/(app)/layout.tsx [Server Component]\" \"\""}
{"timestamp":"01:29:47.983","source":"Browser","level":"ERROR","message":"./src/app/(app)/pages/RolesPage.tsx:525:26\nUnterminated regexp literal\n  523 |                             )}\n  524 |                           </div>\n> 525 |                         </div>\n      |                          ^^^^^\n  526 |\n  527 |                         {/* Members */}\n  528 |                         {members.length === 0 ? (\n\nParsing ecmascript source code failed\n\nImport traces:\n  Client Component Browser:\n    ./src/app/(app)/pages/RolesPage.tsx [Client Component Browser]\n    ./src/app/(app)/AppShell.tsx [Client Component Browser]\n    ./src/app/(app)/AppShell.tsx [Server Component]\n    ./src/app/(app)/layout.tsx [Server Component]\n\n  Client Component SSR:\n    ./src/app/(app)/pages/RolesPage.tsx [Client Component SSR]\n    ./src/app/(app)/AppShell.tsx [Client Component SSR]\n    ./src/app/(app)/AppShell.tsx [Server Component]\n    ./src/app/(app)/layout.tsx [Server Component] \"\""}
{"timestamp":"01:29:49.656","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"01:29:50.087","source":"Browser","level":"WARN","message":"Clerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview"}
{"timestamp":"01:29:50.088","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\\u001b[39m\" \"\\u001b[2m(https://steady-perch-34.clerk.accounts.dev/npm/@clerk/clerk-js@6/dist/clerk.browser.js:12:3217)\\u001b[22m\""}
{"timestamp":"01:29:50.088","source":"Browser","level":"WARN","message":"\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\u001b[39m"}
{"timestamp":"01:30:12.713","source":"Server","level":"LOG","message":"✓ Compiled in 211ms"}
{"timestamp":"01:30:36.228","source":"Server","level":"LOG","message":"✓ Compiled in 180ms"}
{"timestamp":"01:30:55.193","source":"Server","level":"LOG","message":"✓ Compiled in 228ms"}
{"timestamp":"01:31:19.024","source":"Server","level":"WARN","message":"⚠ Fast Refresh had to perform a full reload when ./src/app/(app)/pages/RolesPage.tsx changed. Read more: https://nextjs.org/docs/messages/fast-refresh-reload"}
{"timestamp":"01:31:19.027","source":"Server","level":"LOG","message":"✓ Compiled in 479ms"}
{"timestamp":"01:31:19.032","source":"Server","level":"WARN","message":"⚠ Fast Refresh had to perform a full reload when ./src/app/(app)/pages/RolesPage.tsx changed. Read more: https://nextjs.org/docs/messages/fast-refresh-reload"}
{"timestamp":"01:31:20.597","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"01:31:20.817","source":"Browser","level":"WARN","message":"Clerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview"}
{"timestamp":"01:31:20.818","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\\u001b[39m\" \"\\u001b[2m(https://steady-perch-34.clerk.accounts.dev/npm/@clerk/clerk-js@6/dist/clerk.browser.js:12:3217)\\u001b[22m\""}
{"timestamp":"01:31:20.818","source":"Browser","level":"WARN","message":"\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\u001b[39m"}
{"timestamp":"01:31:26.016","source":"Server","level":"WARN","message":"⚠ Fast Refresh had to perform a full reload when ./src/app/(app)/pages/RolesPage.tsx changed. Read more: https://nextjs.org/docs/messages/fast-refresh-reload"}
{"timestamp":"01:31:26.325","source":"Server","level":"LOG","message":"✓ Compiled in 414ms"}
{"timestamp":"01:31:26.334","source":"Server","level":"WARN","message":"⚠ Fast Refresh had to perform a full reload when ./src/app/(app)/pages/RolesPage.tsx changed. Read more: https://nextjs.org/docs/messages/fast-refresh-reload"}
{"timestamp":"01:31:27.720","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"01:31:27.903","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\\u001b[39m\" \"\\u001b[2m(https://steady-perch-34.clerk.accounts.dev/npm/@clerk/clerk-js@6/dist/clerk.browser.js:12:3217)\\u001b[22m\""}
{"timestamp":"01:31:27.903","source":"Browser","level":"WARN","message":"\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\u001b[39m"}
{"timestamp":"01:31:27.903","source":"Browser","level":"WARN","message":"Clerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview"}
{"timestamp":"01:31:28.111","source":"Browser","level":"ERROR","message":"In HTML, %s cannot be a child of <%s>.%s\nThis will cause a hydration error.%s <html> body  \n\n  ...\n    <SegmentViewNode type=\"layout\" pagePath=\"layout.tsx\">\n      <SegmentTrieNode>\n      <link>\n      <script>\n      <script>\n      <script>\n      <script>\n      <RootLayout>\n        <ClerkProvider>\n          <ClientClerkProvider publishableKey=\"pk_test_c3...\" proxyUrl=\"\" domain=\"\" isSatellite={false} ...>\n            ...\n              <ClerkProvider publishableKey=\"pk_test_c3...\" proxyUrl=\"\" domain=\"\" isSatellite={false} ...>\n                <ClerkProviderBase publishableKey=\"pk_test_c3...\" proxyUrl=\"\" domain=\"\" isSatellite={false} ...>\n                  <ClerkContextProvider initialState={undefined} clerk={{clerkjs:null, ...}} clerkStatus=\"loading\">\n                    <InitialStateProvider initialState={undefined}>\n                      <__experimental_CheckoutProvider value={undefined}>\n                        <RouterTelemetry>\n                        <ClerkScripts>\n                        <html lang=\"en\" className=\"dm_sans_2c...\">\n>                         <body className=\"min-h-full flex flex-col\">\n                            <PageTransition>\n                            ...\n                              <ErrorBoundary errorComponent={function GlobalError} errorStyles={<SegmentViewNode>} ...>\n                                <ErrorBoundaryHandler pathname=\"/roles\" errorComponent={function GlobalError} ...>\n                                  <SegmentViewNode>\n                                  <script>\n                                  <script>\n                                  <script>\n                                  <GlobalError error={Error} reset={function} unstable_retry={function}>\n>                                   <html>\n"}
{"timestamp":"01:31:28.111","source":"Browser","level":"ERROR","message":"<%s> cannot contain a nested %s.\nSee this log for the ancestor stack trace. body <html>"}
{"timestamp":"01:31:28.111","source":"Browser","level":"ERROR","message":"You are mounting a new %s component when a previous one has not first unmounted. It is an error to render more than one %s component at a time and attributes and children of these components will likely fail in unpredictable ways. Please only render a single instance of <%s> and if you need to mount a new one, ensure any previous ones have unmounted first. html html html"}
{"timestamp":"01:31:28.111","source":"Browser","level":"ERROR","message":"You are mounting a new %s component when a previous one has not first unmounted. It is an error to render more than one %s component at a time and attributes and children of these components will likely fail in unpredictable ways. Please only render a single instance of <%s> and if you need to mount a new one, ensure any previous ones have unmounted first. body body body"}
{"timestamp":"01:31:28.111","source":"Browser","level":"ERROR","message":"Application error: {}"}
{"timestamp":"01:31:28.111","source":"Browser","level":"ERROR","message":"Application error: {}"}
{"timestamp":"01:31:28.285","source":"Server","level":"ERROR","message":"[browser] \"In HTML, <html> cannot be a child of <body>.\\nThis will cause a hydration error.\\n\\n  ...\\n    <SegmentViewNode type=\\\"layout\\\" pagePath=\\\"layout.tsx\\\">\\n      <SegmentTrieNode>\\n      <link>\\n      <script>\\n      <script>\\n      <script>\\n      <script>\\n      <RootLayout>\\n        <ClerkProvider>\\n          <ClientClerkProvider publishableKey=\\\"pk_test_c3...\\\" proxyUrl=\\\"\\\" domain=\\\"\\\" isSatellite={false} ...>\\n            ...\\n              <ClerkProvider publishableKey=\\\"pk_test_c3...\\\" proxyUrl=\\\"\\\" domain=\\\"\\\" isSatellite={false} ...>\\n                <ClerkProviderBase publishableKey=\\\"pk_test_c3...\\\" proxyUrl=\\\"\\\" domain=\\\"\\\" isSatellite={false} ...>\\n                  <ClerkContextProvider initialState={undefined} clerk={{clerkjs:null, ...}} clerkStatus=\\\"loading\\\">\\n                    <InitialStateProvider initialState={undefined}>\\n                      <__experimental_CheckoutProvider value={undefined}>\\n                        <RouterTelemetry>\\n                        <ClerkScripts>\\n                        <html lang=\\\"en\\\" className=\\\"dm_sans_2c...\\\">\\n>                         <body className=\\\"min-h-full flex flex-col\\\">\\n                            <PageTransition>\\n                            ...\\n                              <ErrorBoundary errorComponent={function GlobalError} errorStyles={<SegmentViewNode>} ...>\\n                                <ErrorBoundaryHandler pathname=\\\"/roles\\\" errorComponent={function GlobalError} ...>\\n                                  <SegmentViewNode>\\n                                  <script>\\n                                  <script>\\n                                  <script>\\n                                  <GlobalError error={Error} reset={function} unstable_retry={function}>\\n>                                   <html>\\n\" \"\""}
{"timestamp":"01:31:28.285","source":"Browser","level":"ERROR","message":"In HTML, <html> cannot be a child of <body>.\nThis will cause a hydration error.\n\n  ...\n    <SegmentViewNode type=\"layout\" pagePath=\"layout.tsx\">\n      <SegmentTrieNode>\n      <link>\n      <script>\n      <script>\n      <script>\n      <script>\n      <RootLayout>\n        <ClerkProvider>\n          <ClientClerkProvider publishableKey=\"pk_test_c3...\" proxyUrl=\"\" domain=\"\" isSatellite={false} ...>\n            ...\n              <ClerkProvider publishableKey=\"pk_test_c3...\" proxyUrl=\"\" domain=\"\" isSatellite={false} ...>\n                <ClerkProviderBase publishableKey=\"pk_test_c3...\" proxyUrl=\"\" domain=\"\" isSatellite={false} ...>\n                  <ClerkContextProvider initialState={undefined} clerk={{clerkjs:null, ...}} clerkStatus=\"loading\">\n                    <InitialStateProvider initialState={undefined}>\n                      <__experimental_CheckoutProvider value={undefined}>\n                        <RouterTelemetry>\n                        <ClerkScripts>\n                        <html lang=\"en\" className=\"dm_sans_2c...\">\n>                         <body className=\"min-h-full flex flex-col\">\n                            <PageTransition>\n                            ...\n                              <ErrorBoundary errorComponent={function GlobalError} errorStyles={<SegmentViewNode>} ...>\n                                <ErrorBoundaryHandler pathname=\"/roles\" errorComponent={function GlobalError} ...>\n                                  <SegmentViewNode>\n                                  <script>\n                                  <script>\n                                  <script>\n                                  <GlobalError error={Error} reset={function} unstable_retry={function}>\n>                                   <html>\n \"\""}
{"timestamp":"01:31:28.295","source":"Server","level":"ERROR","message":"[browser] \"<body> cannot contain a nested <html>.\\nSee this log for the ancestor stack trace.\" \"\""}
{"timestamp":"01:31:28.295","source":"Browser","level":"ERROR","message":"<body> cannot contain a nested <html>.\nSee this log for the ancestor stack trace. \"\""}
{"timestamp":"01:31:28.315","source":"Server","level":"ERROR","message":"[browser] \"You are mounting a new html component when a previous one has not first unmounted. It is an error to render more than one html component at a time and attributes and children of these components will likely fail in unpredictable ways. Please only render a single instance of <html> and if you need to mount a new one, ensure any previous ones have unmounted first.\" \"\""}
{"timestamp":"01:31:28.315","source":"Browser","level":"ERROR","message":"You are mounting a new html component when a previous one has not first unmounted. It is an error to render more than one html component at a time and attributes and children of these components will likely fail in unpredictable ways. Please only render a single instance of <html> and if you need to mount a new one, ensure any previous ones have unmounted first. \"\""}
{"timestamp":"01:31:28.327","source":"Server","level":"ERROR","message":"[browser] \"You are mounting a new body component when a previous one has not first unmounted. It is an error to render more than one body component at a time and attributes and children of these components will likely fail in unpredictable ways. Please only render a single instance of <body> and if you need to mount a new one, ensure any previous ones have unmounted first.\" \"\""}
{"timestamp":"01:31:28.328","source":"Browser","level":"ERROR","message":"You are mounting a new body component when a previous one has not first unmounted. It is an error to render more than one body component at a time and attributes and children of these components will likely fail in unpredictable ways. Please only render a single instance of <body> and if you need to mount a new one, ensure any previous ones have unmounted first. \"\""}
{"timestamp":"01:31:28.372","source":"Server","level":"ERROR","message":"[browser] \"Application error:\" \"\\u001b[31mReferenceError: fetchEmployeesWithRoles is not defined\\u001b[39m\\n\\u001b[31m    at RolesPage.useEffect (src/app/(app)/pages/RolesPage.tsx:195:31)\\u001b[39m\\n  \\u001b[90m193 |\\u001b[0m     \\u001b[33mPromise\\u001b[0m.all([\\n  \\u001b[90m194 |\\u001b[0m       getUserPermissions().\\u001b[36mcatch\\u001b[0m(() => ({ orgRole: \\u001b[32m\\\"guest\\\"\\u001b[0m, permissions: \\u001b[36mnew\\u001b[0m \\u001b[33mSet\\u001b[0m<\\u001b[33mPermission\\u001b[0m>(), hierarchyLeve...\\n\\u001b[31m\\u001b[1m>\\u001b[0m \\u001b[90m195 |\\u001b[0m       fetchCustomRoles().\\u001b[36mcatch\\u001b[0m(() => []),\\n  \\u001b[90m    |\\u001b[0m                               \\u001b[31m\\u001b[1m^\\u001b[0m\\n  \\u001b[90m196 |\\u001b[0m       fetchEmployeesWithRoles().\\u001b[36mcatch\\u001b[0m(() => []),\\n  \\u001b[90m197 |\\u001b[0m     ])\\n  \\u001b[90m198 |\\u001b[0m       .then(([perms, r, e]) => {\" \"\\u001b[2m(src/app/error.tsx:18:13)\\u001b[22m\""}
{"timestamp":"01:31:28.372","source":"Browser","level":"ERROR","message":"Application error: \"\\u001b[31mReferenceError: fetchEmployeesWithRoles is not defined\\u001b[39m\\n\\u001b[31m    at RolesPage.useEffect (src/app/(app)/pages/RolesPage.tsx:195:31)\\u001b[39m\\n  \\u001b[90m193 |\\u001b[0m     \\u001b[33mPromise\\u001b[0m.all([\\n  \\u001b[90m194 |\\u001b[0m       getUserPermissions().\\u001b[36mcatch\\u001b[0m(() => ({ orgRole: \\u001b[32m\\\"guest\\\"\\u001b[0m, permissions: \\u001b[36mnew\\u001b[0m \\u001b[33mSet\\u001b[0m<\\u001b[33mPermission\\u001b[0m>(), hierarchyLeve...\\n\\u001b[31m\\u001b[1m>\\u001b[0m \\u001b[90m195 |\\u001b[0m       fetchCustomRoles().\\u001b[36mcatch\\u001b[0m(() => []),\\n  \\u001b[90m    |\\u001b[0m                               \\u001b[31m\\u001b[1m^\\u001b[0m\\n  \\u001b[90m196 |\\u001b[0m       fetchEmployeesWithRoles().\\u001b[36mcatch\\u001b[0m(() => []),\\n  \\u001b[90m197 |\\u001b[0m     ])\\n  \\u001b[90m198 |\\u001b[0m       .then(([perms, r, e]) => {\" \"\\u001b[2m(src/app/error.tsx:18:13)\\u001b[22m\""}
{"timestamp":"01:31:28.393","source":"Server","level":"ERROR","message":"[browser] \"Application error:\" \"\\u001b[31mReferenceError: fetchEmployeesWithRoles is not defined\\u001b[39m\\n\\u001b[31m    at RolesPage.useEffect (src/app/(app)/pages/RolesPage.tsx:195:31)\\u001b[39m\\n  \\u001b[90m193 |\\u001b[0m     \\u001b[33mPromise\\u001b[0m.all([\\n  \\u001b[90m194 |\\u001b[0m       getUserPermissions().\\u001b[36mcatch\\u001b[0m(() => ({ orgRole: \\u001b[32m\\\"guest\\\"\\u001b[0m, permissions: \\u001b[36mnew\\u001b[0m \\u001b[33mSet\\u001b[0m<\\u001b[33mPermission\\u001b[0m>(), hierarchyLeve...\\n\\u001b[31m\\u001b[1m>\\u001b[0m \\u001b[90m195 |\\u001b[0m       fetchCustomRoles().\\u001b[36mcatch\\u001b[0m(() => []),\\n  \\u001b[90m    |\\u001b[0m                               \\u001b[31m\\u001b[1m^\\u001b[0m\\n  \\u001b[90m196 |\\u001b[0m       fetchEmployeesWithRoles().\\u001b[36mcatch\\u001b[0m(() => []),\\n  \\u001b[90m197 |\\u001b[0m     ])\\n  \\u001b[90m198 |\\u001b[0m       .then(([perms, r, e]) => {\" \"\\u001b[2m(src/app/error.tsx:18:13)\\u001b[22m\""}
{"timestamp":"01:31:28.393","source":"Browser","level":"ERROR","message":"Application error: \"\\u001b[31mReferenceError: fetchEmployeesWithRoles is not defined\\u001b[39m\\n\\u001b[31m    at RolesPage.useEffect (src/app/(app)/pages/RolesPage.tsx:195:31)\\u001b[39m\\n  \\u001b[90m193 |\\u001b[0m     \\u001b[33mPromise\\u001b[0m.all([\\n  \\u001b[90m194 |\\u001b[0m       getUserPermissions().\\u001b[36mcatch\\u001b[0m(() => ({ orgRole: \\u001b[32m\\\"guest\\\"\\u001b[0m, permissions: \\u001b[36mnew\\u001b[0m \\u001b[33mSet\\u001b[0m<\\u001b[33mPermission\\u001b[0m>(), hierarchyLeve...\\n\\u001b[31m\\u001b[1m>\\u001b[0m \\u001b[90m195 |\\u001b[0m       fetchCustomRoles().\\u001b[36mcatch\\u001b[0m(() => []),\\n  \\u001b[90m    |\\u001b[0m                               \\u001b[31m\\u001b[1m^\\u001b[0m\\n  \\u001b[90m196 |\\u001b[0m       fetchEmployeesWithRoles().\\u001b[36mcatch\\u001b[0m(() => []),\\n  \\u001b[90m197 |\\u001b[0m     ])\\n  \\u001b[90m198 |\\u001b[0m       .then(([perms, r, e]) => {\" \"\\u001b[2m(src/app/error.tsx:18:13)\\u001b[22m\""}
{"timestamp":"01:31:33.451","source":"Server","level":"LOG","message":"✓ Compiled in 323ms"}
{"timestamp":"01:31:42.650","source":"Server","level":"LOG","message":"✓ Compiled in 180ms"}
{"timestamp":"01:31:48.802","source":"Server","level":"LOG","message":"✓ Compiled in 166ms"}
{"timestamp":"01:33:06.428","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"01:33:06.656","source":"Browser","level":"WARN","message":"Clerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview"}
{"timestamp":"01:33:06.657","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\\u001b[39m\" \"\\u001b[2m(https://steady-perch-34.clerk.accounts.dev/npm/@clerk/clerk-js@6/dist/clerk.browser.js:12:3217)\\u001b[22m\""}
{"timestamp":"01:33:06.658","source":"Browser","level":"WARN","message":"\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\u001b[39m"}
{"timestamp":"01:33:53.626","source":"Server","level":"WARN","message":"⚠ Fast Refresh had to perform a full reload when ./src/lib/permissions.ts changed. Read more: https://nextjs.org/docs/messages/fast-refresh-reload"}
{"timestamp":"01:33:53.648","source":"Server","level":"LOG","message":"✓ Compiled in 324ms"}
{"timestamp":"01:33:54.895","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"01:33:55.183","source":"Browser","level":"WARN","message":"Clerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview"}
{"timestamp":"01:33:55.184","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\\u001b[39m\" \"\\u001b[2m(https://steady-perch-34.clerk.accounts.dev/npm/@clerk/clerk-js@6/dist/clerk.browser.js:12:3217)\\u001b[22m\""}
{"timestamp":"01:33:55.184","source":"Browser","level":"WARN","message":"\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\u001b[39m"}
{"timestamp":"01:34:07.175","source":"Server","level":"LOG","message":"✓ Compiled in 1400ms"}
{"timestamp":"01:34:07.177","source":"Server","level":"WARN","message":"⚠ Fast Refresh had to perform a full reload when ./src/app/(app)/pages/RolesPage.tsx changed. Read more: https://nextjs.org/docs/messages/fast-refresh-reload"}
{"timestamp":"01:34:09.022","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"01:34:09.334","source":"Browser","level":"WARN","message":"Clerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview"}
{"timestamp":"01:34:09.335","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\\u001b[39m\" \"\\u001b[2m(https://steady-perch-34.clerk.accounts.dev/npm/@clerk/clerk-js@6/dist/clerk.browser.js:12:3217)\\u001b[22m\""}
{"timestamp":"01:34:09.335","source":"Browser","level":"WARN","message":"\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\u001b[39m"}
{"timestamp":"01:34:25.065","source":"Server","level":"LOG","message":"✓ Compiled in 1130ms"}
{"timestamp":"01:34:25.069","source":"Server","level":"WARN","message":"⚠ Fast Refresh had to perform a full reload when ./src/app/(app)/pages/RolesPage.tsx changed. Read more: https://nextjs.org/docs/messages/fast-refresh-reload"}
{"timestamp":"01:34:26.678","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"01:34:27.027","source":"Browser","level":"WARN","message":"Clerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview"}
{"timestamp":"01:34:27.028","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\\u001b[39m\" \"\\u001b[2m(https://steady-perch-34.clerk.accounts.dev/npm/@clerk/clerk-js@6/dist/clerk.browser.js:12:3217)\\u001b[22m\""}
{"timestamp":"01:34:27.028","source":"Browser","level":"WARN","message":"\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\u001b[39m"}
{"timestamp":"01:34:43.832","source":"Server","level":"LOG","message":"✓ Compiled in 283ms"}
{"timestamp":"01:35:04.862","source":"Server","level":"LOG","message":"✓ Compiled in 268ms"}
{"timestamp":"01:35:27.492","source":"Server","level":"LOG","message":"✓ Compiled in 350ms"}
{"timestamp":"01:35:34.527","source":"Server","level":"LOG","message":"✓ Compiled in 213ms"}
{"timestamp":"01:47:11.770","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"01:47:12.518","source":"Browser","level":"WARN","message":"Clerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview"}
{"timestamp":"01:47:12.519","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\\u001b[39m\" \"\\u001b[2m(https://steady-perch-34.clerk.accounts.dev/npm/@clerk/clerk-js@6/dist/clerk.browser.js:12:3217)\\u001b[22m\""}
{"timestamp":"01:47:12.520","source":"Browser","level":"WARN","message":"\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\u001b[39m"}
{"timestamp":"05:20:14.181","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"05:20:14.523","source":"Browser","level":"WARN","message":"Clerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview"}
{"timestamp":"05:20:14.524","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\\u001b[39m\" \"\\u001b[2m(https://steady-perch-34.clerk.accounts.dev/npm/@clerk/clerk-js@6/dist/clerk.browser.js:12:3217)\\u001b[22m\""}
{"timestamp":"05:20:14.525","source":"Browser","level":"WARN","message":"\u001b[33mClerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview\u001b[39m"}