From 9ce2b62bc67bfb3eca9f0050ad9479ddfdf5615a Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Thu, 27 Nov 2025 13:22:57 +0100
Subject: [PATCH] feat: add duplicate functionality for SWOT items, enhance
 ActionPanel layout, and update SwotCard with duplicate action

---
 dev.db                              | Bin 81920 -> 81920 bytes
 src/actions/swot.ts                 |  16 ++++
 src/components/swot/ActionPanel.tsx | 109 +++++++++++++++-------------
 src/components/swot/SwotCard.tsx    |  27 ++++++-
 src/services/sessions.ts            |  25 +++++++
 5 files changed, 124 insertions(+), 53 deletions(-)

diff --git a/dev.db b/dev.db
index 580e910bd32c090b08715feaedb706436b1bfa4c..44e532a92bf0b6eb004fbd5967ef6328a558ea16 100644
GIT binary patch
delta 1545
zcma)5OKcNI7~YAK?0WIe)FKw$rj8-Kw1uqq;q}^9)rBGm7ZU{{w_IraOk5|9iSw{G
zi5g#8RpL=J2MaC;4j@h_GEy#86^Z5$Q7M;Hxgiy#Ld6LoA#ov{S;wKlChcWcyZ`+E
z_kWLBT<lm}?D)AG=vO~J4)mqrn-e})g5miXK(p`_oEBaPWBVTM`-b1-W3Fe;-<@C8
z+#mEhjS34n^N<&q{r$=D>}Yz-QdL=&_1O!BiE*tknM@_7haTL`$CKHq2Y1g7ojGy3
zf9O;v9^4Xf&m2suYD5c4;ZX3fEJtKnl~uh@QTkM4NKqs26f3N-8>?K%5v%~kO3!2i
zMn<=qu{s)9N9yBrZ4a!SB92)<0w;cC<(#TQ7Lin4#%Ja(u?)wV9xsRgn)?)s3x{!J
zUhF0(6kU>op*jhfVVECG(H5mT=m%ow$+7hKcp6`vKOHn8nl7n^Qej<$Oa+jq=U?)b
z)Dc2Sqm&XedQd4?lc~6sBCWDP_YX(`c^jrltAHVCjbf#Z<;V&g@nzQv?gb66%!`zi
z5|nf$RC~VA+2$vodRQ_V40se}c(}}<CukMjK|disa>JMK54enSC<?C;@5>NJ*PUW3
zzoFM*0z7Pqc;j;U3nE5OJsK_S66n!-wFPrmHRlIjeEZ6I-T`9_8ikuMMzBx8&%bx@
z<^jg(VH&~9s#6)FoJ^IQ%I9aT5v`Dlr>r=3-#EgBZPm2^Hs?LvjgPup71+j`-UHkx
zbX0ZF2gDCamldb7lb4mve_NQG7@15Li*}MEdmKqbNDJY_ja$3}-PsnZ=0120QCU2#
zwsBOWKEmelz1}WPC^6_BI*$bS3(Ucfgf*c=cnu4o0j}LNO<NH%gJwacj7pj5a3)#O
z8-*sS_)kmxdVqbmS)tAO(UC+lUo5`2*)Al)@iKu67e@;dnVH~p@j{|J&`Ag4!F90~
z{`Dc~;*k4oCP)%!F38@m?JQ`m7Up&g-mdQ2h^<A}?;rI2-?ZVCH(dZ?_m&rLyeYTS
zWKm0iKz{+3UAVnP!qV&rZN<NB9sO?#P15e7&{SoqtIPGVIdWI1CQrzXaidjRnQGJz
zc>L7b?|VC^mDDWuU-4GI^MmVM96ZLLb7&1+g@3~(bO@H=F*55j*kceo>er=Jz-R`-
R+}>y2Yc;#P^d%So{{Rav)&l?l

delta 729
zcmZo@U~On%ogmF9J5k1&QFdd(!hBf<1_o}fFb4i|zHfY`ydQaUcwX=%ao^*P;JVHg
zwpmcXf@^YERXZcc<a<@wlXa^3Cr4DbvomsV*o(?CPJULcF<G%rd$L81)MV2de(pwQ
zb`E<<Sw?$z_vwN9jFN2WsYU5U>5~O&4JPlYk(<1?hR?8(k&VM%T$U54COJ1VBQ?pS
z!qC9Lz^pi<AipxJqQKm;s4^|JDy=Hq)zRC}H8^;3;D5=<a@9gChI+<klLPA{><mFH
zQ*8qSD+7Z@CRUJ@9B|`|D|3OynSzYVO*1hwH%QM(Nvuk#N<=r0)j-eC$ZYc6`QmJb
zVCLr6wQNkfh9*`9hI*Dp77+8fKmo+Joq_)`|55(s{GI&S{J#A9{DOR+`L6P92L{kg
zJ{DPKd&bELRg#mh^i|q`I5<7VhLFYLPS)w!`i!!Zm-WYSF!4QR;LqTD47A`nA7>*I
z6PLX#1E=WZ2lG@XH_X$SY&%~Ti1{XG%%8)-#D5g*yv>3NJNc*k$^(sfv|dSojZcb!
ze?5O3KQG@NzHB}zpiyjmZ2oL4_V)IZ1J6rtw%m7`QGku#7sYQtRhImlea~-E04ELn
zKA$}EpX}r-|0*X7{+DHB1Cy*Ea`LkOKrbLW3#{_df1s<d*#~m;c8F9qFpzzLf!)b}
s6zr7A`u(!gv-BBf0Uf`Qfj^S}B>zOdmwX%f6@k)o`L=JgWAtYP0GQz31^@s6

diff --git a/src/actions/swot.ts b/src/actions/swot.ts
index a075cbf..997348d 100644
--- a/src/actions/swot.ts
+++ b/src/actions/swot.ts
@@ -64,6 +64,22 @@ export async function deleteSwotItem(itemId: string, sessionId: string) {
   }
 }
 
+export async function duplicateSwotItem(itemId: string, sessionId: string) {
+  const session = await auth();
+  if (!session?.user?.id) {
+    return { success: false, error: 'Non autorisé' };
+  }
+
+  try {
+    const item = await sessionsService.duplicateSwotItem(itemId);
+    revalidatePath(`/sessions/${sessionId}`);
+    return { success: true, data: item };
+  } catch (error) {
+    console.error('Error duplicating SWOT item:', error);
+    return { success: false, error: 'Erreur lors de la duplication' };
+  }
+}
+
 export async function moveSwotItem(
   itemId: string,
   sessionId: string,
diff --git a/src/components/swot/ActionPanel.tsx b/src/components/swot/ActionPanel.tsx
index 95d7e55..417abc9 100644
--- a/src/components/swot/ActionPanel.tsx
+++ b/src/components/swot/ActionPanel.tsx
@@ -172,64 +172,24 @@ export function ActionPanel({
           Créez des actions en sélectionnant plusieurs items SWOT.
         </p>
       ) : (
-        <div className="space-y-3">
+        <div className="grid gap-3 md:grid-cols-2 lg:grid-cols-3">
           {actions.map((action) => (
             <div
               key={action.id}
-              className="group rounded-lg border border-border bg-background p-4 transition-colors hover:border-primary/30"
+              className="group flex flex-col rounded-lg border border-border bg-background p-4 transition-colors hover:border-primary/30"
               onMouseEnter={() => onActionHover(action.links.map((l) => l.swotItemId))}
               onMouseLeave={onActionLeave}
             >
-              <div className="flex items-start justify-between gap-4">
-                <div className="flex-1">
-                  <div className="flex items-center gap-2">
-                    <h3 className="font-medium text-foreground">{action.title}</h3>
-                    <Badge
-                      variant={
-                        action.priority === 2
-                          ? 'destructive'
-                          : action.priority === 1
-                            ? 'warning'
-                            : 'default'
-                      }
-                    >
-                      {priorityLabels[action.priority]}
-                    </Badge>
-                  </div>
-                  {action.description && (
-                    <p className="mt-1 text-sm text-muted">{action.description}</p>
-                  )}
-                  <div className="mt-2 flex flex-wrap gap-1">
-                    {action.links.map((link) => (
-                      <Badge
-                        key={link.id}
-                        variant={categoryBadgeVariant[link.swotItem.category]}
-                        className="text-xs"
-                      >
-                        {categoryShort[link.swotItem.category]}
-                      </Badge>
-                    ))}
-                  </div>
-                </div>
-
-                <div className="flex items-center gap-2">
-                  <select
-                    value={action.status}
-                    onChange={(e) => handleStatusChange(action, e.target.value)}
-                    className="rounded-lg border border-border bg-card px-2 py-1 text-sm text-foreground"
-                    disabled={isPending}
-                  >
-                    <option value="todo">{statusLabels.todo}</option>
-                    <option value="in_progress">{statusLabels.in_progress}</option>
-                    <option value="done">{statusLabels.done}</option>
-                  </select>
-
+              {/* Header with title & actions */}
+              <div className="flex items-start justify-between gap-2">
+                <h3 className="font-medium text-foreground line-clamp-2">{action.title}</h3>
+                <div className="flex shrink-0 items-center gap-1">
                   <button
                     onClick={() => openEditModal(action)}
-                    className="rounded p-1.5 text-muted opacity-0 transition-opacity hover:bg-card-hover hover:text-foreground group-hover:opacity-100"
+                    className="rounded p-1 text-muted opacity-0 transition-opacity hover:bg-card-hover hover:text-foreground group-hover:opacity-100"
                     aria-label="Modifier"
                   >
-                    <svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                    <svg className="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                       <path
                         strokeLinecap="round"
                         strokeLinejoin="round"
@@ -238,13 +198,12 @@ export function ActionPanel({
                       />
                     </svg>
                   </button>
-
                   <button
                     onClick={() => handleDelete(action.id)}
-                    className="rounded p-1.5 text-muted opacity-0 transition-opacity hover:bg-destructive/10 hover:text-destructive group-hover:opacity-100"
+                    className="rounded p-1 text-muted opacity-0 transition-opacity hover:bg-destructive/10 hover:text-destructive group-hover:opacity-100"
                     aria-label="Supprimer"
                   >
-                    <svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                    <svg className="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                       <path
                         strokeLinecap="round"
                         strokeLinejoin="round"
@@ -255,6 +214,54 @@ export function ActionPanel({
                   </button>
                 </div>
               </div>
+
+              {/* Description */}
+              {action.description && (
+                <p className="mt-1 text-sm text-muted line-clamp-2">{action.description}</p>
+              )}
+
+              {/* Linked Items */}
+              <div className="mt-3 flex flex-wrap content-start gap-1.5 max-h-24 overflow-y-auto">
+                {action.links.map((link) => (
+                  <Badge
+                    key={link.id}
+                    variant={categoryBadgeVariant[link.swotItem.category]}
+                    className="text-xs max-w-full h-fit"
+                    title={link.swotItem.content}
+                  >
+                    <span className="truncate">
+                      {link.swotItem.content.length > 25
+                        ? link.swotItem.content.slice(0, 25) + '...'
+                        : link.swotItem.content}
+                    </span>
+                  </Badge>
+                ))}
+              </div>
+
+              {/* Footer with status & priority */}
+              <div className="mt-3 flex items-center justify-between gap-2 border-t border-border pt-3">
+                <Badge
+                  variant={
+                    action.priority === 2
+                      ? 'destructive'
+                      : action.priority === 1
+                        ? 'warning'
+                        : 'default'
+                  }
+                >
+                  {priorityLabels[action.priority]}
+                </Badge>
+                <select
+                  value={action.status}
+                  onChange={(e) => handleStatusChange(action, e.target.value)}
+                  className="rounded border border-border bg-card px-2 py-1 text-xs text-foreground"
+                  disabled={isPending}
+                >
+                  <option value="todo">{statusLabels.todo}</option>
+                  <option value="in_progress">{statusLabels.in_progress}</option>
+                  <option value="done">{statusLabels.done}</option>
+                </select>
+              </div>
             </div>
           ))}
         </div>
diff --git a/src/components/swot/SwotCard.tsx b/src/components/swot/SwotCard.tsx
index 29f60fa..7f1e1dc 100644
--- a/src/components/swot/SwotCard.tsx
+++ b/src/components/swot/SwotCard.tsx
@@ -2,7 +2,7 @@
 
 import { forwardRef, useState, useTransition } from 'react';
 import type { SwotItem, SwotCategory } from '@prisma/client';
-import { updateSwotItem, deleteSwotItem } from '@/actions/swot';
+import { updateSwotItem, deleteSwotItem, duplicateSwotItem } from '@/actions/swot';
 
 interface SwotCardProps {
   item: SwotItem;
@@ -58,6 +58,12 @@ export const SwotCard = forwardRef<HTMLDivElement, SwotCardProps>(
       });
     }
 
+    async function handleDuplicate() {
+      startTransition(async () => {
+        await duplicateSwotItem(item.id, sessionId);
+      });
+    }
+
     function handleKeyDown(e: React.KeyboardEvent) {
       if (e.key === 'Enter' && !e.shiftKey) {
         e.preventDefault();
@@ -105,7 +111,7 @@ export const SwotCard = forwardRef<HTMLDivElement, SwotCardProps>(
 
             {/* Actions (visible on hover) */}
             {!linkMode && (
-              <div className="absolute right-1 top-1 flex gap-1 opacity-0 transition-opacity group-hover:opacity-100">
+              <div className="absolute right-1 top-1 flex gap-0.5 opacity-0 transition-opacity group-hover:opacity-100">
                 <button
                   onClick={(e) => {
                     e.stopPropagation();
@@ -123,6 +129,23 @@ export const SwotCard = forwardRef<HTMLDivElement, SwotCardProps>(
                     />
                   </svg>
                 </button>
+                <button
+                  onClick={(e) => {
+                    e.stopPropagation();
+                    handleDuplicate();
+                  }}
+                  className="rounded p-1 text-muted hover:bg-primary/10 hover:text-primary"
+                  aria-label="Dupliquer"
+                >
+                  <svg className="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                    <path
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                      strokeWidth={2}
+                      d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
+                    />
+                  </svg>
+                </button>
                 <button
                   onClick={(e) => {
                     e.stopPropagation();
diff --git a/src/services/sessions.ts b/src/services/sessions.ts
index ef0a820..7fa88d6 100644
--- a/src/services/sessions.ts
+++ b/src/services/sessions.ts
@@ -109,6 +109,31 @@ export async function deleteSwotItem(itemId: string) {
   });
 }
 
+export async function duplicateSwotItem(itemId: string) {
+  const original = await prisma.swotItem.findUnique({
+    where: { id: itemId },
+  });
+
+  if (!original) {
+    throw new Error('Item not found');
+  }
+
+  // Get max order for this category
+  const maxOrder = await prisma.swotItem.aggregate({
+    where: { sessionId: original.sessionId, category: original.category },
+    _max: { order: true },
+  });
+
+  return prisma.swotItem.create({
+    data: {
+      content: original.content,
+      category: original.category,
+      sessionId: original.sessionId,
+      order: (maxOrder._max.order ?? -1) + 1,
+    },
+  });
+}
+
 export async function reorderSwotItems(
   sessionId: string,
   category: SwotCategory,