Oauth support

package.json

@@ -16,7 +16,7 @@
   "dependencies": {
     "@apollo/client": "^4.0.9",
     "@code0-tech/pictor": "^0.14.0",
-    "@code0-tech/triangulum": "^0.28.0",
+    "@code0-tech/triangulum": "^0.29.0",
     "@codemirror/lang-javascript": "^6.2.5",
     "@codemirror/lint": "^6.9.5",
     "@icons-pack/react-simple-icons": "^13.13.0",

src/app/(auth)/callback/page.tsx

@@ -0,0 +1,5 @@
+"use client"
+
+import {UserCallbackPage} from "@edition/user/pages/UserCallbackPage";
+
+export default UserCallbackPage

src/app/(auth)/layout.tsx

@@ -14,6 +14,7 @@ import {
     Text
 } from "@code0-tech/pictor";
 import {UserService} from "@edition/user/services/User.service";
+import {Application, ApplicationService} from "@edition/application/services/Application.service";
 import {useApolloClient} from "@apollo/client/react";
 import {GraphqlClient} from "@core/util/graphql-client";
 import Image from "next/image";
@@ -33,13 +34,14 @@ export default function AuthLayout({children}: Readonly<{ children: React.ReactN
 
     const [store, service] = usePersistentReactiveArrayService<User, UserService>("auth-users", (store) => new UserService(graphqlClient, store))
     const organization = usePersistentReactiveArrayService<OrganizationView, OrganizationService>(`dashboard::organizations::${currentSession?.id}`, (store) => new OrganizationService(graphqlClient, store))
+    const application = usePersistentReactiveArrayService<Application, ApplicationService>(`auth::application::${currentSession?.id}`, (store) => new ApplicationService(graphqlClient, store))
 
     return (
         <FullScreen>
             <ScrollArea mah={"100%"} h={"100%"}>
                 <ScrollAreaViewport>
                     <AuroraBackground/>
-                    <ContextStoreProvider services={[[store, service], organization]}>
+                    <ContextStoreProvider services={[[store, service], organization, application]}>
                         <Container h={"100%"} w={"100%"}>
                             <Flex h={"100%"} w={"100%"} align={"center"} justify={"center"}>
                                 <Col xs={4} style={{marginTop: "auto", marginBottom: "auto"}}>

src/app/(dashboard)/@modal/(.)settings/identity-providers/[identityProviderId]/settings/page.tsx

@@ -0,0 +1,5 @@
+"use client"
+
+import {IdentityProviderSettingsPage} from "@edition/application/pages/IdentityProviderSettingsPage";
+
+export default IdentityProviderSettingsPage

src/app/(dashboard)/@modal/(.)settings/identity-providers/create/page.tsx

@@ -0,0 +1,5 @@
+"use client"
+
+import {IdentityProviderCreatePage} from "@edition/application/pages/IdentityProviderCreatePage";
+
+export default IdentityProviderCreatePage

src/app/(dashboard)/settings/identity-providers/[identityProviderId]/settings/page.tsx

@@ -0,0 +1,5 @@
+"use client"
+
+import {IdentityProviderSettingsPage} from "@edition/application/pages/IdentityProviderSettingsPage";
+
+export default IdentityProviderSettingsPage

src/app/(dashboard)/settings/identity-providers/create/page.tsx

@@ -0,0 +1,5 @@
+"use client"
+
+import {IdentityProviderCreatePage} from "@edition/application/pages/IdentityProviderCreatePage";
+
+export default IdentityProviderCreatePage

src/packages/ce/src/application/components/ApplicationSettingsDialogComponent.tsx

@@ -3,11 +3,12 @@
 import React from "react";
 import {Button, Text} from "@code0-tech/pictor";
 import {TabList, TabTrigger} from "@code0-tech/pictor/dist/components/tab/Tab";
-import {IconServer, IconSettings2, IconShieldLock, IconUsers} from "@tabler/icons-react";
+import {IconKey, IconServer, IconSettings2, IconShieldLock, IconUsers} from "@tabler/icons-react";
 import {ApplicationUsersView} from "@edition/application/views/ApplicationUsersView";
 import {ApplicationServersView} from "@edition/application/views/ApplicationServersView";
 import {ApplicationGeneralSettingsView} from "@edition/application/views/ApplicationGeneralSettingsView";
 import {ApplicationRestrictionsView} from "@edition/application/views/ApplicationRestrictionsView";
+import {ApplicationIdentityProvidersView} from "@edition/application/views/ApplicationIdentityProvidersView";
 import {ApplicationLicensesView} from "@edition/application/views/ApplicationLicensesView";
 import {ApplicationLicensesTabTriggerView} from "@edition/application/views/ApplicationLicensesTabTriggerView";
 import {SettingDialog} from "@core/components/SettingDialog";
@@ -49,12 +50,19 @@ export const ApplicationSettingsDialogComponent: React.FC<ApplicationSettingsDia
                                       <Text size={"md"}>Restrictions</Text>
                                   </Button>
                               </TabTrigger>
+                              <TabTrigger value={"identityProviders"} w={"100%"} asChild>
+                                  <Button paddingSize={"xxs"} variant={"none"} justify={"start"}>
+                                      <IconKey size={13}/>
+                                      <Text size={"md"}>Identity providers</Text>
+                                  </Button>
+                              </TabTrigger>
                               <ApplicationLicensesTabTriggerView/>
                           </TabList>}>
         <ApplicationUsersView/>
         <ApplicationServersView/>
         <ApplicationGeneralSettingsView/>
         <ApplicationRestrictionsView/>
+        <ApplicationIdentityProvidersView/>
         <ApplicationLicensesView/>
     </SettingDialog>
 }