feat: overhaul project workspace navigation

resources/js/pages/projects/settings/Repositories.vue

@@ -16,7 +16,8 @@ import {
 import { Label } from '@/components/ui/label';
 import AppLayout from '@/layouts/AppLayout.vue';
 import { edit as editGitConnections } from '@/routes/git-connections/index';
-import { index, show } from '@/routes/projects/index';
+import { index } from '@/routes/projects/index';
+import { index as boardIndex } from '@/routes/projects/board';
 import {
     board as boardSettings,
     general as generalSettings,
@@ -42,7 +43,7 @@ const breadcrumbs: BreadcrumbItem[] = [
     },
     {
         title: props.project.name,
-        href: show(props.project.id),
+        href: boardIndex(props.project.id),
     },
     {
         title: 'Repository settings',
@@ -218,11 +219,15 @@ const submitUpdate = (): void => {
 </script>
 
 <template>
-    <AppLayout :breadcrumbs="breadcrumbs" :project="project">
-        <Head :title="`${project.name} repository settings`" />
+    <component
+        :is="embedded ? 'div' : AppLayout"
+        v-bind="embedded ? {} : { breadcrumbs, project }"
+    >
+        <Head v-if="!embedded" :title="`${project.name} repository settings`" />
 
-        <div class="app-page">
+        <div :class="embedded ? 'space-y-6' : 'app-page'">
             <div
+                v-if="!embedded"
                 class="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between"
             >
                 <div class="space-y-3">
@@ -265,12 +270,14 @@ const submitUpdate = (): void => {
                     </Button>
 
                     <Button as-child variant="outline">
-                        <Link :href="show(project.id)">Back to project</Link>
+                        <Link :href="boardIndex(project.id)"
+                            >Back to project</Link
+                        >
                     </Button>
                 </div>
             </div>
 
-            <div v-if="status" class="status-success">
+            <div v-if="!embedded && status" class="status-success">
                 {{ status }}
             </div>
 
@@ -724,5 +731,5 @@ const submitUpdate = (): void => {
                 </div>
             </div>
         </div>
-    </AppLayout>
+    </component>
 </template>