Unify the web UI on shared controls and let pipeline columns be managed on the board.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/web/src/views/PersonFormView.vue

@@ -11,10 +11,22 @@ import EntityTimeline from '@/components/EntityTimeline.vue';
 import MentoMemoryPanel from '@/components/MentoMemoryPanel.vue';
 import UiIcon from '@/components/UiIcon.vue';
 
+const props = withDefaults(
+  defineProps<{
+    embedded?: boolean;
+    entityId?: string;
+  }>(),
+  { embedded: false },
+);
+const emit = defineEmits<{ saved: []; cancel: [] }>();
+
 const route = useRoute();
 const router = useRouter();
-const id = computed(() => (typeof route.params.id === 'string' ? route.params.id : ''));
-const isNew = computed(() => route.name === 'person-new');
+const id = computed(() => {
+  if (props.embedded) return props.entityId ?? '';
+  return typeof route.params.id === 'string' ? route.params.id : '';
+});
+const isNew = computed(() => (props.embedded ? !props.entityId : route.name === 'person-new'));
 const pageTitle = computed(() => (isNew.value ? 'شخص جدید' : 'ویرایش شخص'));
 
 const loading = ref(false);
@@ -94,9 +106,17 @@ async function submit() {
   try {
     if (isNew.value) {
       const { data } = await api.post<PersonDto>('/people', payload());
+      if (props.embedded) {
+        emit('saved');
+        return;
+      }
       await router.replace({ name: 'person-detail', params: { id: data.id } });
     } else {
       await api.patch(`/people/${id.value}`, payload());
+      if (props.embedded) {
+        emit('saved');
+        return;
+      }
       await router.push({ name: 'person-detail', params: { id: id.value } });
     }
   } catch (e) {
@@ -126,6 +146,10 @@ async function remove() {
 }
 
 function cancel() {
+  if (props.embedded) {
+    emit('cancel');
+    return;
+  }
   void router.push(backTo.value);
 }
 
@@ -133,8 +157,14 @@ onMounted(load);
 </script>
 
 <template>
-  <section class="page">
-    <header class="desktop-head">
+  <section class="page" :class="{ embedded }">
+    <div v-if="embedded" class="embed-actions">
+      <button class="btn primary" type="button" :disabled="saving" @click="submit">
+        {{ saving ? 'در حال ذخیره…' : 'ذخیره' }}
+      </button>
+      <button class="btn cancel" type="button" :disabled="saving" @click="cancel">انصراف</button>
+    </div>
+    <header v-if="!embedded" class="desktop-head">
       <div class="title-block">
         <span class="doc-ico"><UiIcon name="user" :size="22" /></span>
         <div>
@@ -158,7 +188,7 @@ onMounted(load);
       </div>
     </header>
 
-    <header class="mobile-head">
+    <header v-if="!embedded" class="mobile-head">
       <button class="icon-btn" type="button" aria-label="ذخیره" :disabled="saving" @click="submit">
         <UiIcon name="check-plain" :size="22" />
       </button>
@@ -261,6 +291,17 @@ onMounted(load);
   padding-bottom: 1.5rem;
 }
 
+.page.embedded {
+  max-width: none;
+  padding-bottom: 0;
+}
+
+.embed-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+
 .desktop-head {
   display: none;
   justify-content: space-between;