feat(KAN-33): redesign ticket relationships and hierarchy

resources/js/pages/projects/Ticket.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Head } from '@inertiajs/vue3';
-import { computed } from 'vue';
+import { computed, useTemplateRef } from 'vue';
 import TicketDetailContent from '@/components/tickets/detail/TicketDetailContent.vue';
 import TicketDetailGit from '@/components/tickets/detail/TicketDetailGit.vue';
 import TicketDetailHeader from '@/components/tickets/detail/TicketDetailHeader.vue';
@@ -14,6 +14,7 @@ import { show as showTicket } from '@/routes/projects/tickets';
 import type { BreadcrumbItem, ProjectTicketPageProps } from '@/types';
 const props = defineProps<ProjectTicketPageProps>();
 const { t } = useLocalization();
+const ticketContent = useTemplateRef('ticketContent');
 const breadcrumbs = computed<BreadcrumbItem[]>(() => [
     { title: t('navigation.projects'), href: projectIndex() },
     { title: props.project.name, href: show(props.project.id) },
@@ -49,6 +50,7 @@ const breadcrumbs = computed<BreadcrumbItem[]>(() => [
                 class="grid min-w-0 items-start gap-6 xl:grid-cols-[minmax(0,1fr)_20rem]"
             >
                 <TicketDetailContent
+                    ref="ticketContent"
                     :ticket="ticket"
                     :project="project"
                     :can-edit-ticket="canEditTicket"
@@ -80,6 +82,7 @@ const breadcrumbs = computed<BreadcrumbItem[]>(() => [
                     :linked-tickets="linkedTickets"
                     :ticket-link-types="ticketLinkTypes"
                     :ticket-link-options="ticketLinkOptions"
+                    @edit-parent="ticketContent?.editParent()"
                     class="xl:col-start-1"
                 />
                 <TicketDetailHistory :ticket="ticket" class="xl:col-start-1" />