ui overhaul

web/src/App.tsx

@@ -141,11 +141,11 @@ export function App() {
     await mutate((board) => removeCard(board, id), () => api.deleteCard(id), "Card deleted");
   };
 
-  const moveCard = async (cardID: number, sourceListID: number, targetListID: number, dropIndex: number) => {
+  const moveCard = async (cardID: number, targetListID: number, dropIndex: number) => {
     const current = boardRef.current;
     const card = current?.lists.flatMap((list) => list.cards).find((item) => item.id === cardID);
     if (!current || !card) return;
-    const position = movePosition(current.lists, cardID, sourceListID, targetListID, dropIndex);
+    const position = movePosition(current.lists, cardID, targetListID, dropIndex);
     await editCard(cardID, { list_id: targetListID, position });
   };
 
@@ -167,12 +167,11 @@ export function App() {
       ) : null}
       {state.board ? (
         <BoardCanvas
-          lists={state.board.lists}
+          lists={state.board?.lists ?? []}
           onCreateList={createList}
           onEditList={editList}
           onDeleteList={deleteList}
           onCreateCard={createCard}
-          onEditCard={editCard}
           onMoveCard={moveCard}
           onOpenCard={setSelectedCardID}
           managingLists={managingLists}
@@ -182,6 +181,7 @@ export function App() {
         <CardDetailModal
           card={selectedCard}
           listName={selectedList.name}
+          lists={state.board?.lists ?? []}
           onClose={() => setSelectedCardID(null)}
           onEdit={(patch) => editCard(selectedCard.id, patch)}
           onDelete={() => deleteCard(selectedCard.id)}