All pages and views related to Namespace

package.json

@@ -15,7 +15,7 @@
   },
   "dependencies": {
     "@apollo/client": "^4.0.9",
-    "@code0-tech/pictor": "^0.0.0-mvp.21",
+    "@code0-tech/pictor": "^0.0.0-mvp.26",
     "graphql": "^16.12.0",
     "graphql-tag": "^2.12.6",
     "next": "16.0.7",

src/app/(auth)/layout.tsx

@@ -32,16 +32,28 @@ export default function AuthLayout({children}: Readonly<{ children: React.ReactN
                     </Container>
                 </ContextStoreProvider>
                 <div style={{
-                    position: "fixed",
-                    bottom: "1.3rem",
-                    right: "1.3rem",
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "1.3rem"
+                    position: "absolute",
+                    width: "100%",
+                    boxSizing: "border-box",
+                    padding: "1.3rem",
+                    bottom: 0,
+                    left: 0
                 }}>
-                    <Text>All rights reserved &copy; Code0 UG (haftungsbeschränkt)</Text>
-                    <Image src={"/CodeZero_Banner_MVP.png"} alt={"CodeZero Banner"} width={150} height={0}
-                           style={{width: '150px', height: 'auto'}}/>
+                    <Flex justify={"space-between"} align={"end"} style={{gap: "1.3rem"}}>
+                        <Text maw={"25%"} style={{fontSize: "2rem", fontWeight: "600", lineHeight: "1"}} hierarchy={"primary"}
+                              display={"inline-block"}>
+                            Every great idea starts at zero. {" "}
+                            <Text style={{fontSize: "2rem", fontWeight: "600", lineHeight: "1"}}
+                                  hierarchy={"tertiary"} display={"inline"}>
+                                Start with CodeZero.
+                            </Text>
+                        </Text>
+                        <Flex align={"center"} style={{gap: "1.3rem"}}>
+                            <Text>All rights reserved &copy; Code0 UG (haftungsbeschränkt)</Text>
+                            <Image src={"/CodeZero_Banner_MVP.png"} alt={"CodeZero Banner"} width={150} height={0}
+                                   style={{width: '150px', height: 'auto'}}/>
+                        </Flex>
+                    </Flex>
                 </div>
             </div>
         </DFullScreen>

src/app/(dashboard)/@bar/default.tsx

@@ -14,7 +14,7 @@ import {
     useUserSession
 } from "@code0-tech/pictor";
 import DUserMenu from "@code0-tech/pictor/dist/components/d-user/DUserMenu";
-import {IconBuilding, IconInbox, IconLogout, IconSearch, IconSettings} from "@tabler/icons-react";
+import {IconBuilding, IconFolders, IconInbox, IconLogout, IconSearch} from "@tabler/icons-react";
 import React from "react";
 import Image from "next/image";
 import {UserService} from "@edition/user/User.service";
@@ -46,12 +46,19 @@ const Page = () => {
             })
         }
 
+        const namespaceIndex = currentSession.user?.namespace?.id?.match(/Namespace\/(\d+)$/)?.[1]
+
         return <DUserMenu userId={currentSession.user?.id!!}>
             <Link href={"/organizations"}>
                 <MenuItem>
                     <IconBuilding size={16}/>Organizations
                 </MenuItem>
             </Link>
+            <Link href={`/namespace/${namespaceIndex}`}>
+                <MenuItem>
+                    <IconFolders size={16}/>Personal Workspace
+                </MenuItem>
+            </Link>
             <MenuSeparator/>
             <MenuItem onSelect={userLogout}>
                 <IconLogout size={16}/>Logout
@@ -63,8 +70,8 @@ const Page = () => {
         <Flex style={{gap: "0.7rem", flexDirection: "column"}} py={0.7} w={"100%"}>
             <Flex align={"center"} justify={"space-between"}>
                 <Flex align={"center"} style={{gap: "1.3rem"}}>
-                    <Image src={"/CodeZero_App_MVP.png"} alt={"CodeZero Banner"} width={160} height={0}
-                           style={{width: '42px', height: 'auto'}}/>
+                    <Image src={"/CodeZero_Logo.png"} alt={"CodeZero Banner"} width={160} height={0}
+                           style={{width: '38px', height: 'auto'}}/>
                     <Breadcrumb>
                         <Text>Application</Text>
                     </Breadcrumb>

src/app/(dashboard)/@tab/namespace/[namespaceId]/members/default.tsx

@@ -0,0 +1,5 @@
+import {NamespaceTabView} from "@edition/dashboard/namespace/NamespaceTabView";
+
+export default function Page() {
+    return <NamespaceTabView/>
+}

src/app/(dashboard)/@tab/namespace/[namespaceId]/page.tsx

@@ -0,0 +1,5 @@
+import {NamespaceTabView} from "@edition/dashboard/namespace/NamespaceTabView";
+
+export default function Page() {
+    return <NamespaceTabView/>
+}

src/app/(dashboard)/@tab/namespace/[namespaceId]/projects/default.tsx

@@ -0,0 +1,5 @@
+import {NamespaceTabView} from "@edition/dashboard/namespace/NamespaceTabView";
+
+export default function Page() {
+    return <NamespaceTabView/>
+}

src/app/(dashboard)/@tab/namespace/[namespaceId]/roles/default.tsx

@@ -0,0 +1,5 @@
+import {NamespaceTabView} from "@edition/dashboard/namespace/NamespaceTabView";
+
+export default function Page() {
+    return <NamespaceTabView/>
+}

src/app/(dashboard)/@tab/namespace/[namespaceId]/runtimes/default.tsx

@@ -0,0 +1,5 @@
+import {NamespaceTabView} from "@edition/dashboard/namespace/NamespaceTabView";
+
+export default function Page() {
+    return <NamespaceTabView/>
+}

src/app/(dashboard)/@tab/namespace/[namespaceId]/settings/default.tsx

@@ -0,0 +1,5 @@
+import {NamespaceTabView} from "@edition/dashboard/namespace/NamespaceTabView";
+
+export default function Page() {
+    return <NamespaceTabView/>
+}

src/app/(dashboard)/layout.tsx

@@ -11,7 +11,8 @@ import {
     DOrganizationView, DRuntimeView,
     DUserView,
     ReactiveArrayStore,
-    useUserSession
+    useUserSession,
+    DNamespaceRoleView
 } from "@code0-tech/pictor";
 import {UserService} from "@edition/user/User.service";
 import {GraphqlClient} from "@core/util/graphql-client";
@@ -22,6 +23,8 @@ import {NamespaceService} from "@edition/namespace/Namespace.service";
 import {usePersistentReactiveArrayService} from "@/hooks/usePersistentReactiveArrayService";
 import {RuntimeService} from "@edition/runtime/Runtime.service";
 import {ProjectService} from "@edition/project/Project.service";
+import {RoleService} from "@edition/role/Role.service";
+import {Spacing} from "@code0-tech/pictor/dist/components/spacing/Spacing";
 
 interface ApplicationLayoutProps {
     children: React.ReactNode
@@ -43,10 +46,11 @@ const ApplicationLayout: React.FC<ApplicationLayoutProps> = ({children, bar, tab
     const namespace = usePersistentReactiveArrayService<DNamespaceView, NamespaceService>(`dashboard::namespaces::${currentSession?.id}`, (store: ReactiveArrayStore<DNamespaceView>) => new NamespaceService(graphqlClient, store))
     const runtime = usePersistentReactiveArrayService<DRuntimeView, RuntimeService>(`dashboard::global_runtimes::${currentSession?.id}`, (store: ReactiveArrayStore<DRuntimeView>) => new RuntimeService(graphqlClient, store))
     const project = usePersistentReactiveArrayService<DNamespaceProjectView, ProjectService>(`dashboard::projects::${currentSession?.id}`, (store: ReactiveArrayStore<DNamespaceProjectView>) => new ProjectService(graphqlClient, store))
+    const role = usePersistentReactiveArrayService<DNamespaceRoleView, RoleService>(`dashboard::roles::${currentSession?.id}`, (store: ReactiveArrayStore<DNamespaceRoleView>) => new RoleService(graphqlClient, store))
 
     if (currentSession === null) router.push("/login")
 
-    return <ContextStoreProvider services={[user, organization, member, namespace, runtime, project]}>
+    return <ContextStoreProvider services={[user, organization, member, namespace, runtime, project, role]}>
         <DLayout style={{zIndex: 0}} topContent={
             <>
                 <div style={{background: "rgba(255,2552,255,.1)", borderBottom: "1px solid rgba(255,2552,255,.1)"}}>

src/app/(dashboard)/namespace/[namespaceId]/layout.tsx

@@ -1,3 +1,5 @@
+"use client"
+
 import React from "react";
 import Link from "next/link";
 

src/app/(dashboard)/namespace/[namespaceId]/members/add/page.tsx

@@ -0,0 +1,7 @@
+"use client"
+
+import {MemberAddPage} from "@edition/dashboard/member/MemberAddPage";
+
+export default function Page() {
+    return <MemberAddPage/>
+}

src/app/(dashboard)/namespace/[namespaceId]/members/page.tsx

@@ -0,0 +1,7 @@
+"use client"
+
+import {MembersPage} from "@edition/dashboard/member/MembersPage";
+
+export default function Page() {
+    return <MembersPage/>
+}

src/app/(dashboard)/namespace/[namespaceId]/page.tsx

@@ -1,3 +1,7 @@
-export default function NamespacePage() {
-    return <>Namespace page (view all projects)</>
-}
+"use client"
+
+import {NamespaceOverviewPage} from "@edition/dashboard/namespace/NamespaceOverviewPage";
+
+export default function Page() {
+    return <NamespaceOverviewPage/>
+}

src/app/(dashboard)/namespace/[namespaceId]/projects/create/page.tsx

@@ -0,0 +1,5 @@
+import {NamespaceProjectsCreatePage} from "@edition/dashboard/namespace/NamespaceProjectsCreatePage";
+
+export default function Page() {
+    return <NamespaceProjectsCreatePage/>
+}

src/app/(dashboard)/namespace/[namespaceId]/projects/page.tsx

@@ -0,0 +1,5 @@
+import {NamespaceProjectsPage} from "@edition/dashboard/namespace/NamespaceProjectsPage";
+
+export default function Page() {
+    return <NamespaceProjectsPage/>
+}

src/app/(dashboard)/namespace/[namespaceId]/roles/[roleId]/settings/page.tsx

@@ -0,0 +1,7 @@
+"use client"
+
+import {RoleSettingsPage} from "@edition/dashboard/role/RoleSettingsPage";
+
+export default function Page() {
+    return <RoleSettingsPage/>
+}

src/app/(dashboard)/namespace/[namespaceId]/roles/create/page.tsx

@@ -0,0 +1,7 @@
+"use client"
+
+import {RoleCreatePage} from "@edition/dashboard/role/RoleCreatePage";
+
+export default function Page() {
+    return <RoleCreatePage/>
+}

src/app/(dashboard)/namespace/[namespaceId]/roles/page.tsx

@@ -0,0 +1,5 @@
+import {RolesPage} from "@edition/dashboard/role/RolesPage";
+
+export default function Page() {
+    return <RolesPage/>
+}

src/app/(dashboard)/namespace/[namespaceId]/runtimes/[runtimeId]/settings/page.tsx

@@ -0,0 +1,5 @@
+import {RuntimeSettingsPage} from "@edition/dashboard/runtime/RuntimeSettingsPage";
+
+export default function Page() {
+    return <RuntimeSettingsPage/>
+}

src/app/(dashboard)/namespace/[namespaceId]/runtimes/create/page.tsx

@@ -0,0 +1,5 @@
+import {RuntimeCreatePage} from "@edition/dashboard/runtime/RuntimeCreatePage";
+
+export default function Page() {
+    return <RuntimeCreatePage/>
+}

src/app/(dashboard)/namespace/[namespaceId]/runtimes/page.tsx

@@ -0,0 +1,5 @@
+import {RuntimesPage} from "@edition/dashboard/runtime/RuntimesPage";
+
+export default function Page() {
+    return <RuntimesPage/>
+}

src/app/(dashboard)/namespace/[namespaceId]/settings/page.tsx

@@ -0,0 +1,7 @@
+"use client"
+
+import {OrganizationSettingsPage} from "@edition/dashboard/organization/OrganizationSettingsPage";
+
+export default function Page() {
+    return <OrganizationSettingsPage/>
+}

src/app/(dashboard)/organizations/create/page.tsx

@@ -1,4 +1,4 @@
-import {OrganizationCreatePage} from "@edition/dashboard/application/OrganizationCreatePage";
+import {OrganizationCreatePage} from "@edition/dashboard/organization/OrganizationCreatePage";
 
 export default function Page() {
     return <OrganizationCreatePage/>

src/app/(dashboard)/organizations/page.tsx

@@ -1,4 +1,4 @@
-import {OrganizationsPage} from "@edition/dashboard/application/OrganizationsPage";
+import {OrganizationsPage} from "@edition/dashboard/organization/OrganizationsPage";
 
 export default function Page() {
     return <OrganizationsPage/>

src/app/(dashboard)/page.tsx

@@ -3,8 +3,6 @@
 import React from "react";
 import {ApplicationPage} from "@edition/dashboard/application/ApplicationPage";
 
-const Page = () => {
+export default function Page() {
     return <ApplicationPage/>
 }
-
-export default React.memo(Page);

src/app/(dashboard)/runtimes/[runtimeId]/settings/page.tsx

@@ -1,5 +1,5 @@
-import {RuntimeSettingPage} from "@edition/dashboard/application/RuntimeSettingPage";
+import {RuntimeSettingsPage} from "@edition/dashboard/runtime/RuntimeSettingsPage";
 
 export default function Page() {
-    return <RuntimeSettingPage/>
+    return <RuntimeSettingsPage/>
 }

src/app/(dashboard)/runtimes/create/page.tsx

@@ -1,4 +1,4 @@
-import {RuntimeCreatePage} from "@edition/dashboard/application/RuntimeCreatePage";
+import {RuntimeCreatePage} from "@edition/dashboard/runtime/RuntimeCreatePage";
 
 export default function Page() {
     return <RuntimeCreatePage/>

src/app/(dashboard)/runtimes/page.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import {RuntimesPage} from "@edition/dashboard/application/RuntimesPage";
+import {RuntimesPage} from "@edition/dashboard/runtime/RuntimesPage";
 
 export default function Page() {
     return <RuntimesPage/>

src/app/(dashboard)/users/page.tsx

@@ -1,4 +1,4 @@
-import {UsersPage} from "@edition/dashboard/application/UsersPage";
+import {UsersPage} from "@edition/dashboard/user/UsersPage";
 
 export default function Page() {
     return <UsersPage/>

src/app/global.scss

@@ -13,7 +13,7 @@ html, body {
 
 a {
     text-decoration: none;
-  text-decoration-color: white !important;
+  text-decoration-color: transparent !important;
 
   &:hover {
     text-decoration: underline;

src/app/layout.tsx

@@ -19,6 +19,7 @@ import {Toaster} from "sonner";
 import {Error} from "@code0-tech/sagittarius-graphql-types";
 import {toast} from "@code0-tech/pictor";
 import {Inter} from 'next/font/google'
+import {GraphQLFormattedError} from "graphql/error";
 
 /**
  * Load the Inter font with Latin subset and swap display strategy
@@ -66,8 +67,8 @@ const ErrorCodeDescription: Record<string, string> = {
 /**
  * Handles error toasts based on error type
  */
-const toastHandler = (error: Error) => {
-    if (error.__typename === "ErrorCode") {
+const toastHandler = (error: Error | GraphQLFormattedError) => {
+    if (error && "errorCode" in error) {
         toast({
             title: ErrorCodeDescription[(error.errorCode as string)],
             color: "error",
@@ -94,7 +95,7 @@ export default function RootLayout({children}: Readonly<{ children: React.ReactN
      */
     const errorLink = new ErrorLink(({error, result, operation, forward}) => {
         if (error instanceof CombinedGraphQLErrors) {
-            error.errors.forEach((error: Error) => {
+            error.errors.forEach((error: GraphQLFormattedError) => {
                 toastHandler(error)
             })
             return

src/packages/ce/src/auth/UserEmailVerificationPage.tsx

@@ -39,7 +39,7 @@ export const UserEmailVerificationPage: React.FC = () => {
     })
 
     return <>
-        <Image src={"/CodeZero_App_MVP.png"} alt={"CodeZero Logo"}
+        <Image src={"/CodeZero_Logo.png"} alt={"CodeZero Logo"}
                width={40}
                height={40}
                style={{marginBottom: "1.3rem"}}/>

src/packages/ce/src/auth/UserForgotPasswordPage.tsx

@@ -39,7 +39,7 @@ export const UserForgotPasswordPage: React.FC = () => {
     })
 
     return <>
-        <Image src={"/CodeZero_App_MVP.png"} alt={"CodeZero Logo"}
+        <Image src={"/CodeZero_Logo.png"} alt={"CodeZero Logo"}
                width={40}
                height={40}
                style={{marginBottom: "1.3rem"}}/>

src/packages/ce/src/auth/UserLoginPage.tsx

@@ -59,7 +59,8 @@ export const UserLoginPage: React.FC = () => {
     })
 
     return <>
-        <Image src={"/CodeZero_App_MVP.png"} alt={"CodeZero Logo"}
+        <Spacing spacing={"xl"}/>
+        <Image src={"/CodeZero_Logo.png"} alt={"CodeZero Logo"}
                width={40}
                height={40}
                style={{marginBottom: "1.3rem"}}/>
@@ -87,10 +88,10 @@ export const UserLoginPage: React.FC = () => {
                 Forgot password?
             </Text>
         </Link>
-        <Text display={"block"} hierarchy={"tertiary"} size={"md"}>
+        <Text display={"flex"} hierarchy={"tertiary"} size={"md"}>
             Don't have an account yet
             <Link href={"/register"}>
-                <Text ml={0.35} hierarchy={"primary"} size={"md"}>
+                <Text ml={0.35} hierarchy={"primary"} display={"flex"} size={"md"}>
                     Sign up
                 </Text>
             </Link>