From c4d7b165382609d11c81456d43f1ecad41a2b1c8 Mon Sep 17 00:00:00 2001
From: SeongHyun Kim <kksh7842@gmail.com>
Date: Fri, 13 Mar 2026 14:23:26 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20LOCK-OWNER=20=EC=B9=B4=EB=93=9C=20?=
 =?UTF-8?q?=EB=B9=84=ED=99=9C=EC=84=B1=ED=99=94=20UI=20=EB=88=84=EB=9D=BD?=
 =?UTF-8?q?=EB=B6=84=20=EB=B0=98=EC=98=81=20a2c532c7=20=EC=BB=A4=EB=B0=8B?=
 =?UTF-8?q?=EC=97=90=EC=84=9C=20=EB=88=84=EB=9D=BD=EB=90=9C=20CardV2=20?=
 =?UTF-8?q?=EC=9E=A0=EA=B8=88=20UI=EB=A5=BC=20=EB=B0=98=EC=98=81=ED=95=9C?=
 =?UTF-8?q?=EB=8B=A4.=20-=20locked=20=EA=B3=84=EC=82=B0:=20ownerSortColumn?=
 =?UTF-8?q?=20=EA=B0=92=EC=9D=B4=20=EC=A1=B4=EC=9E=AC=ED=95=98=EA=B3=A0=20?=
 =?UTF-8?q?=ED=98=84=EC=9E=AC=20=EC=82=AC=EC=9A=A9=EC=9E=90=EC=99=80=20?=
 =?UTF-8?q?=EB=B6=88=EC=9D=BC=EC=B9=98=20=EC=8B=9C=20true=20-=20isLockedBy?=
 =?UTF-8?q?Other=20prop=EC=9D=84=20CardV2=EC=97=90=20=EC=A0=84=EB=8B=AC=20?=
 =?UTF-8?q?-=20=EC=9E=A0=EA=B8=88=20=EC=B9=B4=EB=93=9C:=20opacity-50,=20cu?=
 =?UTF-8?q?rsor-not-allowed,=20onClick/onKeyDown=20=EC=B0=A8=EB=8B=A8,=20t?=
 =?UTF-8?q?abIndex=3D-1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../PopCardListV2Component.tsx                | 78 +++++++++++--------
 1 file changed, 46 insertions(+), 32 deletions(-)

diff --git a/frontend/lib/registry/pop-components/pop-card-list-v2/PopCardListV2Component.tsx b/frontend/lib/registry/pop-components/pop-card-list-v2/PopCardListV2Component.tsx
index 3a52a36e..141c3ffc 100644
--- a/frontend/lib/registry/pop-components/pop-card-list-v2/PopCardListV2Component.tsx
+++ b/frontend/lib/registry/pop-components/pop-card-list-v2/PopCardListV2Component.tsx
@@ -1067,36 +1067,42 @@ export function PopCardListV2Component({
             className={`min-h-0 flex-1 grid ${scrollClassName}`}
             style={{ ...cardAreaStyle, alignContent: "start", justifyContent: isHorizontalMode ? "start" : "center" }}
           >
-            {displayCards.map((row, index) => (
-              <CardV2
-                key={`card-${index}`}
-                row={row}
-                cardGrid={cardGrid}
-                spec={spec}
-                config={effectiveConfig}
-                onSelect={handleCardSelect}
-                cart={cart}
-                publish={publish}
-                parentComponentId={componentId}
-                isCartListMode={isCartListMode}
-                isSelected={selectedKeys.has(String(row.__cart_id ?? ""))}
-                onToggleSelect={() => {
-                  const cartId = row.__cart_id != null ? String(row.__cart_id) : "";
-                  if (!cartId) return;
-                  setSelectedKeys((prev) => { const next = new Set(prev); if (next.has(cartId)) next.delete(cartId); else next.add(cartId); return next; });
-                }}
-                onDeleteItem={handleDeleteItem}
-                onUpdateQuantity={handleUpdateQuantity}
-                onRefresh={fetchData}
-                selectMode={selectMode}
-                isSelectModeSelected={selectedRowIds.has(String(row.id ?? row.pk ?? ""))}
-                isSelectable={isRowSelectable(row)}
-                onToggleRowSelect={() => toggleRowSelection(row)}
-                onEnterSelectMode={enterSelectMode}
-                onOpenPopModal={openPopModal}
-                currentUserId={currentUserId}
-              />
-            ))}
+            {displayCards.map((row, index) => {
+              const locked = !!ownerSortColumn
+                && !!String(row[ownerSortColumn] ?? "")
+                && String(row[ownerSortColumn] ?? "") !== (currentUserId ?? "");
+              return (
+                <CardV2
+                  key={`card-${index}`}
+                  row={row}
+                  cardGrid={cardGrid}
+                  spec={spec}
+                  config={effectiveConfig}
+                  onSelect={handleCardSelect}
+                  cart={cart}
+                  publish={publish}
+                  parentComponentId={componentId}
+                  isCartListMode={isCartListMode}
+                  isSelected={selectedKeys.has(String(row.__cart_id ?? ""))}
+                  onToggleSelect={() => {
+                    const cartId = row.__cart_id != null ? String(row.__cart_id) : "";
+                    if (!cartId) return;
+                    setSelectedKeys((prev) => { const next = new Set(prev); if (next.has(cartId)) next.delete(cartId); else next.add(cartId); return next; });
+                  }}
+                  onDeleteItem={handleDeleteItem}
+                  onUpdateQuantity={handleUpdateQuantity}
+                  onRefresh={fetchData}
+                  selectMode={selectMode}
+                  isSelectModeSelected={selectedRowIds.has(String(row.id ?? row.pk ?? ""))}
+                  isSelectable={isRowSelectable(row)}
+                  onToggleRowSelect={() => toggleRowSelection(row)}
+                  onEnterSelectMode={enterSelectMode}
+                  onOpenPopModal={openPopModal}
+                  currentUserId={currentUserId}
+                  isLockedByOther={locked}
+                />
+              );
+            })}
           </div>
 
           {/* 선택 모드 하단 액션 바 */}
@@ -1394,16 +1400,24 @@ function CardV2({
 
   return (
     <div
-      className={`relative flex cursor-pointer flex-col rounded-lg border bg-card shadow-sm transition-all duration-150 hover:shadow-md ${borderClass}`}
+      className={cn(
+        "relative flex flex-col rounded-lg border bg-card shadow-sm transition-all duration-150",
+        isLockedByOther
+          ? "cursor-not-allowed opacity-50"
+          : "cursor-pointer hover:shadow-md",
+        borderClass,
+      )}
       style={{ minHeight: `${spec.height}px` }}
       onClick={() => {
+        if (isLockedByOther) return;
         if (selectMode && isSelectable) { onToggleRowSelect?.(); return; }
         if (!selectMode) onSelect?.(row);
       }}
       role="button"
-      tabIndex={0}
+      tabIndex={isLockedByOther ? -1 : 0}
       onKeyDown={(e) => {
         if (e.key === "Enter" || e.key === " ") {
+          if (isLockedByOther) return;
           if (selectMode && isSelectable) { onToggleRowSelect?.(); return; }
           if (!selectMode) onSelect?.(row);
         }