feat(activities): edit detail in place and tighten the board peek

Let people change activity fields and their own notes with photos from the detail page, open full detail from the card title, and toggle the side peek with a chevron.

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

apps/web/src/components/pipeline/PipelineColumn.vue

@@ -27,8 +27,9 @@ const props = withDefaults(
     selectMode?: boolean;
     selectedIds?: Set<string>;
     peekId?: string | null;
+    previewId?: string | null;
   }>(),
-  { copy: () => DEAL_BOARD_COPY, selectedIds: () => new Set(), peekId: null },
+  { copy: () => DEAL_BOARD_COPY, selectedIds: () => new Set(), peekId: null, previewId: null },
 );
 
 const emit = defineEmits<{
@@ -38,6 +39,7 @@ const emit = defineEmits<{
   drop: [stageId: string, event: DragEvent, index?: number];
   addDeal: [stageId: string];
   openDeal: [dealId: string];
+  detailDeal: [dealId: string];
   menuDeal: [dealId: string];
   toggleSelect: [dealId: string];
   bulkDelete: [];
@@ -316,9 +318,11 @@ function onMenuClick({ key }: { key: string | number }) {
           :select-mode="selectMode"
           :selected="selectedIds.has(deal.id)"
           :peeking="peekId === deal.id"
+          :previewing="previewId === deal.id"
           @drag-start="(d, e) => emit('dragStart', d, e)"
           @drag-end="clearDragUi(); emit('dragEnd')"
           @open="emit('openDeal', $event)"
+          @detail="emit('detailDeal', $event)"
           @menu="emit('menuDeal', $event)"
           @toggle-select="emit('toggleSelect', $event)"
           @bulk-delete="emit('bulkDelete')"